.react-datepicker{border:1px solid var(--border-color-light);box-shadow:var(--box-shadow-type1);background-color:#fff}.react-datepicker__time-list-item--selected{background-color:var(--primary-color)!important}.react-datepicker__header{padding:0 5px;background:#fff;border-bottom:1px solid var(--border-color-light)}.react-datepicker__header select{padding:5px 10px;margin:5px;border-radius:4px;background-color:#fff}.react-datepicker__header button{padding:5px;margin:5px 10px;color:var(--primary-color)}.react-datepicker__arrowLeft{transform:rotate(180deg)}.react-datepicker__day{display:inline-flex;width:2rem;height:2rem;justify-content:center;align-items:center;transition:.3s ease;border:2px solid #0000;color:var(--secondary-color)}.react-datepicker__day:hover{border:2px solid var(--primary-color);background-color:#0000;color:var(--secondary-color)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:var(--primary-color);color:#fff}.react-datepicker__day--disabled,.react-datepicker__day--outside-month{color:var(--secondary-light-color)}.react-datepicker__day--disabled:hover{cursor:default;border:2px solid #0000;color:var(--secondary-light-color)}.react-datepicker__day-name{width:2rem;height:2rem;font-size:14px;color:var(--secondary-color);font-weight:500}.react-datepicker__current-month{font-size:16px;text-transform:capitalize}@media(max-width:576px){.custom-datepicker-wrapper{display:flex;flex-direction:column;gap:12px;position:relative;width:100%}.react-datepicker,.react-datepicker--time-only,.react-datepicker__month-container,.react-datepicker__time-box,.react-datepicker__time-container{width:100%!important}.datepicker-popup{position:relative;width:100%;background-color:#fff}.custom-header{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:10px}.custom-header select{font-size:16px;padding:5px 8px}.custom-header button{background:none;border:none;padding:5px}.back-button{background:none;border:none;color:var(--primary-color);font-size:16px;margin-bottom:10px;cursor:pointer;text-align:left}.react-datepicker__time-list{height:150px!important}.react-datepicker__time-list-item{padding:10px!important;font-size:16px;display:flex;align-items:center;justify-content:center}.react-datepicker-wrapper{width:100%!important}}