.cf {
  width: 95vw;
  max-width: 400px;
  height: 95vh;
}

div.datedropper.s10 {
  border-radius: 8px;
  width: 188px;
}
div.datedropper.s10 .picker {
  border-radius: 8px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.14);
}
div.datedropper.s10 .pick-l {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.datedropper.s10:before,
div.datedropper.s10 .pick-submit,
div.datedropper.s10 .pick-lg-b .pick-sl:before,
div.datedropper.s10 .pick-m,
div.datedropper.s10 .pick-lg-h {
  background-color: #222;
}
div.datedropper.s10 .pick-y.pick-jump,
div.datedropper.s10 .pick li span,
div.datedropper.s10 .pick-lg-b .pick-wke,
div.datedropper.s10 .pick-btn {
  color: #222;
}
div.datedropper.s10 .picker,
div.datedropper.s10 .pick-l {
  background-color: #fff;
}
div.datedropper.s10 .picker,
div.datedropper.s10 .pick-arw,
div.datedropper.s10 .pick-l {
  color: #4d4d4d;
}
div.datedropper.s10 .pick-m,
div.datedropper.s10 .pick-m .pick-arw,
div.datedropper.s10 .pick-lg-h,
div.datedropper.s10 .pick-lg-b .pick-sl,
div.datedropper.s10 .pick-submit {
  color: #fff;
}
div.datedropper.s10.picker-tiny:before,
div.datedropper.s10.picker-tiny .pick-m {
  background-color: #fff;
}
div.datedropper.s10.picker-tiny .pick-m,
div.datedropper.s10.picker-tiny .pick-m .pick-arw {
  color: #4d4d4d;
}
div.datedropper.s10.picker-lkd .pick-submit {
  background-color: #fff;
  color: #4d4d4d;
}