.cue-input-datetimepicker .cue-input-datetimepicker-date-field,
.cue-input-datetimepicker .cue-input-datetimepicker-time-field {
  position: relative;
  zoom: 1;
}
.cue-input-datetimepicker .cue-input-datetimepicker-date-field:before,
.cue-input-datetimepicker .cue-input-datetimepicker-date-field:after,
.cue-input-datetimepicker .cue-input-datetimepicker-time-field:before,
.cue-input-datetimepicker .cue-input-datetimepicker-time-field:after {
  content: "";
  display: table;
}
.cue-input-datetimepicker .cue-input-datetimepicker-date-field:after,
.cue-input-datetimepicker .cue-input-datetimepicker-time-field:after {
  clear: both;
}
.cue-input-datetimepicker .cue-input-datetimepicker-date-field .trigger,
.cue-input-datetimepicker .cue-input-datetimepicker-time-field .trigger {
  display: block;
  right: 6px;
  opacity: .5;
  position: absolute;
  top: 50%;
  transition: opacity 100ms linear;
  transform: translateY(-50%);
}
.cue-input-datetimepicker .cue-input-datetimepicker-date-field .trigger:hover,
.cue-input-datetimepicker .cue-input-datetimepicker-time-field .trigger:hover {
  opacity: 1;
}
.cue-input-datetimepicker .cue-input-datetimepicker-date-field input[type="text"],
.cue-input-datetimepicker .cue-input-datetimepicker-time-field input[type="text"] {
  padding-right: 30px;
}
.cue-input-datetimepicker .cue-input-datetimepicker-time-field {
  margin-top: 8px;
}
.cue-input-datetimepicker .cue-input-datetimepicker-timezone-field {
  margin-top: 8px;
}
.cue-input-datetimepicker .cue-input-datetimepicker-btn-clear {
  color: #999;
  display: block;
  font-size: .75em;
  margin-top: 0;
}
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper {
  zoom: 1;
}
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper:before,
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper:after {
  content: "";
  display: table;
}
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper:after {
  clear: both;
}
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper .cue-input-datetimepicker-date-field {
  float: left;
  width: 50%;
  max-width: 150px;
}
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper .cue-input-datetimepicker-time-field {
  float: left;
  margin-top: 0;
  padding-left: 10px;
  width: 50%;
  max-width: 150px;
}
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper.has-timezone .cue-input-datetimepicker-date-field,
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper.has-timezone .cue-input-datetimepicker-time-field {
  width: 38%;
  max-width: 150px;
}
.cue-input-datetimepicker.datetimepicker-inline .cue-input-datetimepicker-field-wrapper .cue-input-datetimepicker-timezone-field {
  float: left;
  margin-top: 0;
  padding-left: 10px;
  width: 24%;
}
.cue-datepicker-modal {
  background: white;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
  color: #666;
  display: none;
  left: 0;
  margin: 10px 0 0 0;
  padding: 4px;
  position: absolute;
  top: 0;
  width: 250px;
  z-index: 502;
}
.cue-datepicker-modal:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0,0,0,0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.cue-datepicker-modal:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 7px;
}
.cue-datepicker-modal.align-right:before {
  left: auto;
  right: 6px;
}
.cue-datepicker-modal.align-right:after {
  left: auto;
  right: 7px;
}
.cue-datepicker-modal > div {
  display: none;
}
.cue-datepicker-modal table {
  width: 100%;
  margin: 0;
}
.cue-datepicker-modal td,
.cue-datepicker-modal th {
  text-align: center;
  width: 20px;
  height: 20px;
}
.cue-datepicker-modal td.day:hover {
  background: #ddd;
  cursor: pointer;
}
.cue-datepicker-modal td.disabled {
  color: #ddd;
  background: transparent !important;
}
.cue-datepicker-modal td.old,
.cue-datepicker-modal td.new {
  color: #ccc;
}
.cue-datepicker-modal td.active,
.cue-datepicker-modal td.active:hover {
  color: white !important;
  background: #008CBA !important;
  font-weight: bold;
}
.cue-datepicker-modal td.today:not(.disabled):not(.old):not(.new) {
  color: #1a1a1a;
  font-weight: bold;
}
.cue-datepicker-modal td span {
  display: block;
  width: 56px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
}
.cue-datepicker-modal td span:hover {
  background: #ddd;
}
.cue-datepicker-modal td span.active {
  color: white;
  background: #008CBA;
  font-weight: bold;
}
.cue-datepicker-modal td span.old {
  color: #ccc;
}
.cue-datepicker-modal td span.disabled {
  color: #ddd;
  background: transparent !important;
}
.cue-datepicker-modal th.switch {
  width: 145px;
  background: transparent !important;
}
.cue-datepicker-modal th.next.disabled,
.cue-datepicker-modal th.prev.disabled {
  color: #ddd;
  background: transparent !important;
}
.cue-datepicker-modal thead tr:first-child th {
  cursor: pointer;
}
.cue-datepicker-modal thead tr:first-child th:hover {
  background: #ddd;
}
.cue-timepicker-modal {
  background: white;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
  color: ;
  display: none;
  height: 200px;
  margin: 10px 0 0 0;
  position: absolute;
  width: 165px;
  z-index: 502;
}
.cue-timepicker-modal:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0,0,0,0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.cue-timepicker-modal:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 7px;
}
.cue-timepicker-modal.align-right:before {
  left: auto;
  right: 6px;
}
.cue-timepicker-modal.align-right:after {
  left: auto;
  right: 7px;
}
.cue-timepicker-modal .overflow-wrapper {
  height: 100%;
  overflow: auto;
  width: 100%;
}
.cue-timepicker-modal .cue-timepicker-list {
  margin: 5px 0;
  padding: 0;
  list-style: none;
}
.cue-timepicker-modal .cue-timepicker-list li {
  cursor: pointer;
  margin: 0;
  padding: 0 10px;
}
.cue-timepicker-modal .cue-timepicker-list li:hover {
  background: #ccc;
}
.cue-timepicker-modal .cue-timepicker-list li.active {
  color: white;
  background: #008CBA;
}