/* Datepicker */
.picker { visibility: hidden; font-size: 14px; color: #111; position: absolute; z-index: 10000; width: auto; height: 0; overflow: visible; margin-top: 2px; margin-left: -2px; }
.picker__holder { width: auto; position: relative; background: #ffffff; border-bottom: 5px solid #808080; min-width: 200px; max-width: 320px; max-height: 0; padding: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0em) rotateX(90deg); -moz-transform: translateY(0em) rotateX(10deg); transform: translateY(0em) rotateX(10deg); -webkit-transition: all 0.15s ease-out, max-height 0 0.15s; -moz-transition: all 0.15s ease-out, max-height 0 0.15s; transition: all 0.15s ease-out, max-height 0 0.15s; }
.picker--opened { visibility: visible; }
.picker--opened .picker__holder { z-index: 10000; max-height: 25em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -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.5s ease-out, max-height 0; -moz-transition: all 0.5s ease-out, max-height 0; transition: all 0.5s ease-out, max-height 0; }
.picker__box { padding: 0; overflow: hidden; }
.picker__header { text-align: center; position: relative; }
.picker__month, .picker__year { display: inline-block; margin-left: .25em; margin-right: .25em; }
.picker__year { color: #b9bbbd; font-size: .8em; font-style: italic; }
.picker__nav--prev, .picker__nav--next { position: absolute; top: 0; width: 1em; height: 1em; cursor: pointer; font-family: FontAwesome; color: #808080; font-size: 1.6em; }
.picker__nav--prev { left: 0; }
.picker__nav--next { right: 0; }
.picker__nav--prev:before { content: "\f104"; }
.picker__nav--next:before { content: "\f105"; }
.picker__nav--prev:hover, .picker__nav--next:hover { color: #111; }
.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { color: #b9bbbd; }
.picker__table { text-align: center; border: 0; table-layout: fixed; font-size: inherit; width: 100%; margin: 10px 0; border-top: 1px solid #666; }
.picker__table td { margin: 0; padding: 0; border: 0; text-align: center; }
.picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #808080; text-align: center; }
.picker__day { padding: .3125em 0; font-weight: 200; }
.picker__day--today { color: #808080; position: relative; }
.picker__day--today:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 0.5em solid #111; border-left: .5em solid transparent; }
.picker__day--highlighted { background: rgba(128, 128, 128, 0.3); }
.picker__day--disabled:before { border-top-color: #b9bbbd; }
.picker__day--outfocus { color: #b9bbbd; }
.picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #000000; background: rgba(128, 128, 128, 0.3); }
.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { position: relative; background: #808080; color: #ffffff; }
.picker--focused .picker__day--highlighted:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 0.5em solid #FFF; border-left: .5em solid transparent; }
.picker__day--disabled, .picker__day--disabled:hover { background: rgba(185, 187, 189, 0.2); color: #FFF; cursor: default; }
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #b9bbbd; }
.picker__footer { text-align: center; }
.picker__button--today, .picker__button--clear { outline: 1px solid #FFF; width: 50%; display: inline-block; *display: inline; padding: 6px 0px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #FFF; text-align: center; vertical-align: middle; cursor: pointer; background-color: rgba(17, 17, 17, 0.8); border: 0; border-bottom: 5px solid #808080; *zoom: 1; text-decoration: none; }
.picker__button--today:hover, .picker__button--clear:hover, .picker__button--today:focus, .picker__button--clear:focus { color: #808080; }
.picker__button--today:before, .picker__button--clear:before { font-family: FontAwesome; padding-right: 5px; }
.picker__button--today:before { content: "\f133"; }
.picker__button--clear:before { content: "\f00d"; }