:root{--sundays-bg-color:#F9E480;--saturdays-bg-color:#F9E480;--holidays-bg-color:#F9E480;--current-day-bg-color:#F9E480;--selected-day-bg-color:#F9E480;--sundays-text-color:#000;--saturdays-text-color:#000;--holidays-text-color:#000;--current-day-text-color:#000;--selected-day-text-color:#000}.App{display:flex;justify-content:space-between}.date-container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:50%;padding-bottom:800px}.btn-container{display:flex;flex-direction:column;align-items:center;gap:10px}.vdatepicker input{cursor:pointer;padding:8px;width:150px}.calendar-popup{box-sizing:border-box;background-color:#fff;min-width:360px;border-radius:6px;height:421px;padding:12px;transition:all .3ms ease}.calendar-popup::-webkit-scrollbar{display:none}.calendar-header{display:flex;justify-content:center;align-items:center}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{text-align:center;align-items:center}.calendar-weekdays>div{font-weight:700;padding:10px 0}.calendar-weekdays>:nth-child(7n+1),.calendar-days>:nth-child(7n+1){background-color:var(--sundays-bg-color);color:var(--sundays-text-color)}.calendar-weekdays>:nth-child(7n),.calendar-days>:nth-child(7n){background-color:var(--saturdays-bg-color);color:var(--saturdays-text-color)}.calendar-days-wrapper{display:flex;gap:20px}.calendar-month{position:relative;flex:1;border-radius:4px;min-width:340px;overflow:auto;padding-bottom:30px}.calendar-month-content{border:1px solid rgba(0,0,0,.2)}.calendar-nav{padding:5px;display:flex;justify-content:space-between;align-items:center}.day{min-width:40px;min-height:40px;cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.day:hover{background-color:#0003}.day-image img{width:100%!important;height:100%!important;max-width:36px;max-height:36px;object-fit:contain}.current-day{border:1px solid red}.selected-day{background-color:#add8e6}.note{font-size:10px;color:gray}.calendar-title{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 5px;border-bottom:1px solid rgba(0,0,0,.2);margin-bottom:10px}.title-text span{font-weight:700;font-size:13px}.quick-select{display:flex;gap:10px;font-size:13px}.quick-select div{cursor:pointer;padding:5px;border-radius:4px;border:1px solid rgba(0,0,0,.2)}.quick-select div:hover{background-color:#0003}.calendar-footer{position:absolute;bottom:0;right:0;left:0;text-align:center;padding:10px;margin-top:25px;font-size:12px}.holiday{background-color:coral!important;color:#000!important}.disabled-cell{background-image:rgba(0,0,0,.2)!important;color:#d3d0d0!important;cursor:not-allowed!important}@media (max-width: 600px){.calendar-popup{z-index:1000!important;height:100vh!important;width:100vw!important}.calendar-title span:first-child{display:inline-block}.calendar-days-wrapper{flex-direction:column}.day{min-width:30px!important;min-height:40px!important;font-size:15px!important;font-weight:500!important}}.dayBgImage{width:100%!important;height:100%!important}.autocomplete-container{visibility:hidden;max-height:0;overflow:hidden;padding:0 12px;transition:all .5s ease;position:absolute;z-index:1000;box-sizing:border-box;background:#f4cc13f2;border-radius:6px;width:280px;top:-48px;left:-20px}.autocomplete-container.active{visibility:visible;max-height:500px;padding:12px}.autocomplete-input .MuiInputBase-root{background-color:#fff;font-weight:600}.autocomplete-input .MuiInputBase-root input{background-position:7px -457px!important}.autocomplete-input2 .MuiInputBase-root{background-color:#110404;padding:0!important;border:5px solid #fff!important;border-radius:8px!important;font-weight:600}.autocomplete-input2 .MuiInputBase-root input{background-position:7px -458px!important;background-color:#fff!important}.icon{color:#b5b3b3}.autocomplete-item{display:flex;align-items:baseline;gap:13px}