@charset "UTF-8";
.table td, .table th {
  padding:0.5rem;
  vertical-align:middle;
}

body,td,th {
  color: #5C5C5C;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-size: medium;
}
body {
  background-color: #EEF1F5;
}

/* jquery-ui関連 */
.ui-state-default
{
  border:0;
  background:white;
}
.ui-widget input,.ui-widget button,.ui-widget select,.ui-widget, .ui-widget-content {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.8rem;
}

.ui-dialog .ui-dialog-content {
  padding:0.1rem;
}

.ui-widget .ui-widget {
  font-size:0.8rem;
}
.ui-widget-content a {
  color:#20a8d8;
}
.ui-widget .text-l, .text-l {
  font-size:1.5rem;
}
.ui-datepicker {
  z-index: 10 !important;
}
.ui-dialog { 
  z-index: 1050 !important ;
}

/* nav関連 */
.nav-dropdown-items .nav-item {
  text-align:left;
}
.nav-header-custom {
  width:150px;
  text-align:left;
}
.navbar {
  padding:0px;
}
.nav-tabs {
  border-bottom:1.5px solid #c8ced3;
}
.app-header .navbar-brand {
  height:54px;
}

/* dialog関連 */
.wms-dialog .table-responsive td, .wms-dialog .table-responsive th {
  padding:0.2rem;
}

/* dropdown関連 */
.dropdown-custom {
  position:absolute;
  width:150px;
}
.dropdown-item-custom {
  color: #fff;
  text-decoration: none;
  background-color: #2f353a;
}
.dropdown-item-custom:hover, .dropdown-item-custom:focus {
  color: #fff;
  text-decoration: none;
  background-color: #2f353a;
}

/* その他 */
.align-items-center .text-s {
  margin-bottom:0px;
}
.len-text-s-40 {
  max-width:24rem;
}
.len-text-s-20 {
  max-width:11rem;
}
.len-text-s-15 {
  max-width:9.7rem;
}
.len-text-s-12 {
  max-width:9rem;
}
.len-text-s-10 {
  max-width:6.5rem;
}
.len-text-s-8 {
  max-width:5.2rem;
}
.len-text-s-6 {
  max-width:5rem;
}
.len-text-s-4 {
  max-width:3.6rem;
}
.len-text-s-3 {
  max-width:2.5rem;
}
.len-text-s-2 {
  max-width:1.8rem;
}
.color-red {
  color:red;
}
.color-white {
  color:white;
}
.fg-white {
  color:white;
}
.bg-red {
  background-color:red;
}
.app-body {
  margin-top:60px;
}
.card {
  margin-bottom:0.5rem;
}
.num-input-button {
  width:47%;
}
.fixed-button {
  width:110px;
}
.input-middle {
  vertical-align:middle;
}
.row-marginbottom {
  margin-bottom:2px;
}
.margintophead {
  margin-top:3px;
}
.box_gray_line {
  border: 2px solid #a9a9a9;
}
#loadingIndicator{
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.85;
  z-index: 2000;
}
#loadingIndicator .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("./images/gif-load.gif") center center no-repeat;
  color:black;
}

#numInputDialog + .ui-dialog-buttonpane .ui-dialog-buttonset {
  width:100%;
}
#kanryoDialog + .ui-dialog-buttonpane .ui-dialog-buttonset {
  width:100%;
}
@media screen and (min-width:576px) {
  .btn-num-input-dialog {
    height:40px;
    padding-right:5px;
    margin-bottom:15px;
  }
}
@media screen and (max-width:575px) {
  .btn-num-input-dialog {
    height:30px;
    padding-right:5px;
    margin-bottom:7px;
  }
}

.validation-error-formatter, .selected.validation-error-formatter {
    background-color: #fee2e1;
}

.validation-error, .validation-error:focus {
    background-color: #fee2e1;
}

.validation-error-editor {
    background: white;
    width: 250px;
    height: 80px;
    border: 0;
    outline: 0;
    color:red;
    font-size:0.8rem;
}