.xdsoft_datetimepicker {
            box-shadow: none;
            border: none;
        }

        .xdsoft_datetimepicker.xdsoft_inline {
            zoom: 0.9;
        }


        /* 選択できない日付のスタイルを無効化 */
        .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
        .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
            cursor: default !important;
        }

        /* 本日の日付のテキスト色を#000の太字にする */
        .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today.xdsoft_disabled > div {
            color: #000 !important;
            font-weight: bold !important;
        }

        /* カレンダーのマウスホバーを黒に（選択可能な日付のみ） */
        .xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_disabled):not(.xdsoft_other_month):hover,
        .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default:not(.xdsoft_disabled):not(.xdsoft_other_month):hover {
            background: #000 !important;
        }
        .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
            color: #fff !important;
            background: #000 !important;
            box-shadow: none !important;
        }
        .xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_disabled):not(.xdsoft_other_month):hover > div {
            color: white !important;
        }
        .xdsoft_today_button {
            display: none !important;
        }

        /* 選択中の日付のスタイル - 濃いグレーに */
        .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
            background: #666 !important;
            box-shadow: none !important;
        }

        .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current > div {
            color: white !important;
            font-weight: bold;
        }

        /* ホバー時も選択中の日付は濃いグレーを維持 */
        .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover {
            background: #555 !important;
        }

        /* 時刻選択のスタイル */
        /* 選択中の時刻のスタイル - 濃いグレーに */
        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time.xdsoft_current {
            background: #666 !important;
            color: white !important;
            font-weight: bold;
        }

        /* 時刻のホバーを黒に */
        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time:hover,
        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
            background: #000 !important;
            color: white !important;
        }

        /* 選択中の時刻のホバーも黒に */
        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time.xdsoft_current:hover {
            background: #000 !important;
        }
        .selected-datetime {
            margin-top: 20px;
            padding: 15px;
            background-color: #f8f9fa;
            border-left: 4px solid #4a90e2;
            border-radius: 4px;
        }

        .selected-datetime p {
            margin: 5px 0;
            color: #333;
        }

        .selected-datetime strong {
            color: #4a90e2;
        }