.calendar-widget-container{display:flex;flex-direction:column;width:100%;align-items:center;margin-bottom:20px;position:relative;min-width:240px}.calendar-widget-container .btn{white-space:nowrap;min-width:fit-content;width:100%;margin-top:20px;padding:10px 13px 10px 20px;display:flex;align-items:center;color:var(--color-blue);height:auto}.calendar-widget-container .btn:hover{text-decoration:none !important}.calendar-widget-container .btn-datepicker{text-decoration:none;color:var(--color-blue)}.calendar-widget-container .btn-datepicker:after{content:"";display:inline-block;margin-left:2px;border-radius:2px;border-top:6px solid var(--color-blue);border-right:5px solid transparent;border-left:5px solid transparent}.calendar-widget-container .btn-datepicker:hover{text-decoration:none}.calendar-widget-container .btn-reset{text-decoration:none;color:var(--color-blue)}.calendar-widget-container .btn-reset:hover{text-decoration:none}.horizontal-calendar-widget{font-size:14px;width:100%;user-select:none;box-sizing:border-box;min-width:0}.days-scrollable{display:block;width:100%;min-width:0}.calendar-container{display:flex;align-items:center;gap:8px;padding:0 5px;box-sizing:border-box;width:100%;overflow:hidden}.nav-btn{flex:0 0 32px;height:42px;min-width:42px;border:1px solid var(--color-gray-light);border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.month-container{flex:0 0 15px;display:flex;align-items:center;justify-content:center;height:32px}.month-name{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:12px;color:var(--color-gray);white-space:nowrap}.days-wrapper{flex:1 1 auto;overflow-x:hidden;overflow-y:hidden;padding:5px 0;position:relative;min-width:0;box-sizing:border-box;max-width:100%}.days-container{display:flex;gap:4px;min-width:min-content;padding:0 2px;box-sizing:border-box;transition:gap .3s ease}.day-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all 200ms;border:1px solid transparent;border-radius:6px;min-height:50px;min-width:42px;max-width:65px;box-sizing:border-box;padding:4px 2px}.day-item .day-name{color:var(--color-gray);font-size:11px}.day-item.weekend .day-name{color:var(--color-red)}.day-item.selected{border-color:var(--color-gray)}.day-item.today{background-color:var(--bg-color)}.day-item:hover{border-color:var(--color-gray)}.daterangepicker .drp-buttons{display:flex;align-items:center;justify-content:space-between}.daterangepicker .drp-buttons .btn{padding:8px 12px;height:29px;font-size:14px;border-radius:6px}.daterangepicker .calendar-table table thead tr th{color:var(--color-main);background-color:#fff}.daterangepicker .calendar-table table thead tr:last-child th{border-bottom:1px solid var(--color-gray-light)}.daterangepicker .calendar-table tbody td{color:var(--color-main)}.daterangepicker .calendar-table tbody td.off,.daterangepicker .calendar-table tbody td.off.in-range,.daterangepicker .calendar-table tbody td.off.start-date,.daterangepicker .calendar-table tbody td.off.end-date{background-color:#fff;border-color:transparent;color:var(--color-gray)}.daterangepicker .calendar-table tbody td.in-range{background-color:var(--bg-color);border-color:transparent;color:var(--color-blue);border-radius:0}.daterangepicker .calendar-table tbody td.active{color:#fff;background-color:var(--color-blue)}.daterangepicker .calendar-table tbody td.active:hover{background-color:var(--color-blue-hover);border-color:transparent;color:#fff}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid var(--color-blue)}.day-number{font-size:16px;font-weight:bold;margin-bottom:2px}@media(max-width: 768px){.calendar-container{gap:6px;padding:0 3px}.nav-btn{flex:0 0 28px;height:28px;min-width:28px;font-size:14px}.month-container{flex:0 0 12px;height:28px}.month-name{font-size:10px}.days-container{gap:3px}.day-item{min-height:45px;min-width:38px;padding:3px 1px}.day-number{font-size:14px}.day-name{font-size:10px}}@media(max-width: 480px){.calendar-container{gap:4px}.days-container{gap:2px}.day-item{min-width:35px;min-height:42px}}@media(min-width: 910px){.calendar-widget-container{flex-direction:row}.calendar-widget-container .btn{width:max-content;margin-top:0}.calendar-container{gap:10px;padding:0 10px}.days-container{gap:8px}.day-item{min-width:46px;min-height:60px;padding:8px 5px}.day-number{font-size:20px}.day-name{font-size:12px}}/*# sourceMappingURL=calendar.css.map */
