.datepicker-orient-top{border-top-left-radius:16px;border-top-right-radius:16px}.datepicker-orient-bottom{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.datepicker.dropdown-menu{padding:20px;--width: 35px;border:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:1px 3px 26px #0000001f}.datepicker.dropdown-menu:before,.datepicker.dropdown-menu:after{left:15px;right:auto}html[dir=rtl] .datepicker.dropdown-menu:before,html[dir=rtl] .datepicker.dropdown-menu:after{right:15px;left:auto}.datepicker.dropdown-menu th{color:#3a3a3c;font-weight:500;font-size:14px}.datepicker .datepicker-switch{height:var(--width);width:160px!important;margin:auto;border-radius:100px;border:1px solid var(--system-primary, #1E97EA);display:flex;justify-content:center;align-items:center;transition:all .4s ease-in-out}.datepicker .datepicker-switch:hover{background-color:var(--system-primary, #1E97EA);border-color:transparent;color:#fff}.datepicker table thead tr:nth-child(2){display:grid;grid-template-columns:35px 180px 35px}.datepicker table thead th{padding:0;line-height:var(--width)}.datepicker table thead th.prev,.datepicker table thead th.next{height:var(--width);width:var(--width);border-radius:50%;position:relative;background-color:var(--system-primary, #1E97EA);color:#fff;transition:all .4s ease-in-out}html[dir=rtl] .datepicker table thead th.prev,html[dir=rtl] .datepicker table thead th.next{transform:scaleX(-1)}.datepicker table thead th.prev:hover,.datepicker table thead th.next:hover{background-color:#233876}.datepicker table tbody tr .day,.datepicker table tbody tr .month,.datepicker table tbody tr .year,.datepicker table tbody tr .decade{width:var(--width);height:var(--width);line-height:var(--width);border-radius:100px;font-size:14px;padding:0!important;transition:none}.datepicker table tbody tr .day.focused,.datepicker table tbody tr .day.active,.datepicker table tbody tr .day:hover,.datepicker table tbody tr .month.focused,.datepicker table tbody tr .month.active,.datepicker table tbody tr .month:hover,.datepicker table tbody tr .year.focused,.datepicker table tbody tr .year.active,.datepicker table tbody tr .year:hover,.datepicker table tbody tr .decade.focused,.datepicker table tbody tr .decade.active,.datepicker table tbody tr .decade:hover{background-color:var(--system-primary, #1E97EA)!important;color:#fff;background-image:none}.datepicker table tbody tr .day.today,.datepicker table tbody tr .month.today,.datepicker table tbody tr .year.today,.datepicker table tbody tr .decade.today{background-color:var(--system-primary, #1E97EA);color:#fff!important}.datepicker table tbody tr .day.old,.datepicker table tbody tr .day.new,.datepicker table tbody tr .month.old,.datepicker table tbody tr .month.new,.datepicker table tbody tr .year.old,.datepicker table tbody tr .year.new,.datepicker table tbody tr .decade.old,.datepicker table tbody tr .decade.new{opacity:.7;pointer-events:none}.datepicker-decades tbody tr td{--width: 50px}.datepicker-months tbody tr td,.datepicker-years tbody tr td{width:100%;height:100%;display:grid;padding:0;grid-template-columns:repeat(4,1fr);margin-top:10px}.datepicker-months tbody tr td .month,.datepicker-months tbody tr td .year,.datepicker-years tbody tr td .month,.datepicker-years tbody tr td .year{--width: 45px;font-size:12px}.datepicker-days table thead tr:last-child{display:grid;margin-top:10px;grid-template-columns:repeat(7,1fr)}.datepicker-days table thead tr:last-child th{width:var(--width);height:var(--width);text-align:center;line-height:var(--width)}.datepicker-days table tbody tr{display:grid;grid-template-columns:repeat(7,1fr)}.datepicker-days table tbody tr .day{--width: 35px;font-size:12px;color:#000;font-weight:500}
