/* UI関係の基本的なスタイル */
/* ボタン色調整 */
.btn-success {
  color: #fff;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
}

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

.subheader-block .btn {
  font-size: 0.8125rem !important;
}

main.page-content {
  color: #000;
}

.input-group input:not(.vs__search) {
  height: 35px;
}

.input-group-append {
  height: 35px;
}
.input-group-text {
  height: 35px;
}

/* UIのスタイル調整 */
.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; */
}
/* vue-selectを改行させないようにする */
.cwS_7 .vs__dropdown-toggle {
  /* height: 30px; */
  height: 25px;
  overflow: hidden;
}

.radiuszero .vs__dropdown-toggle {
  border-radius: 0px;
  height: 30px;
}
.radiuszero4right .vs__dropdown-toggle {
  border-top-right-radius: 0px;
  border-bottom-right-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: 35px;
}

.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;
}

/* ダッシュボード用 */
.attendanceList .badge {
  margin-right: 8px;
}

/* 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;
}

.dp__disabled {
  background: #f6f6f6 !important;
  color: #969696 !important;
}

.disableGray .dp__disabled {
  background: #f6f6f6 !important;
  color: #969696 !important;
}

/* //------- */
.disableGray .vs__search {
  background: #f6f6f6 !important;
  color: #969696 !important;
}

.disableGray .vs--disabled {
  background: #f6f6f6 !important;
  color: #969696 !important;
}

.disableGray .vs--disabled .vs__actions {
  background: #f6f6f6 !important;
  color: #969696 !important;
}

.disableGray .vs--disabled .vs__selected {
  background: #f6f6f6 !important;
  color: #969696 !important;
}

.disableGray .vs--disabled .vs__search {
  background: #f6f6f6 !important;
  color: #969696 !important;
}

.disableGray .vs--disabled .vs__selected-options {
  background: #f6f6f6 !important;
  color: #969696 !important;
}

.disableGray .vs--disabled .vs__dropdown-toggle {
  background: #f6f6f6 !important;
  color: #969696 !important;
}
/* //------- */

/* 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: 115px;
}
.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;
}

@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;
  }
}