/*
   ReactのTimePickerのwidthを100%にする
*/
.customDatePickerWidth,
.customDatePickerWidth > div.react-datepicker-wrapper,
.customDatePickerWidth > div > div.react-datepicker__input-container
.customDatePickerWidth > div > div.react-datepicker__input-container input {
   width: 100%;
}

/*
   Reactのdatepicker.jsの土曜、日曜に色付けをする
 */

.react-datepicker__day--saturday {
    border-radius: .3rem;
    background-color: #00f;
    color: #fff !important;
}

.react-datepicker__day--sunday {
    border-radius: .3rem;
    background-color: #f00;
    color: #fff !important;
}

.react-datepicker__day--saturday:hover {
    background-color: #8b86ff !important;
}

.react-datepicker__day--sunday:hover {
    background-color: #ff8686 !important;
}

/*
  input[type='number']の上下のボタンを非表示にする(chrome)
*/
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*
  input[type='number']の上下のボタンを非表示にする(FireFox)
*/
input[type=number] {
   -moz-appearance:textfield;
}

.table-hover tbody .deactivate-tr {
  color: #212529;
  background-color: rgba(31, 33, 33, 0.39);
}
.table-hover tbody .deactivate-tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0,.5);

}