.datepicker-plot-area{box-sizing:border-box;overflow:hidden;min-height:70px;display:block;width:260px;min-width:200px;text-align:center;border:1px solid #ccc;font-size:12px;background:#fff;position:absolute;z-index:100000;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.15);direction:rtl}
.datepicker-plot-area *{box-sizing:border-box}
.datepicker-plot-area .datepicker-header{height:40px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 8px}
.datepicker-plot-area .datepicker-header .btn-next,.datepicker-plot-area .datepicker-header .btn-prev{cursor:pointer;background:#edf2f7;border:1px solid #cbd5e0;border-radius:4px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;color:#4a5568}
.datepicker-plot-area .datepicker-header .btn-next:hover,.datepicker-plot-area .datepicker-header .btn-prev:hover{background:#0d6efd;color:#fff;border-color:#0d6efd}
.datepicker-plot-area .datepicker-header .header-row-cell{font-weight:700;color:#2d3748;font-size:13px}
.datepicker-plot-area .datepicker-day-view{padding:8px}
.datepicker-plot-area .table-days{width:100%;border-collapse:collapse}
.datepicker-plot-area .table-days th{font-weight:600;color:#718096;padding:4px 0;font-size:11px}
.datepicker-plot-area .table-days td{padding:2px 0}
.datepicker-plot-area .table-days td span{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;cursor:pointer;color:#2d3748;transition:all .15s ease}
.datepicker-plot-area .table-days td span:hover{background:#ebf8ff;color:#0d6efd}
.datepicker-plot-area .table-days td span.selected{background:#0d6efd;color:#fff;font-weight:700}
.datepicker-plot-area .table-days td span.disabled{color:#cbd5e0;cursor:not-allowed;background:none;text-decoration:line-through}
.datepicker-plot-area .table-days td span.other-month{color:#a0aec0}