@charset "UTF-8";

.xdsoft_datetimepicker input,
.xdsoft_datetimepicker button,
.xdsoft_datetimepicker select,
.xdsoft_datetimepicker textarea{
	width: 100%;
	max-width: 100%;
	min-height: unset;
	padding: 0;
	border-radius: 0;
	border: 1px solid var(--color-gray);
	font-size: 1.4rem;
	line-height: 1;
	box-sizing: border-box;
}

.xdsoft_datetimepicker .xdsoft_monthpicker{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.xdsoft_datetimepicker .xdsoft_month,
.xdsoft_datetimepicker .xdsoft_year{
	width: 60px;
}


.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button{
	/* background-position: center; */
}

.xdsoft_datetimepicker .xdsoft_today_button,
.xdsoft_datetimepicker .xdsoft_year{
	margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_label i{
  width: 20px;
  height: 20px;
	background-position: -42px -14px;
}

.xdsoft_datetimepicker .xdsoft_calendar th{
	background-color: var(--color-pink);
	color: var(--color-white);
}
.xdsoft_datetimepicker .xdsoft_calendar td{
	background-color: var(--color-white);
	color: var(--color-black);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{
	background-color: var(--color-black);
	color: var(--color-white);
	opacity: 0.2;
}