@charset "utf-8";

.error-message {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

/*
 * [FIXED] react-datepicker-wrapper
 * そのままだとbootstrapで崩れるのでラッパークラスを調整
 */
.react-datepicker-wrapper,
.react-datepicker__input-container {
    width: 100%;
    display: block;
}
.react-datepicker__input-container input.form-control {
    width: 100%;
    height: calc(2.25rem + 2px); /* Bootstrap4のinput高さに揃える */
    box-sizing: border-box;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transform: translate(0, -25%);
    opacity: 0;
}
.modal.show .modal-dialog {
    transform: translate(0, 0);
    opacity: 1;
}