.date-picker{margin:0 auto}.date-picker{width:100%;height:auto;max-height:28px;background:#fff;position:relative;transition:all 0.3s 0s ease-in-out;border-bottom:2px solid #000}.date-picker .input,.date-picker .input1{width:100%;height:28px;font-size:0;cursor:pointer}.date-picker .input .result,.date-picker .input1 .result1,.date-picker .input button{display:inline-block;vertical-align:top}.date-picker .input .result,.date-picker .input1 .result1{width:calc(100% - 30px);height:28px;line-height:28px;font-size:15px;padding:0 0;color:#383B39;font-weight:400;box-sizing:border-box}.date-picker .input button{width:50px;height:50px;background-color:#8392A7;color:#fff;line-height:50px;border:0;font-size:18px;padding:0}.date-picker .input button:hover{background-color:#68768A}.date-picker .input button:focus{outline:0}.date-picker .calendar{position:absolute;width:260px;background:#fff;border-radius:0;overflow:hidden;display:none}.date-picker .ui-datepicker-inline{position:relative;width:100%;border-radius:0}.date-picker .ui-datepicker-header{height:100%;line-height:50px;background:#282828;color:#fff;margin-bottom:0}.date-picker .ui-datepicker-prev,.date-picker .ui-datepicker-next{width:20px!important;height:20px!important;text-indent:9999px;border:0 solid #fff;border-radius:100%;cursor:pointer;overflow:hidden;margin-top:6px}.date-picker .ui-datepicker-prev{float:left;margin-left:5px}.date-picker .ui-datepicker-prev:after{transform:rotate(45deg);margin:6px 0 0 8px}.date-picker .ui-datepicker-next{float:right;margin-right:5px}.date-picker .ui-datepicker-next:after{transform:rotate(-135deg);margin:6px 0 0 6px}.date-picker .ui-datepicker-prev:after,.date-picker .ui-datepicker-next:after{content:"";position:absolute;display:block;width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff}.date-picker .ui-datepicker-prev:hover,.date-picker .ui-datepicker-next:hover,.date-picker .ui-datepicker-prev:hover:after,.date-picker .ui-datepicker-next:hover:after{background:none}.date-picker .ui-datepicker-title{text-align:center}.date-picker .ui-datepicker-calendar{width:100%;text-align:center}.date-picker .ui-datepicker-calendar thead tr th span{display:block;width:100%;color:#8392A7;margin-bottom:0;font-size:14px;font-family:'Public Sans',sans-serif}.date-picker .ui-state-default{display:block;text-decoration:none;color:#333;line-height:24px;font-size:13px;text-align:center;background:#f5f5f5;font-family:'Public Sans',sans-serif}.date-picker .ui-state-default:hover{background:rgba(0,0,0,.7);color:#fff}.date-picker .ui-state-highlight{color:#5b8edd;font-weight:700}.date-picker .ui-state-active{background:#F46306;color:#fff}.date-picker .ui-datepicker-unselectable .ui-state-default{color:#eee;border:2px solid transparent}.date-picker.open .calendar{display:block}.date-picker.open .input button{background:#68768A}.date-picker .calendar1{right:0;position:absolute;width:260px;background:#fff;border-radius:0;overflow:hidden;display:none}.date-picker.open .calendar1{display:block}.date-picker .ui-datepicker .ui-datepicker-title{font-size:16px;font-family:'Public Sans',sans-serif}.date-picker .ui-datepicker th{padding:5px 2px}.date-picker .ui-datepicker td{font-size:14px}.date-picker .ui-datepicker .ui-datepicker-prev span,.date-picker .ui-datepicker .ui-datepicker-next span{background:none}.date-picker .ui-datepicker-prev:hover{left:2px;top:2px}.date-picker .ui-datepicker-next:hover{right:2px;top:2px}