.xdsoft_datetimepicker {
  background: #fff;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  margin-top: 1px;
  position: absolute;
  z-index: 9999999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  border-radius: 12px;
	font-family: "Nunito", Helvetica, Arial, sans-serif!important;
  font-weight: 700;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15)!important;
	border: 0px solid rgba(0, 0, 0, 0.15)!important;
}

.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: none !important
}

.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 {
  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: 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: 75px;
  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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYUAAAByCAYAAAC8w81dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM5NTYzMzZBRDExMTFGMDk3NjFFNEY3NjkzNjY0Q0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM5NTYzMzdBRDExMTFGMDk3NjFFNEY3NjkzNjY0Q0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Qzk1NjMzNEFEMTExMUYwOTc2MUU0Rjc2OTM2NjRDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Qzk1NjMzNUFEMTExMUYwOTc2MUU0Rjc2OTM2NjRDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqsvtZgAAAo2SURBVHja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")
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 1;
  background-position: -192px -47px;
  background-size: 1700%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 20px;
  vertical-align: middle;
  margin-left: 1px;
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -13px 2px
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 2px;
  margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 9px 2px
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: .3;
  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;
  background-position: -276px -75px;
  background-size: 1000%;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 23px;
  margin-top: 0px
}

.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: -276px -75px;
  background-size: 1000%;
  margin-bottom: 0px;
  margin-top: 0;
  rotate: 180;
  transform: rotate(180deg);
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-radius: 12px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: var(--almostblack);
  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 {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)"
}


.xdsoft_datetimepicker .xdsoft_today_button:active,
.xdsoft_datetimepicker .xdsoft_next:active,
.xdsoft_datetimepicker .xdsoft_prev:active {
    transform: translateY(2px);
    transition: 0.3s;
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999999;
  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:active {
  transform: translateY(2px);
  transition: 0.3s;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
  border: unset;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
  border-radius: 7px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
  right: 0px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
  right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
  color: var(--almostblack);
  background: #eff1f5;
}

.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(--primary);
  box-shadow: unset;
  color: #fff;
  font-weight: 700
}

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

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 53px;
  margin-left: 4px
}

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

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

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: unset;
  border: unset;
  color: var(--almostblack);
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
  border-radius: 100px;
}

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

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #eff1f5;
  border-radius: 0px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: var(--primary);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000
}

.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(--primary)!important;
  box-shadow: unset;
  color: #fff;
  font-weight: 700;
  border-radius: 100px;
}

.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;
  -ms-filter: "alpha(opacity=50)";
  cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: .2;
  -ms-filter: "alpha(opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover{
  color: var(--almostblack)!important;
  background: #eff1f5;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  color: #fff !important;
  background: var(--primary)!important;
  box-shadow: none !important;
  border-radius: 100px;
}

.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(--primary)!important;
  box-shadow: none !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: var(--almostblack);
  cursor: default
}

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

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important
}

.xdsoft_time_box {
  position: relative;
  border: unset;
}

.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;
  background: #f5f5f5;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
  border: 1px solid #333;
  background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
  color: #000;
  background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000
}

.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: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  color: #000 !important;
  background: #007fff !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
  background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
  background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0)
}

.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: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF));
  background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0)
}