date-range-control #dateStart:read-only,
date-range-control #dateEnd:read-only {
  background-color: #d3dad7; }

date-range-control #dateStart:disabled,
date-range-control #dateEnd:disabled {
  background-color: #eee; }

date-range-control .dateRangeInputs {
  position: relative; }

date-range-control .dateRangePicker {
  position: absolute;
  z-index: 1000;
  left: 0px;
  top: calc(100% + 8px);
  opacity: 0;
  z-index: -20;
  transition: all 0.5s; }

date-range-control .dateRangePickerVisible {
  opacity: 1;
  z-index: 1000; }