.xdsoft_datetimepicker { background: white; border: 1px solid var(--dark-green); color: black; font-size: 11pt; padding: 2px 8px 8px 0; position: absolute; z-index: 100; box-sizing: border-box; display: none; }
.xdsoft_datetimepicker.xdsoft_rtl {  padding: 8px 0 8px 8px; }

.xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; }

/*For IE8 or lower*/
.xdsoft_datetimepicker button { border: none !important; }

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; }

.xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; }

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; }

.xdsoft_datetimepicker .xdsoft_datepicker { width: 240px; float: left; margin-left: 8px; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; }

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; }

.xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; flex-wrap: wrap; }
.xdsoft_timepicker.active { display: flex; }

.xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; }

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button { font-family: itsicons; font-size: 18px; }

.xdsoft_datetimepicker .xdsoft_label i { display: inline-block; height: 20px; vertical-align: middle; font-size: 14px; font-style: normal; margin-top: -3px; }
.xdsoft_datetimepicker .xdsoft_label i:before { content: '\e908'; margin-top: -3px; } 

.xdsoft_datetimepicker .xdsoft_prev { float: left; opacity: 1; color: var(--bright-green); }
.xdsoft_datetimepicker .xdsoft_prev:before { content: '\e90a'; margin-left: -1em; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  }
.xdsoft_datetimepicker .xdsoft_today_button { float: left; margin-left: 5px; color: var(--bright-green); }
.xdsoft_datetimepicker .xdsoft_today_button:before { content: '\e97c'; '\e987'; margin-left: -1em; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  }

.xdsoft_datetimepicker .xdsoft_next { float: right; color: var(--bright-green); }
.xdsoft_datetimepicker .xdsoft_next:before { content: '\e90b'; margin-left: -1em; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  }

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button { background-color: white; border: 0 none; cursor: pointer; display: block; height: 30px; outline: medium none; overflow: hidden;
	padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; height: 15px; width: 30px; display: flex; order: 2; flex: 0 0 50%; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { margin-bottom: 7px; margin-top: 0; order: 1 flex: 0 0 50%;}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; order: 3; flex-basis: 100%; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child { border-top-width: 0; }

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover { color: var(--dark-green); }

.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff;
	float: left; width: 182px; text-align: center; cursor: pointer; }

.xdsoft_datetimepicker .xdsoft_label:hover>span { text-decoration: underline; }

.xdsoft_datetimepicker .xdsoft_label:hover i { }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid var(--dark-green); position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff;
	max-height: 160px; overflow-y: hidden; font-weight: normal; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: black; background: var(--light-green); }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: var(--money-green); color: black; }

.xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; }

.xdsoft_datetimepicker .xdsoft_calendar { clear: both; }

.xdsoft_datetimepicker .xdsoft_year{ width: 58px; margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; }

.xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; }

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background-color: white; 
	font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; }
.xdsoft_datetimepicker .xdsoft_calendar th { background-color: var(--light-green); border: 1px solid transparent; border-bottom: 1px solid var(--dark-grey); color: black; }
.xdsoft_datetimepicker .xdsoft_calendar td { background-color: white; color: black; border: 1px solid white; }

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_today { color: var(--bright-green); font-weight: bold; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: black; background: var(--light-green); }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: var(--money-green); color: black; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled { background-color: var(--light-grey); color: var(--dark-grey); cursor: default; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: var(--olive-green) /*#33aaff*/ !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}


.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
	left: 0;
	right: auto;
}
.xdsoft_scroller_box {
	position: relative;
}