/* UI関係の基本的なスタイル */

/* ボタン色調整 */
.btn-success {
  color: #fff;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
}

/* パネルのボタン調整 */
.panelBtnAdjst {
  display: inline !important;
}

/* ワッペン */
.tentative {
  background-color: red;
  opacity: 0.8;
  height: 50px;
  border-radius: 5px;
  color: #fff;
  padding: 5px;
}

/* UIのスタイル調整 */

.settings-panel h5 {
  font-weight: bold;
}
.settingFrame {
  padding: 8px 8px 8px 30px;
}

.contents select {
  width: 100%;
  /* 必ず削除 */
  height: 30px;
  /* 必ず削除 */
  border: 1px solid #e5e5e5;
}
.contents .custom-radio,
.contents .custom-checkbox {
  height: 30px;
}

.vs__dropdown-toggle {
  border: 1px solid #e5e5e5 !important;
  /* height: 30px; */
}

.radiuszero .vs__dropdown-toggle {
  border-radius: 0px;
  height: 30px;
}

.maisaiToolsRow .vs__selected-options {
  height: 24px;
}

.vs__clear {
  display: none;
}
/* selectedClearを上位タグにつけると×ボタンを復帰 */
.selectedClear .vs__clear {
  display: block;
}
.selectBorderNone .vs__dropdown-toggle {
  border: none !important;
}
.contCnt .vs__dropdown-toggle {
  height: 30px;
}

.activeComment .vs__dropdown-toggle {
  border-color: #627ca0 !important;
}

.disableWhite .vs--disabled .vs__dropdown-toggle,
.disableWhite .vs--disabled .vs__search {
  background-color: #fff !important;
}

.sl_pulldown .vs--disabled .vs__dropdown-toggle,
.sl_pulldown .vs--disabled .vs__search {
  background-color: #fff !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
}

/* DTP用 */
.saturday {
  color: #0000ff;
}
.sunday {
  color: #ff0000;
}
.input-group .mdDtp {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.dp__input {
  font-size: 12px !important;
}

.input-group .dp__input {
}

.dtpJyutyuBulk {
  min-width: 110px !important;
}
.dtpJyutyuBulk input {
  height: 30px;
  min-width: 110px;
  font-size: 12px;
}

.jyutyuTable .dp__input {
  border: none;
}

.noneBorder .dp__input {
  border: none;
}
.notClear .dp__clear_icon {
  display: none;
}
/* UI微調整 */
.contents .row {
  margin-bottom: 8px;
}
.contents span.input-group-addon {
  padding-top: 5px;
}

.btn-search {
  width: 20%;
  margin: 16px 0 0;
}

.btnDetCell {
  text-align: center;
}

/* 詳細ボタン列の幅固定 */
th[aria-controls='col-0'] {
  min-width: 75px !important;
  width: 75px !important;
}

.error-message4vali {
  color: rgb(190, 45, 45);
}
input:has(+ .error-message4vali),
textarea:has(+ .error-message4vali) {
  border-color: rgb(190, 45, 45);
}

.alert {
  margin-bottom: 10px;
}

/* ヘッダ固定用 */
.lockHeader {
  position: fixed;
  width: 98%;
  z-index: 3;
  background-color: #fff;
  padding-top: 30px;
  height: 80px;
  top: 105px;
}
.lockHeaderSpacer {
  margin-bottom: 60px;
}

/* /UI関係の基本的なスタイル */
/* 申請書関係の時間入力要素 */
input[type='time'].sinseisyo {
  max-width: 100px;
}

/* バッジの色をテーマに統一 */
.badge-info {
  background-color: #2196f3;
  border-color: #2196f3;
}
.badge-danger {
  background-color: #be2d2d;
  border-color: #be2d2d;
}
.badge-success {
  background-color: #67b4ac;
  border-color: #67b4ac;
}
.badge-warning {
  background-color: #e5bc62;
  border-color: #e5bc62;
}
.badge-primary {
  background-color: #536a89;
  border-color: #536a89;
}
/* 無効時の色調整 */
.whiteDisable input:disabled,
.whiteDisable textarea:disabled {
  background-color: #fff !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
}

@media only screen and (max-width: 992px) {
  .lockHeader {
    top: 55px;
  }
}
@media only screen and (max-width: 566px) {
  .lockHeader button {
    top: -55px;
  }
}

@media only screen and (max-width: 576px) {
  .subheader-block {
    display: block;
  }
  /* 申請書関係の時間入力要素 */
  input[type='time'].sinseisyo {
    max-width: inherit;
  }
}