.date-picker-x-container{position:relative}.date-picker-x{background:#444;box-sizing:content-box;color:#fff;display:none;font:18px/1;padding:10px;position:absolute;top:100%;transform:translateY(15px);user-select:none;width:calc(44px * 7);z-index:1}.date-picker-x::before{border-color:#444 transparent;border-style:solid;border-width:0 10px 10px;bottom:100%;content:"";left:20px;position:absolute}.date-picker-x.to-top{bottom:100%;top:auto;transform:translateY(-15px)}.date-picker-x.to-top::before{border-width:10px 10px 0;bottom:auto;top:100%}.date-picker-x.active{display:block}.date-picker-x *{box-sizing:border-box}.date-picker-x .dpx-title-box{align-items:center;border-bottom:1px solid #ccc;display:flex;height:45px;justify-content:space-between;padding-bottom:10px}.date-picker-x .dpx-prev,.date-picker-x .dpx-next{color:rgba(255,255,255,0.6);cursor:pointer;display:block;font-size:22px;line-height:50px;text-align:center;transition:.2s;width:50px}.date-picker-x .dpx-prev:hover,.date-picker-x .dpx-next:hover{color:#fff}.date-picker-x .dpx-title{display:block;font-size:18px;line-height:40px;padding:0 10px}.date-picker-x:not([data-dpx-type="year"]) .dpx-title{cursor:pointer}.date-picker-x .dpx-content-box{box-sizing:content-box;display:flex;flex-wrap:wrap;justify-content:center;padding-top:10px}.date-picker-x .dpx-btns{border-top:1px solid #ccc;display:flex;padding-top:10px}.date-picker-x .dpx-btns .dpx-item{flex:1 1 0;height:30px}.date-picker-x .dpx-item{align-items:center;display:flex;flex:1 0 25%;justify-content:center}.date-picker-x .dpx-item:not(.dpx-weekday){cursor:pointer}.date-picker-x .dpx-item:not(.dpx-weekday):hover{box-shadow:inset 0 0 0 2px #3385ff,inset 0 0 0 4px #444}.date-picker-x .dpx-weekday{font-size:15px;height:24px}.date-picker-x[data-dpx-type="day"] .dpx-item{flex-basis:44px;height:44px}.date-picker-x .dpx-current{box-shadow:inset 0 0 0 2px #66a3ff}.date-picker-x .dpx-selected{background:#06f}.date-picker-x .dpx-weekend{color:#f99}.date-picker-x .dpx-out{color:#bbb}.date-picker-x .dpx-disabled{color:#666;cursor:default;box-shadow:none}.date-picker-x .dpx-disabled.dpx-current{box-shadow:inset 0 0 0 2px #66a3ff}
/*# sourceMappingURL=DatePickerX.css.map */