/* bootstrap の 幅プロパティ */
.w-10 {
  width: 10%!important;
}
.w-15 {
  width: 15%!important;
}

div.having-nav {
  padding-top: 60px;
}

label.title {
  font-weight: bold;
}

/* datepicker の枠サイズを変更 */
div.datepicker,
div.datepicker > div > table.table-condensed {
  width: 300px;
  height:320px;
}

div.card {
  margin-bottom: 1em;
}

/* low profile */
.form-group.low {
    margin-bottom: 0.2rem;
}
.form-control.low {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.col-form-label.low {
    padding-top: calc(0.2rem + 1px);
    padding-bottom: calc(0.2rem + 1px);
}

/* modal onProc */
.modal-onproc .modal-dialog {
  display: table;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 24px);
}

.modal-onproc .modal-dialog .modal-content{
  background-color: transparent;
  border: none;
}

/* 画面上部の操作ボタン div */
.operator-buttons {
  padding-bottom: 1em;
}

/* div で表を組む場合 */
div.row.list {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
div.row.list.stripe {
  background: rgba(0, 0, 0, 0.05);
}
div.row.list:hover {
  background: rgba(0, 0, 0, 0.1);
}
div.list {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
div.list-operator-buttons { /* list の操作ボタンを含む div */
  padding-top: 0.5em;
}

/* span エラー表示用 */
span.error-mini {
  font-size: 80%;
  color: #dc3545;
};

span.error {
  color: #dc3545;
};

.chars-5 {
  min-width: 70px;
  max-width: 85px;
}

.chars-10 {
  min-width: 110px;
  max-width: 125px;
}

.chars-15 {
  min-width: 150px;
  max-width: 175px;
}

.chars-20 {
  min-width: 190px;
  max-width: 215px;
}

.chars-25 {
  min-width: 230px;
  max-width: 255px;
}