/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
 
.datepicker, .picker__input, .picker__input--active				{display: none !important;}
/*.picker														{position: relative; z-index: 2; margin-top: -55px; background: #ebebeb;}*/
 
/*.picker__box 													{padding: 0 26px;}*/
.fc .picker__box:first-child										{padding: 0 52px 0 0;}
.lc .picker__box:last-child										{padding: 0 0 0 52px;}

.picker, .picker__holder, .picker__frame, .picker__wrapper, 
.picker__box													{outline: none;}
.picker__header 												{text-align: center; position: relative; margin-top: .75em; border-bottom: 4px solid #fff; padding-bottom: 5px; margin-bottom: 15px;}
.picker__month,
.picker__year 													{display: inline-block; margin-left: .25em; margin-right: .25em; font-family: 'Lato', sans-serif; font-weight:700; font-size: 32px; color: #818181; line-height: 40px; text-transform: uppercase;}
.picker__year 													{font-weight: 300;}
.picker__select--month,
.picker__select--year 											{border: 1px solid #b7b7b7; height: 2em; padding: .5em; margin-left: .25em; margin-right: .25em;}

@media (min-width: 24.5em) {
	.picker__select--month, .picker__select--year 				{margin-top: -0.5em;}
}

.picker__select--month 											{width: 35%;}
.picker__select--year 											{width: 22.5%;}
.picker__select--month:focus, picker__select--year:focus 		{border-color: #0089ec;}
.picker__nav--prev,
.picker__nav--next 												{position: absolute; padding: 0; width: 40px; height: 40px; border-radius: 40px; background-color: #FBFBFB; overflow: hidden; line-height: 40px; text-align: center; 
																 box-sizing: content-box; top: -0.25em;}

@media (min-width: 24.5em) {
	.picker__nav--prev, .picker__nav--next 						{top: -0.33em;}
}

.picker__nav--prev 												{left: 0;}
.picker__nav--next 												{right: 0;}
.picker__nav--prev:before, .picker__nav--next:before 			{content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #BEBEBE; width: 0; height: 0; display: block; margin: 0 auto; margin-top: 11px;}
.picker__nav--next:before 										{border-right: 0; border-left: 0.75em solid #BEBEBE;}
.picker__nav--prev:hover, .picker__nav--next:hover 				{cursor: pointer; color: #BEBEBE; 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;}

.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; border: 0px;}
table, table tr, table td											{background: #fff !important; background-color: #fff !important;}

@media (min-height: 33.875em) {
	.picker__table 												{margin-bottom: .75em;}
}

.picker__table td 												{margin: 0; padding: 0;}
.picker__weekday 												{width: 14.285714286%; text-align: center; padding-bottom: .25em; font-weight: 300; background-color: #EBEBEB; font-family: 'Lato', sans-serif; font-size: 16px; color: #797979; line-height: 37px;
																 text-transform: uppercase;}
@media (min-height: 33.875em) {
	.picker__weekday 											{padding-bottom: .5em;}
}

.picker__day 													{padding: 30px 0; font-weight: 400; border: 1px solid transparent; font-family: 'Lato', sans-serif; font-size: 16.05px; color: #797979; line-height: 20px; text-align: center; height: 56px;}
.picker__day--today 											{position: relative;  border: 1px solid #0059bc;}
.picker__day--today:before 										{content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 0.5em solid #0059bc; border-left: .5em solid transparent;}
.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: #bce7de;}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted 						{cursor: pointer; color: #000000; background: #b1dcfb;}
.picker__day--selected, .picker__day--selected:hover,
.picker--focused .picker__day--selected 						{background: #5CC6AE; color: #ffffff; border-color: #5CC6AE;}
.picker__day--disabled, .picker__day--disabled:hover,
.picker--focused .picker__day--disabled 						{background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default;}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover 			{background: #bbbbbb;}

.picker__footer 													{display: none; text-align: center;}
.picker__button--today, picker__button--clear,
.picker__button--close 											{border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom;}
.picker__button--today:hover, .picker__button--clear:hover,
.picker__button--close:hover 									{cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb;}
.picker__button--today:focus, .picker__button--clear:focus,
.picker__button--close:focus 									{background: #b1dcfb; border-color: #0089ec; outline: none;}
.picker__button--today:before, .picker__button--clear:before,
.picker__button--close:before 									{position: relative; display: inline-block; height: 0;}
.picker__button--today:before,
.picker__button--clear:before 									{content: " "; margin-right: .45em;}
.picker__button--today:before 									{top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent;}
.picker__button--clear:before 									{top: -0.25em; width: .66em; border-top: 3px solid #ee2200;}
.picker__button--close:before 									{content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777;}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover 							{background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default;}
.picker__button--today[disabled]:before 						{border-top-color: #aaaaaa;}

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */