/* 
 * DateTimePicker styles
 */

.date_time_picker_mainpanel
{
  width:              572px;
  height:             318px;
  position:           fixed;
  overflow:           hidden;
  font-size:          12px;
  color:              hsl(199,18%,40%);
  text-align:         left;
  white-space:        nowrap;
  z-index:            100;
  border:             1px solid hsl(213,10%,75%); /* stroke */
  border-radius:      8px;
  background:         hsl(213, 5%, 100%);
  margin-top:         2px;
  
  -moz-box-shadow:    0 6px 16px hsla(213,30%,5%,.56); 
  -webkit-box-shadow: 0 6px 16px hsla(213,30%,5%,.56); 
  box-shadow:         0 6px 16px hsla(213,30%,5%,.56); 
}
/* mp define range and annotations */
.date_time_picker_mainpanel.define-range,
  .date_time_picker_mainpanel.by-annotation
{
  height: 420px;
}

.date_time_picker_mainpanel.define-range.ctSpecific
{
  height: 464px;
}
.date_time_picker_mainpanel.relative-slider
{
  height: 332px;
}
.dashboard_properties_panel_container .date_time_picker_mainpanel
{
  position: absolute;
}
.darkTheme .date_time_picker_mainpanel {
  color:            hsl(213, 5%,60%);
  background:       hsla(213, 5%, 12%, .95);
  border-color:     hsl(213, 3%, 44%);
  box-shadow:       0 0 12px hsla(213, 50%, 60%, .1), 0 0 140px hsla(213, 100%, 60%, .15);
}
.darkBlueTheme .date_time_picker_mainpanel {
  color:            hsl(200, 30%, 70%);
  background:       hsla(200, 75%, 18%, .95);
  border-color:     hsl(200, 30%, 48%);
  box-shadow:       0 0 8px hsla(200, 100%, 80%, .3), 0 0 40px hsla(200, 100%, 50%, .4);
}


.darkTheme .date_time_picker_mainpanel p {
  color:                  hsl(213,5%,60%) !important;
}
.darkBlueTheme .date_time_picker_mainpanel p {
  color:                  hsl(200,30%,70%) !important;
}


.date_time_picker_overlay
{
  background-color:white;
  position:absolute;
  top:0px;
  left:0px;
  z-index:99;
  opacity:0;
}

/*date-time tabs*/
.date-time-picker-tabs {
  position:         relative;
  height:           48px;
  width:            auto !important;
  margin:           10px;
  padding-left:     0px;
  border-radius:    5px;
}
.date-time-picker-tabs .tab {
  display:            block;
  float:              left;
  text-align:         center;
  flex-grow:          1;
  -webkit-box-flex:   1;
  -webkit-flex-grow:  1;
  -ms-flex-positive:  1;
}
.date-time-picker-tabs .indicator {
  position:         absolute;
  height:           2px;
  bottom:           0;
  background-color: hsl(209,100%,62%);
  will-change:      left, right;
  list-style: none;
}

.date-time-picker-tabs a {
  color:              hsl(199,18%,40%);
  font-size:          16px;
  padding:            15px 41px 14px 41px;
  display:            block;
  text-decoration:    none;
  transition:         color .28s ease;
  -webkit-transition: color .28s ease;
  -moz-transition:    color .28s ease;
  -o-transition:      color .28s ease;
  -ms-transition:     color .28s ease;
}
.darkTheme .date-time-picker-tabs a {
  color:              hsl(213,8%,54%);
}
.darkBlueTheme .date-time-picker-tabs a {
  color:              hsl(200,30%,70%);
}

.date-time-picker-tabs.noAnnotations a {
  width:  194px;
}

.date-time-picker-tab-right-edge {
  padding-right: 39px;
}
.date-time-picker-tabs a.active {
  color: hsl(213,11%,2%);
}
.darkTheme .date-time-picker-tabs a.active {
  color: hsl(213,11%,77%);
}
.darkBlueTheme .date-time-picker-tabs a.active {
  color: hsl(200,30%,87%);
}


.date_time_picker_mainpanel hr {
  margin: 3px 20px 0px 20px;
  border: none;
  height: 1px;
}
/*date-time footer*/
.date-time-footer {
  height: 30px;
  margin: 16px 16px 16px 0px;
}

.date-time-footer img {
  cursor:   pointer;
  color:    hsl(209,100%,62%);
  padding:  1px 12px;
}
.darkTheme .date-time-footer img {
  color:    hsl(213,100%,66%);
}
.darkBlueTheme .date-time-footer img {
  color:    hsl(200,100%,76%);
}


.date-time-footer .disabled {
  opacity: 0.4;
}
.date-time-footer > div {
  float:    left;
  height:   24px;
  padding:  3px 0px;
}




/* =========== DateTime Apply Button =========== */
.date-time-apply-button {
  width:            117px;
  height:           30px;
  float:            right;
  
  text-align:       center;
  font-size:        15px;
  
  cursor:           pointer;
  
  color:              hsl(213,20%,90%);
  background:         hsl(213,100%,62%);
  border-radius:    5px;
}
.darkTheme .date-time-apply-button {
    color:              hsl(213,20%,85%);
    background:         hsl(213,100%,50%);
}
.darkBlueTheme .date-time-apply-button {
    color:              hsl(200,30%,90%);
    background:         hsl(200,100%,50%);
}

.date-time-apply-button:hover {
    color:              hsl(213,100%,98%);
    background:         hsl(213,100%,55%);
}
.darkTheme .date-time-apply-button:hover {
    color:              hsl(213,100%,98%);
    background:         hsl(213,100%,60%);
}
.darkBlueTheme .date-time-apply-button:hover {
    color:              hsl(200,100%,98%);
    background:         hsl(200,100%,60%);
}


.date-time-apply-button span {
  margin:   6px auto 0px auto;
  display:  table;
}


.date-time-shift-value {
  display:        inline-block;
  width:          218px;
  height:         19px;
  font-size:      13px;
  border:         1px solid hsl(213,5%,75%);
  text-align:     center;
  padding-top:    2px;
  overflow:       hidden;
  text-overflow:  ellipsis;
  vertical-align: text-bottom;
}
.darkTheme .date-time-shift-value {
  color:        hsl(213,11%,77%);
  border:       1px solid hsl(213,5%,38%);
}
.darkBlueTheme .date-time-shift-value {
  color:        hsl(200,30%,77%);
  border:       1px solid hsl(200,50%,42%);
}


.date-time-shift-value.warning {
  background-color:   yellow;
}
.date-time-shift-value:not(.warning){
  -webkit-transition: background-color 1s ease-in;
  -moz-transition:    background-color 1s ease-in;
  -o-transition:      background-color 1s ease-in;
  transition:         background-color 1s ease-in;
}

/*date time text*/
.relative-time-message{
  font-size:      14px;
  overflow:       hidden;
  padding:        15px 19px 9px 19px;
  height:         17px;
  text-overflow:  ellipsis;
  white-space:    nowrap;
}
.shift-message {
  font-size:      14px;
  padding:        0px 0px 1px 19px;
  display:        inline-block;
  text-overflow:  ellipsis;
  overflow:       hidden;
  width:          124px;
  text-align:     center;
}


/*predefined range*/
.date-time-predefined-range-table {
  width:        100%;
  padding:      0px 5%;
}


.date-time-predefined-range-table td {
  width:        162px;
  height:       30px;
  color:        hsl(213,100%,50%);
  font-size:    14px;
}
.darkTheme .date-time-predefined-range-table td {
  color:        hsl(213,100%,60%);
}
.darkBlueTheme .date-time-predefined-range-table td {
  color:        hsl(200,100%,65%);
}


.date-time-predefined-range-table div:not(.not-valid):hover {
  color:        hsl(213,100%,25%);
}
.darkTheme .date-time-predefined-range-table div:not(.not-valid):hover {
  color:        hsl(213,100%,80%);
}
.darkBlueTheme .date-time-predefined-range-table div:not(.not-valid):hover {
  color:        hsl(200,100%,90%);
}


.date-time-predefined-range-table td div {
  margin-right:   15%;
  cursor:         pointer;
  height:         29px;
  line-height:    29px;
  vertical-align: middle;
}
.date-time-predefined-range-table div.not-valid {
  cursor: default;
  opacity: 0.4;
}


/* === Time-Period Active Selection === */
.date-time-predefined-range-table td div.active {
  color:             hsl(213,10%,100%);
  background:        hsl(213,100%,60%);
  border-radius:     6px;
}
.darkTheme .date-time-predefined-range-table td div.active {
  color:             hsl(213,10%,99%);
  background:        hsl(213,100%,55%);
  border-radius:     6px;
}
.darkBlueTheme .date-time-predefined-range-table td div.active {
  color:             hsl(213,30%,99%);
  background:        hsl(200,100%,45%);
  border-radius:     6px;
}


.date-time-predefined-range-table span {
  padding-left: 12px;
}


/*define range*/
.date-time-select {
  display:        inline-block;
  vertical-align: top;
  height:         292px;
  width:          283.5px;
  padding-right:  2.5px;
  padding-left:   0px;
}
.relative-slider :not(.show-annotations) .date-time-select
{
  display:  none;
}
.date-time-calendar {
  height:         208px;
  padding:        0px 10px;
  vertical-align: top;
}
#specificDateTimeReportDateSelectParentStart .date-time-calendar,
 #specificDateTimeReportDateSelectParentEnd .date-time-calendar,
 #specificDateTimeReportDateSelectParent .date-time-calendar {
  padding: 0px;
}


.define-range-message {
  height:           26px;
  margin-bottom:    5px;
  font-size:        14px;
  background:       hsl(213,5%,95%);
  text-align:       center;
  vertical-align:   middle;
  line-height:      26px;
  padding:          0px 10px;
  overflow:         hidden;
  text-overflow:    ellipsis;
  white-space:      nowrap;
}
.darkTheme .define-range-message,
.darkTheme .date_time_picker_mainpanel .define-range-slider,
.darkTheme .date_time_picker_mainpanel .slider {
  background:       hsl(213,10%,20%);
}
.darkBlueTheme .define-range-message,
.darkBlueTheme .date_time_picker_mainpanel .define-range-slider,
.darkBlueTheme .date_time_picker_mainpanel .slider {
  background:       hsl(200,75%,22%);
}

.date-time-on-panel .define-range-message {
  margin-bottom:    0px;
}

.darkTheme .date_time_picker_mainpanel select:not(.styledSelect)
{
  background-color: hsla(213,5%,12%,0.1);
}
.darkTheme .date_time_picker_mainpanel select:not(.styledSelect) option,
  .darkTheme .date_time_picker_mainpanel input,
  .darkTheme .show-annotations .date-type
{
  background: hsla(213,5%,12%,0.95);
  color:      hsl(213, 2%, 70%);
}
.darkTheme .date_time_picker_mainpanel select:not(.styledSelect) option:hover,
  .darkBlueTheme .date_time_picker_mainpanel select:not(.styledSelect) option:hover
{
  background-color: hsla(180,2%,90%,0.95);
  color:            hsl(0,0%,0%); 
}

.darkBlueTheme .date_time_picker_mainpanel select:not(.styledSelect),
  .darkBlueTheme .date_time_picker_mainpanel input,
  .darkBlueTheme .show-annotations .date-type
{
  background-color: hsla(200,76%,18%,0.1);
}
.darkBlueTheme .date_time_picker_mainpanel select:not(.styledSelect) option
{
  background: hsla(200,76%,18%,0.95);
  color:      hsl(213, 2%, 70%);
}

.date-type {
  display:  none;
}
.define-range-message .date-type.active {
  background-color: #3b9fff;
  color:            white;
}
.show-annotations .date-type {
  display:          inline-block;
  height:           16px;
  width:            69px;
  background-color: white;
  cursor:           pointer;
  margin-top:       5px;
  font-size:        12px;
  line-height:      normal;
}
.date-type[type="annotation"] {
  border-radius: 0 3px 3px 0px;
}
.date-type:not([type="annotation"]) {
  border-radius:  3px 0px 0px 3px;
  margin-left:    6px;
}


/*compare-to callendar*/
.date-time-calendar .ui-datepicker-header {
  border:         none;
  background:     white;
  padding:        .3em 0;
  border-spacing: 0px;
}
.darkTheme .date-time-calendar .ui-datepicker-header,
.darkTheme .date-time-calendar .ui-datepicker {
  background: hsla(213,10%,14%,.0);
}
.darkBlueTheme .date-time-calendar .ui-datepicker-header,
.darkBlueTheme .date-time-calendar .ui-datepicker {
  background: hsla(200,30%,18%,.0);
}

.date-time-calendar .ui-datepicker {
  border: none;
  width:  auto;
}


.date-time-calendar .ui-state-default {
  background:   white;
  border:       none;
  text-align:   center;
  color:        hsl(213,100%,55%);
  font-size:    14px;
  box-shadow:   none;
  height:       17px;
}
.dashboard_body.darkTheme .date-time-calendar .ui-state-default {
  color:        hsl(213,100%,55%);
  background:   hsla(213,5%,12%,.0);
}
.dashboard_body.darkBlueTheme .date-time-calendar .ui-state-default {
  color:        hsl(200,100%,50%);
  background:   hsla(200,30%,18%,.0);
}


.date-time-calendar .ui-state-default:not(ui-state-disabled):hover {
  color:        hsl(213,100%,25%);
}
.dashboard_body.darkTheme .date-time-calendar .ui-state-default:not(ui-state-disabled):hover  {
  color:        hsl(213,100%,75%);
}
.dashboard_body.darkBlueTheme .date-time-calendar .ui-state-default:not(ui-state-disabled):hover  {
  color:        hsl(200,100%,85%);
}


.date-time-calendar .ui-datepicker-other-month a {
  color:    hsl(213,5%,33%);
  opacity:  .3;
}
.darkTheme .date-time-calendar .ui-datepicker-other-month a {
  color:    hsl(213,5%,66%);
}
.darkBlueTheme .date-time-calendar .ui-datepicker-other-month a {
  color:    hsl(200,30%,66%);
}

.date-time-calendar .ui-state-active {
    color:            hsl(213,0%,100%);
    background-color: hsl(209,100%,62%);
    border-radius:    5px;
}
.darkTheme .date_time_picker_mainpanel .date-time-calendar .ui-state-active,
.darkTheme .date-time-on-panel .hasDatepicker .ui-state-active {
    color:            hsl(213,20%,99%);
    background-color: hsl(213,100%,62%);
    border-radius:    5px;
}
.darkBlueTheme .date_time_picker_mainpanel .date-time-calendar .ui-state-active,
.darkBlueTheme .date-time-on-panel .hasDatepicker .ui-state-active {
    color:            hsl(200,100%,99%);
    background-color: hsl(200,75%,40%);
}


.date-time-calendar thead {
  display: none;
}
.date-time-calendar td {
  padding:  3px 5.5px;
}


.date-time-calendar .ui-datepicker-title {
  color:        hsl(199,18%,40%);
  font-size:    14px;
}
.darkTheme .date-time-calendar .ui-datepicker-title {
  color:        hsl(213,18%,40%);
}
.darkBlueTheme .date-time-calendar .ui-datepicker-title {
  color:        hsl(200,30%,50%);
}


.ui-datepicker-header .ui-datepicker-next span,
.ui-datepicker-header .ui-datepicker-prev span {
  background-image:   url(NIH/jQueryUI/smoothness/images/ui-icons_2e83ff_256x240.png);
  -ms-transform:      scale(1.5); /* IE 9 */
  -webkit-transform:  scale(1.5); /* Chrome, Safari, Opera */
  transform:          scale(1.5);
  opacity:            0.7;
}

.ui-datepicker-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker-header .ui-datepicker-next.ui-state-hover {
  background:         hsla(213,0%,0%,.0);
  border-color:       hsla(213,0%,0%,.0);      
}
.ui-datepicker-header .ui-datepicker-prev.ui-state-hover:not(.ui-state-disabled) span,
.ui-datepicker-header .ui-datepicker-next.ui-state-hover:not(.ui-state-disabled) span {
  opacity:            1.0;         
}
  
  
.ui-datepicker-header .ui-datepicker-next span {
  background-position: -32px -16px;
}
.ui-datepicker-header .ui-datepicker-prev span {
  background-position: -96px -16px;
}
/*time select*/
.date-time-time-select-div {
  padding:  0px 10px 7px 10px;
  width:    263.5px;
}
.date_time_picker_mainpanel .date-time-time-select-div {
  padding-top:  5px;
}
.date-time-time-select-div span,
 .date-time-time-select-div select {
  height:     21px;
  font-size:  14px;
}
.date-time-time-select-div > div > span {
  margin: 0px 2px;
}
.date-time-time-select-div > span {
  padding-right:  8px;
  display:        inline-block;
  overflow:       hidden;
  width:          107px;
  text-overflow:  ellipsis;
  vertical-align: middle;
  white-space:    nowrap;
}
.date-time-time-select-div select {
  width:  43px;
}
.calendar-div .date-time-time-select-div select[time_unit=meridiem] {
  width:  		  49px;
  padding-right:  12px;
}

/* === Themed in Dashboards === */
.date-time-on-panel .date-time-time-select-div select,
.date-time-on-panel .date-time-calendar .ui-datepicker-year,
.date-time-on-panel .date-time-calendar .ui-datepicker-month,
.date_time_picker_mainpanel .date-time-time-select-div select,
.date_time_picker_mainpanel .date-time-calendar .ui-datepicker-year,
.date_time_picker_mainpanel .date-time-calendar .ui-datepicker-month
{
  display:                inline-block;
  box-shadow:             none;
  border:                 0 !important;
  outline:                1px solid hsl(213,5%,80%);
  background-size:        auto 72%, 15px 100%, 100% 100%;
  background-position:    99% 58%, right center, 0px 0px;
  background-repeat:      no-repeat, no-repeat, no-repeat;
  padding-right:          0px;
  font-family:            LatoWeb;
  height:                 21px;
  line-height:            20px;
  appearance:             none;
  -moz-appearance:        none; /* Firefox */
  -webkit-appearance:     none; /* Safari and Chrome */
}
.darkBlueTheme .date_time_picker_mainpanel .date-time-time-select-div select,
.darkBlueTheme .date_time_picker_mainpanel .date-time-calendar .ui-datepicker-year,
.darkBlueTheme .date_time_picker_mainpanel .date-time-calendar .ui-datepicker-month,
.darkBlueTheme .date-time-on-panel .date-time-time-select-div select,
.darkBlueTheme .date-time-on-panel .date-time-calendar .ui-datepicker-year,
.darkBlueTheme .date-time-on-panel .date-time-calendar .ui-datepicker-month
{
  outline:  1px solid hsl(200,50%,40%);
}


.date-time-time-select-div > div {
  display: inline-block;
}
.date-time-calendar .ui-datepicker-title .ui-datepicker-year {
  margin-left: 3px;
}


.now-button,
#dashboard_comparison_popup .now-button {
  color:          hsl(209,100%,62%);
  cursor:         pointer;
  font-size:      13px;
  width:          270px;
  overflow:       hidden;
  display:        inline-block;
  text-overflow:  ellipsis;
  white-space:    nowrap;
}
.darkTheme .now-button,
.darkTheme #dashboard_comparison_popup .now-button {
  color:        hsl(209,100%,62%);
}
.darkBlueTheme .now-button,
.darkBlueTheme #dashboard_comparison_popup .now-button {
  color:        hsl(209,100%,75%);
}

/*right panel*/
.date-time-define-range-right {
  display:        inline-block;
  vertical-align: top;
  padding-left:   2.5px;
  padding-right:  0px;
}

.date-time-on-panel{
  text-align: center;
}

.date-time-predefined-range-table div.active,
  .datetime-button.active,
  .date-time-apply-button {
    color:            #FFFFFF;
    background-color: #3B9FFF;
    border-radius:    3px;
}

.calendar-div {
  display:    inline-block;
  text-align: center;
  width:      inherit;
}

/*** Annotations css ***/
.show-annotations .annotation .calendar-div {
  display:  none;
}
.date-time-annotation {
  display:        none;
  vertical-align: top;
  height:         231px;
  width:          283.5px;
}
.show-annotations .annotation .date-time-annotation {
  display:        inline-block;
}
.annotation-title,
  .annotation-search-div {
    padding:        0px 20px 5px 20px;
}
.annotation-title {
  font-size: 13.5px;
}
.annotation-list-div {
  height:       206px;
  overflow-y:   scroll;
  padding-left: 20px;
  margin-right: 20px;
  color:        #3B9FFF;
  overflow-x:   hidden;
  font-size:    14px;
}
.annotation-filter {
  padding:      1px 3px;
  margin-left:  3px;
  cursor:       pointer;
}
.annotation-list {
  list-style-type:  none;
  padding:          0;
  margin:           0;
}
.annotation-list li {
  cursor:         pointer;
  border-radius:  5px;
  padding:        5px;
}
.annotation-list li.active {
  color:            hsl(213,0%,100%);
  background-color: hsl(209,100%,62%);
}
.annotation-list li.active:hover {
  background-color: hsl(209, 97%, 70%);
}
.darkTheme .annotation-list li.active:hover {
  background-color: hsl(213,100%,80%);
}
.darkBlueTheme .annotation-list li:hover,
  .annotation-list li:hover {
  background-color: #f7f7f7;
}
.darkTheme .annotation-list li:hover
{
  background-color: #161718;
}
.darkBlueTheme .annotation-list li:hover
{
  background-color: hsl(200,75%,22%);
}
.annotation-list div {
  width:          222px;
  overflow:       hidden;
  text-overflow:  ellipsis;
  white-space:    nowrap;
}
.annotation-name {
  display:        inline-block;
}
.annotation-time-info {
  color:      #546E7A;
  font-size:  10px;
}
.annotation-list li.active .annotation-time-info {
  color:  hsl(213,0%,100%);
}
.annotation-search-div input {
  width:                100%;
  border-radius:        0px;
  background-repeat:    no-repeat;
  background-position:  -110px;
}
.annotation-search-div input.active,
  .annotation-search-div input:focus {
  background-image:     none;
}
.darkTheme #annotation-search {
  background-color: #1d1e1f;
  border-color:     #CCC !important;
}

.annotation-list .indicatorDiv {
  white-space:  normal;
  background:   hsl(213,5%,95%);
  height:       51px;
  color:        hsl(199,18%,40%);
}
.annotation-list .indicatorDiv span {
  width:    211px;
  display:  inline-block;
  float:    right;
}

.annotation-icon {
  position:         absolute;
  height:           12px;
  width:            12px;
}
.widgetTitleText .annotation-icon {
  height:           16px;
  width:            16px;
}
.dashboard_body .annotation-icon
{
  top:  3px;
}
.dashboard_body .widgetTitleText .annotation-icon
{
  top:  5px;
}
.selectboxit-container:hover .annotation-icon {
  opacity:          .99;
}


/*** Define Range slider css ***/
.define-range-switch
{
  text-align: center;
  height:     20px;
  padding:    5px 0px 15px 0px;
}
.show-annotations .define-range-switch
{
  display:  none;
}

/** define range toggle button **/
.date_time_picker_mainpanel .switch {
  position:     relative;
  display:      inline-block;
  width:        42px;
  height:       8px;
  margin-left:  20px;
  margin-right: 10px;
}
.date_time_picker_mainpanel .switch input 
{
  display:  none;
  }
.date_time_picker_mainpanel .slider
{
  height:             9px;
  border-radius:      4px;
  position:           absolute;
  cursor:             pointer;
  top:                0;
  left:               0;
  right:              0;
  bottom:             0;
  background-color:   #ccc;
  -webkit-transition: .4s;
  transition:         .4s;
}
.date_time_picker_mainpanel .slider:before
{
  position:           absolute;
  content:            "";
  height:             16px;
  width:              16px;
  left:               0;
  bottom:             -3px;
  background-color:   #2196F3;
  -webkit-transition: .4s;
  transition:         .4s;
  border-radius:      3px;
}
.date_time_picker_mainpanel.relative-slider .slider:before
{
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/** define range slider for ct **/
.date_time_picker_mainpanel .define-range-slider
{
  display:    none;
  background: hsl(213,5%,95%);
  height:     130px;
  padding:    12px;
  font-size:  14px;
}
.relative-slider :not(.show-annotations) .define-range-slider
{
  display:  block;
}
.date_time_picker_mainpanel .start-end-labels > span
{
  cursor: pointer;
}
.date_time_picker_mainpanel .test-end,
  .date_time_picker_mainpanel .slider-end
{
  float:  right;
}
.date_time_picker_mainpanel .date-time-slider
{
  margin: 0px 15px;
  border: none;
  height: 5px;
}
.date_time_picker_mainpanel .define-range-slider input
{
  text-align:     center;
  width:          90px;
  border-radius:  0;
  height:         25px;
  margin:         25px 50px;
}
.date_time_picker_mainpanel .slider-error-container
{
  color:        red;
  text-align:   center;
  padding-top:  10px;
}
.date_time_picker_mainpanel .date-time-slider .ui-slider-handle
{
  background: #2196F3;
  border:     none !important;
  top:        -7px;
}

/*** ***/