/*

	INSTRUCTIONS ---------------------------------------------------------------------------------

  1. link this stylesheet in the head of your HTML
  	 <link href="YOUR PATH/my-style-datedropper.css" rel="stylesheet" type="text/css" />

  2. Set the file name as data-theme attribute on your input
  	 <input data-theme="my-style-datedropper" />

  3. That's it!

  When you run script the style will be automatically applied.

*/
div.datedropper.my-style-datedropper {
  border-radius: 8px;
  width: 180px;
}
div.datedropper.my-style-datedropper .picker {
  border-radius: 8px;
  box-shadow: 0 0 32px 0px rgba(0, 0, 0, 0.1);
}
div.datedropper.my-style-datedropper .pick-l {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.datedropper.my-style-datedropper:before,
div.datedropper.my-style-datedropper .pick-submit,
div.datedropper.my-style-datedropper .pick-lg-b .pick-sl:before,
div.datedropper.my-style-datedropper .pick-m,
div.datedropper.my-style-datedropper .pick-lg-h {
  background-color: #DA322A;
}
div.datedropper.my-style-datedropper .pick-y.pick-jump,
div.datedropper.my-style-datedropper .pick li span,
div.datedropper.my-style-datedropper .pick-lg-b .pick-wke,
div.datedropper.my-style-datedropper .pick-btn {
  color: #DA322A;
}
div.datedropper.my-style-datedropper .picker,
div.datedropper.my-style-datedropper .pick-l {
  background-color: #FFF;
}
div.datedropper.my-style-datedropper .picker,
div.datedropper.my-style-datedropper .pick-arw,
div.datedropper.my-style-datedropper .pick-l {
  color: #4D4D4D;
}
div.datedropper.my-style-datedropper .pick-m,
div.datedropper.my-style-datedropper .pick-m .pick-arw,
div.datedropper.my-style-datedropper .pick-lg-h,
div.datedropper.my-style-datedropper .pick-lg-b .pick-sl,
div.datedropper.my-style-datedropper .pick-submit {
  color: #FFF;
}
div.datedropper.my-style-datedropper.picker-tiny:before,
div.datedropper.my-style-datedropper.picker-tiny .pick-m {
  background-color: #FFF;
}
div.datedropper.my-style-datedropper.picker-tiny .pick-m,
div.datedropper.my-style-datedropper.picker-tiny .pick-m .pick-arw {
  color: #4D4D4D;
}
div.datedropper.my-style-datedropper.picker-lkd .pick-submit {
  background-color: #FFF;
  color: #4D4D4D;
}

div.datedropper .picker ul.pick .pick-arw{
    font-size:30px!important;
    opacity:1;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
}
