.xdsoft_datetimepicker { font-size: 10px; background: #ffffff; border: 1px solid #cccccc; border-bottom-color: #bbbbbb; color: #333333; padding: 2px 8px 8px 0; position: absolute; z-index: 9999; 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: 0 }
.xdsoft_datetimepicker button { border: 0 }
.xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.xdsoft_noselect::selection, .xdsoft_noselect::-moz-selection { background: transparent }
.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static }
.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: 224px; 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 }
.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 { background-image: url("images/buttons.png") }
.xdsoft_datetimepicker .xdsoft_label i { opacity:.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle }
.xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0 }
.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px }
.xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0 }
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer; display: block; height: 30px; opacity: .5; outline: 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; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px }
.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 { background-position: -40px 0; margin-bottom: 7px; margin-top :0 }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #dddddd }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #dddddd; color: #666666; font-size: 1em; text-align: center; cursor: pointer; border-bottom: 0; height: 25px; line-height: 25px }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top: 0 }
.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1 }
.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 1em; line-height: 20px; font-weight: normal; text-transform: uppercase; background-color: #ffffff; float: left; width: 182px; text-align: center; cursor: pointer }
.xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline }
.xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1 }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #cccccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #ffffff; max-height: 160px; overflow-y: hidden }
.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: #ffffff; background: #3c8dbc }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #005993; color: #ffffff; font-weight: normal }
.xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right }
.xdsoft_datetimepicker .xdsoft_calendar { clear: both }
.xdsoft_datetimepicker .xdsoft_year { width: 48px; 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: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 1em; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5% }
.xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #005993; font-weight: bold }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; color: #000000 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; color: #000000 }
.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: #005993; color: #ffffff; font-weight: 700 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: .5; cursor: default }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: .2 }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #ffffff; background: #3c8dbc }
.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: #005993; color: #ffffff }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit; background: inherit }
.xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999999; cursor: default }
.xdsoft_datetimepicker .xdsoft_copyright { color: #cccccc; font-size: 0.9em; clear: both; float: none; margin-left: 8px }
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eeeeee }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaaaaa }
.xdsoft_time_box { position: relative; border: 1px solid #cccccc }
.xdsoft_scrollbar > .xdsoft_scroller { background: #cccccc; 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 }
.xdsoft_datetimepicker.xdsoft_dark { background: #000000; border: 1px solid #333333; border-bottom-color: #444444; color: #cccccc }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222222}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222222; color: #999999 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333333; background: #000000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000000; background: #007fff }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #c50c50; color: #000000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url("images/buttons_white.png") }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222222; color: #999999 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #c50c50; font-weight: bold }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; color: #000000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; color: #000000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #c50c50; color: #000000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000000; background: #007fff }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666666 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333333 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111111 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555555 }
.xdsoft_dark .xdsoft_time_box { border: 1px solid #333333 }
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333333 }
.xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd; margin-top: 5px; width: 100%; color: #454551; font-size: 1.1em }
.xdsoft_datetimepicker .blue-gradient-button { font-size: 1em; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: #f4f8fa }
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: #f4f8fa }