input {
  border-radius: 0px 4px 4px 0px !important;
}
:host[isMobile='true'] input {
  padding-right: initial !important;
}
:host[isMobile='true'] .add-on {
  pointer-events: none;
}
:host[isMobile='true'] .date-picker-container {
  position: relative;
}
:host[isMobile='true'] .mobile-input {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}
:host:not([isMobile='true']) .date-picker-container {
  position: initial;
}
:host:not([isMobile='true']) .date-picker-container input {
  padding-right: 35px !important;
  min-width: 232px;
}
:host:not([isMobile='true']) .date-picker-container input:first-child:nth-last-child(3) {
  padding-right: 70px !important;
}
.add-on + .add-on {
  margin-right: 36px;
}
.add-on:hover {
  cursor: pointer;
}
.add-on > i:before {
  margin-right: 2px;
}