.customDatePicker{flex-direction:column;gap:20px;display:flex}.customDatePicker h5{text-align:center}.customDatePicker .dateTabs{background:#0000000f;border-radius:12px;padding:4px;display:flex}.customDatePicker .dateTabs .tab{text-align:center;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:600;line-height:18px;font-family:var(--font-montserrat,"Montserrat"),sans-serif;border-radius:8px;flex:1;padding:6px}.customDatePicker .dateTabs .tab:nth-child(2){flex:2}.customDatePicker .dateTabs .tab span{opacity:.7;font-size:.625rem;font-weight:500;line-height:12px;display:block}.customDatePicker .dateTabs .tab.active{background:var(--tertiary);color:var(--white)}.customDatePicker .dateTabs .tab.active span{opacity:.7}.customDatePicker .dateTabs .tab.disabled{opacity:.5;pointer-events:none}.customDatePicker .dateTabs.monthYearOnly .tab{flex:1}.customDatePicker .weeks,.customDatePicker .days,.customDatePicker .months,.customDatePicker .years{flex-wrap:wrap;align-content:flex-start;gap:8px;padding-left:0;display:flex}.customDatePicker .weeks li,.customDatePicker .days li,.customDatePicker .months li,.customDatePicker .years li{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:40px;font-size:1rem;font-weight:500;display:flex}.customDatePicker .weeks li:hover,.customDatePicker .days li:hover,.customDatePicker .months li:hover,.customDatePicker .years li:hover{background:#0000000f}.customDatePicker .weeks li.active,.customDatePicker .days li.active,.customDatePicker .months li.active,.customDatePicker .years li.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.customDatePicker .weeks li.disabled,.customDatePicker .days li.disabled,.customDatePicker .months li.disabled,.customDatePicker .years li.disabled{color:#0000004d;cursor:not-allowed}.customDatePicker .weeks li.disabled:hover,.customDatePicker .days li.disabled:hover,.customDatePicker .months li.disabled:hover,.customDatePicker .years li.disabled:hover{background:#fff}.customDatePicker .weeks li.blank,.customDatePicker .days li.blank,.customDatePicker .months li.blank,.customDatePicker .years li.blank{cursor:default;background:0 0;border-color:#0000}.customDatePicker .months,.customDatePicker .years{height:298px;overflow-y:auto}.customDatePicker .weeks{justify-content:space-between;margin-bottom:-12px}.customDatePicker .weeks li{color:#0009;cursor:default;border:1px solid #00000026;font-size:.875rem;font-weight:600}.customDatePicker .weeks li:hover{background:#fff}.customDatePicker .days{justify-content:space-between;gap:8px 6px}@media screen and (max-width:374px){.customDatePicker .days{column-gap:0}}.customDatePicker .days li{min-width:40px;max-width:40px}.customDatePicker .months{justify-content:center}.customDatePicker .months li{min-width:46%;max-width:46%}.customDatePicker .years{justify-content:center}.customDatePicker .years li{min-width:calc(33.33% - 8px);max-width:calc(33.33% - 8px)}.customDatePickerInput .MuiInputBase-root{background:#fff}.customDatePickerInput .MuiInputBase-root .MuiInputBase-input.Mui-disabled{cursor:default}.calendarModal{background:#0000004d}@media (max-width:767px){.calendarModal{padding-left:12px;padding-right:12px}}.calendarModal .MuiModal-backdrop{background:0 0}.calendarModal .clearBtn{text-transform:capitalize;color:#000;gap:4px;padding:2px 6px;font-size:.75rem;font-weight:500}.calendarModal .clearBtn:hover{background:#0000000d}.calendarModal .MuiPaper-root{width:100%;max-width:none;box-shadow:none;background:0 0;margin:0;padding:0}@media (max-width:830px){.calendarModal .MuiPaper-root{max-width:none!important}}.calendarModal .MuiPaper-root .modal-content{background:#fff;border-radius:24px;max-width:360px;margin:16px auto;padding:20px;box-shadow:0 4px 8px #0003;width:100%!important}@media (max-width:767px){.calendarModal .MuiPaper-root .modal-content{padding:16px}}.calendarModal .MuiPaper-root .modal-content .closePopup{border-radius:40px;width:32px;min-width:20px;height:32px;padding:0;position:relative}.calendarModal .MuiPaper-root .modal-content .closePopup:before{content:"";background:#000;border-radius:50px;width:2px;height:22px;transition:transform .2s ease-in-out;position:absolute;inset:6px 16px;transform:rotate(45deg)}.calendarModal .MuiPaper-root .modal-content .closePopup:after{content:"";background:#000;border-radius:50px;width:2px;height:22px;transition:transform .2s ease-in-out;position:absolute;inset:6px 16px;transform:rotate(-45deg)}.calendarModal .MuiPaper-root .modal-content .closePopup:hover{background:#fff}.calendarModal .MuiPaper-root .modal-content .closePopup:hover:before{background:#000;transform:rotate(90deg)}.calendarModal .MuiPaper-root .modal-content .closePopup:hover:after{background:#000;transform:rotate(-90deg)}.calendarModal .MuiPaper-root .modal-content ul li{list-style-type:none}