/*

	INSTRUCTIONS ---------------------------------------------------------------------------------
  
  1. link this stylesheet in the head of your HTML
  	 <link href="YOUR PATH/datedropper-theme.css" rel="stylesheet" type="text/css" />
     
  2. Set the file name as data-theme attribute on your input
  	 <input data-theme="datedropper-theme" />
     
  3. That's it!
  
  When you run script the style will be automatically applied.

*/

@font-face {
    font-family: 'Datedropper-theme-font';
    src: url('../font/oswald-regular-webfont.woff2') format('woff2'),
         url('../font/oswald-regular-webfont.woff') format('woff'),
         url('../font/oswald-regular-webfont.svg') format('svg');
}

div.datedropper.datedropper-theme {
  border-radius: 3px;
  font-family: "Datedropper-theme-font", sans-serif;
  width: 200px;
}
div.datedropper.datedropper-theme .picker {
  border-radius: 3px;
  box-shadow: 0 0 0.75em rgba(0, 0, 0, 0.1);
}
div.datedropper.datedropper-theme .pick-l {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
div.datedropper.datedropper-theme:before,
div.datedropper.datedropper-theme .pick-submit,
div.datedropper.datedropper-theme .pick-lg-b .pick-sl:before,
div.datedropper.datedropper-theme .pick-m,
div.datedropper.datedropper-theme .pick-lg-h {
  background-color: #ff6c00;
}
div.datedropper.datedropper-theme .pick-lg-b .pick-sl:before {
  background-color: #262626;
}
div.datedropper.datedropper-theme .pick-y.pick-jump,
div.datedropper.datedropper-theme .pick li span,
div.datedropper.datedropper-theme .pick-lg-b .pick-wke,
div.datedropper.datedropper-theme .pick-btn {
  color: #ff6c00;
}
div.datedropper.datedropper-theme .pick-btn.pick-btn-sz {
  color: #262626;
}
div.datedropper.datedropper-theme .picker,
div.datedropper.datedropper-theme .pick-l {
  background-color: #FFF;
}
div.datedropper.datedropper-theme .picker,
div.datedropper.datedropper-theme .pick-arw,
div.datedropper.datedropper-theme .pick-l {
  color: #262626;
}
div.datedropper.datedropper-theme .pick-m,
div.datedropper.datedropper-theme .pick-m .pick-arw,
div.datedropper.datedropper-theme .pick-lg-h,
div.datedropper.datedropper-theme .pick-lg-b .pick-sl,
div.datedropper.datedropper-theme .pick-submit {
  color: #FFF;
}
div.datedropper.datedropper-theme.picker-tiny:before,
div.datedropper.datedropper-theme.picker-tiny .pick-m {
  background-color: #FFF;
}
div.datedropper.datedropper-theme.picker-tiny .pick-m,
div.datedropper.datedropper-theme.picker-tiny .pick-m .pick-arw {
  color: #262626;
}
div.datedropper.datedropper-theme.picker-lkd .pick-submit {
  background-color: #FFF;
  color: #262626;
}