/*
	'
	'	* Caledar Widget
	'
	'	/// LOG ///
	'	* ...
	'	* 2014-11-26LS: Created a missing wrapper class ('.pickadate-date-wrapper') and added position relative to it. The wrapper exists in the source example and is refered to as '.fieldset--demo'.
	'	* 2014-11-26LS: Comented the colors specified in this file and copied them to 'picker.date.color.css'
	'	* 2014-11-25LS: Added Travelize resets to Elins css file
	'	* 2014-00-00EL: Copied widget markup, JS and CSS from source: https://github.com/amsul/pickadate.js (amsul.ca/pickadate.js) - Version < v3.5.3, made modifications and implemented on turkietresor
	'
*/



/*------------- Travelize resets -------------------------------------------*/
[class^="picker__select"],
[class^="picker__table"],
fieldset.pickadate-date-wrapper,
.picker thead,
.picker th,
.picker tbody,
.picker tr,
.picker td{
	width:auto;
	margin:0;
	padding:0;
	font-size:100%;
	font:inherit;
	background:none transparent;
	vertical-align:baseline;
	border:0;
	/*border:initial;*/	
}
.picker th{
	text-align:center;
}

/* EL added */
.picker__nav--disabled{display:none;}

/* 141126LS added missing wrapper markup and css for this*/
.pickadate-date-wrapper{position:relative;}

/*--------------------------------------------------------------------------*/


/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note:the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size:16px;
  text-align:left;
  line-height:1.2;
  /*color:#000000;*/
  position:absolute;
  z-index:10000;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  /*user-select:none;*/
}
/**
 * The picker input element.
 */
.picker__input {
  cursor:default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
 /*
.picker__input.picker__input--active {
  border-color:#0089ec;
}
*/
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width:100%;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo:http://amsul.github.io/pickadate.js
 */
/**
 * Note:the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width:100%;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position:absolute;
  /*background:#ffffff;*/
  /*border:1px solid #aaaaaa;*/
  border-style:solid;
  border-width:1px;
  border-top-width:0;
  border-bottom-width:0;
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  min-width:176px;
  max-width:466px;
  max-height:0;
/*
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
*/
  visibility:hidden;
  -webkit-transform:translateY(-1em) perspective(600px) rotateX(10deg);
  -moz-transform:translateY(-1em) perspective(600px) rotateX(10deg);
  transform:translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition:all 0.15s ease-out, max-height 0.15s, border-width 0.15s;
  -moz-transition:all 0.15s ease-out, max-height 0.15s, border-width 0.15s;
  transition:all 0.15s ease-out, max-height 0.15s, border-width 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding:1px;
}
.picker__wrap {
  margin:-1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height:25em;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/*
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
*/
  visibility:visible;
  border-top-width:1px;
  border-bottom-width:1px;
  -webkit-transform:translateY(0) perspective(600px) rotateX(0);
  -moz-transform:translateY(0) perspective(600px) rotateX(0);
  transform:translateY(0) perspective(600px) rotateX(0);
  -webkit-transition:all 0.15s ease-out, max-height 0s, border-width 0s;
  -moz-transition:all 0.15s ease-out, max-height 0s, border-width 0s;
  transition:all 0.15s ease-out, max-height 0s, border-width 0s;
  /*
  -webkit-box-shadow:0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow:0 6px 18px 1px rgba(0, 0, 0, 0.12);
  */
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding:0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align:center;
  position:relative;
  margin-top:.75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight:500;
  display:inline-block;
  margin-left:.25em;
  margin-right:.25em;
}
.picker__year {
  /*color:#999999;*/
  font-size:.8em;
  font-style:italic;
}
/**
 * The month and year selectors.
 */
select.picker__select--month,
select.picker__select--year {
  /*border:1px solid #b7b7b7;*/
  border-style:solid;
  border-width:1px;
  height:2.5em;
  /* padding-top:.5em; */
  /* padding-bottom:.5em; */
  padding-left:.25em;
  padding-right:.25em;
  margin-left:.25em;
  margin-right:.25em;
  font-size:.6em;
}
@media (min-width:24.5em) {
  select.picker__select--month,
  select.picker__select--year {
    font-size:.8em;
    margin-top:-0.5em;
  }
}
select.picker__select--month {
  width:35%;
}
select.picker__select--year {
  width:22.5%;
}

/*
select.picker__select--month:focus,
select.picker__select--year:focus {
  border-color:#0089ec;
}
*/

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position:absolute;
  padding:.5em 1.25em;
  width:1em;
  height:1em;
  top:-0.25em;
}
@media (min-width:24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top:-0.33em;
  }
}
.picker__nav--prev {
  left:-1em;
  padding-right:1.25em;
}
@media (min-width:24.5em) {
  .picker__nav--prev {
    padding-right:1.5em;
  }
}
.picker__nav--next {
  right:-1em;
  padding-left:1.25em;
}
@media (min-width:24.5em) {
  .picker__nav--next {
    padding-left:1.5em;
  }
}

/*border arrows*/
.picker__nav--prev:before,
.picker__nav--next:before {
  content:" ";
  
  border-top:.5em solid transparent;
  border-bottom:.5em solid transparent;
  /*
  border-right:0.75em solid #000000;
  */
  border-right-style:solid;
  border-right-width:0.75em;
  width:0;
  height:0;
  display:block;
  margin:0 auto;
}
.picker__nav--next:before {
  border-right:0;
  /*border-left:0.75em solid #000000;*/
  border-left-style:solid;
  border-left-width:0.75em;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor:pointer;
  /*
  color:#000000;
  background:#b1dcfb;
  */
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor:default;
  background:none;
  /*
  border-right-color:#f5f5f5;
  border-left-color:#f5f5f5;
  */
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align:center;
  border-collapse:collapse;
  border-spacing:0;
  table-layout:fixed;
  font-size:inherit;
  width:100%;
  margin-top:.75em;
  margin-bottom:.5em;
}
@media (min-height:33.875em) {
  .picker__table {
    margin-bottom:.75em;
  }
}
.picker__table td {
  margin:0;
  padding:0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width:14.285714286%;
  font-size:.75em;
  padding-bottom:.25em;
  /*color:#999999;*/
  font-weight:500;
  /* Increase the spacing a tad */
}
@media (min-height:33.875em) {
  .picker__weekday {
    padding-bottom:.5em;
  }
}
/**
 * The weeknumber
 */
.picker__weektable .picker__weeknumber {
  width:12.5%;
  font-size:.75em;
  padding-bottom:.25em;
  /*color:#999999;*/
  font-weight:500;
  /* Increase the spacing a tad */
}
@media (min-height:33.875em) {
  .picker__weektable .picker__weeknumber {
    padding-bottom:.5em;
  }
}
.picker__weektable .picker__dayweek {
  /*color:#999999;*/
}
.picker__weektable .picker__weekday {
  width:12.5%;
}
/**
 * The days on the calendar
 */
.picker__day {
  padding:.3125em 0;
  font-weight:200;
  /*border:1px solid transparent;*/
  border-style:solid;
  border-width:1px;
}
.picker__day--today {
  /*color:#0089ec;*/
  position:relative;
}
.picker__day--today:before {
  content:" ";
  position:absolute;
  top:2px;
  right:2px;
  width:0;
  height:0;
  /*
  border-top:0.5em solid #0059bc;
  */
  border-top-style:solid;
  border-top-width:0.5em;
  /*border arrow*/
  border-left:.5em solid transparent;
 
  
  
}
/*
.picker__day--selected,
.picker__day--selected:hover {
  border-color:#0089ec;
}
.picker__day--highlighted {
  background:#b1dcfb;
}
.picker__day--disabled:before {
  border-top-color:#aaaaaa;
}
.picker__day--outfocus {
  color:#dddddd;
}
*/
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor:pointer;
  /*
  color:#000000;
  background:#b1dcfb;
  */
}
/*
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background:#0089ec;
  color:#ffffff;
}
*/
.picker__day--disabled,
.picker__day--disabled:hover {
  /*
  background:#f5f5f5;
  border-color:#f5f5f5;
  color:#dddddd;
  */
  cursor:default;
}
/*
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background:#bbbbbb;
}
*/
/**
 * The footer containing the "today" and "clear" buttons.
 */
.picker__footer {
  text-align:center;
}
.picker__button--today,
.picker__button--clear {
  /*
  border:1px solid #ffffff;
  background:#ffffff;
  */
  font-size:.8em;
  padding:.66em 0;
  font-weight:bold;
  width:50%;
  display:inline-block;
  vertical-align:bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover {
  cursor:pointer;
  /*
  color:#000000;
  background:#b1dcfb;
  border-bottom-color:#b1dcfb;
  */
}
.picker__button--today:focus,
.picker__button--clear:focus {
  /*
  background:#b1dcfb;
  border-color:#0089ec;
  */
  outline:none;
}
.picker__button--today:before,
.picker__button--clear:before {
  position:relative;
  display:inline-block;
  height:0;
}
.picker__button--today:before {
  content:" ";
  margin-right:.45em;
  top:-0.05em;
  width:0;
  /*
  border-top:0.66em solid #0059bc;
  */
  border-top-style:solid;
  border-top-width:0.66em;
  /*border arrow*/
  border-left:.66em solid transparent;
  
  
}
.picker__button--clear:before {
  content:"\D7";
  margin-right:.35em;
  top:-0.1em;
  /*color:#ee2200;*/
  vertical-align:top;
  font-size:1.1em;
}