button[data-v-8f7d8cdc]{position:relative;width:100%;height:45px;white-space:nowrap;font-size:12px;line-height:40px;transition:all .3s ease-in}[dir] button[data-v-8f7d8cdc]{border:none;border-bottom:1px solid #cecece;background-color:#fff;padding:0 5px;-webkit-transition:all .3s ease-in}[dir=ltr] button[data-v-8f7d8cdc]{border-right:1px solid #cecece}[dir=rtl] button[data-v-8f7d8cdc]{border-left:1px solid #cecece}[dir] button[data-v-8f7d8cdc]:hover{cursor:pointer}button.customer-name[data-v-8f7d8cdc]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:26px}button.disable[data-v-8f7d8cdc]{color:#959595}[dir] button.disable[data-v-8f7d8cdc]{background-color:#e7e7e7}[dir] button.disable[data-v-8f7d8cdc]:hover{cursor:not-allowed}button.selectable[data-v-8f7d8cdc]{color:#6ab0dc}[dir] button.selectable[data-v-8f7d8cdc]{background-color:#fff}button.selectable[data-v-8f7d8cdc]:hover{color:#fff!important}[dir] button.selectable[data-v-8f7d8cdc]:hover{cursor:pointer}[dir] button.selectable:hover.success[data-v-8f7d8cdc]{background-color:rgba(52,202,119,.8)!important}[dir] button.selectable:hover.danger[data-v-8f7d8cdc]{background-color:rgba(218,30,40,.8)!important}button.reserved[data-v-8f7d8cdc]{color:#6ab0dc}[dir] button.reserved[data-v-8f7d8cdc]{background-color:#eef7fe}[dir=ltr] button.reserved[data-v-8f7d8cdc]{border-left:4px solid #6ab0dc}[dir=rtl] button.reserved[data-v-8f7d8cdc]{border-right:4px solid #6ab0dc}button.reserved[data-v-8f7d8cdc]:hover{color:#2e7aab!important}[dir] button.reserved[data-v-8f7d8cdc]:hover{cursor:pointer;background:#cbecff!important}button.is-label[data-v-8f7d8cdc]{color:#000}button.closed[data-v-8f7d8cdc]{color:#c73e2e}[dir] button.closed[data-v-8f7d8cdc]{background-color:#ffd1d3!important}[dir=ltr] button.closed[data-v-8f7d8cdc]{border-left:4px solid #da1e28!important}[dir=rtl] button.closed[data-v-8f7d8cdc]{border-right:4px solid #da1e28!important}[dir] button.closed[data-v-8f7d8cdc]:hover{cursor:not-allowed}[dir] button.current[data-v-8f7d8cdc]{border-top:3px solid #7ecae9;border-bottom:3px solid #7ecae9}button.selected[data-v-8f7d8cdc]{color:#fff!important}[dir] button.selected[data-v-8f7d8cdc]{border-color:#cecece}[dir] button.selected.success[data-v-8f7d8cdc]{background-color:#34ca77!important}[dir] button.selected.danger[data-v-8f7d8cdc]{background-color:#da1e28!important}button .start-time[data-v-8f7d8cdc]{font-size:21px}.mobile-sale-reserved-calendar{height:100%}[dir] .mobile-sale-reserved-calendar{background-color:#fff}.mobile-sale-reserved-calendar .date-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .mobile-sale-reserved-calendar .date-items{background-color:#f0f0f0;border:1px solid #f0f0f0}[dir] .mobile-sale-reserved-calendar .date-items .next-date-btn,[dir] .mobile-sale-reserved-calendar .date-items .prev-date-btn{padding:5px 20px;margin:10px;background-color:#f8f8f8;border:1px solid #cecece;border-radius:.5rem}[dir] .mobile-sale-reserved-calendar .date-items .next-date-btn:hover:not([disabled]),[dir] .mobile-sale-reserved-calendar .date-items .prev-date-btn:hover:not([disabled]){cursor:pointer;background-color:#f0f0f0}[dir] .mobile-sale-reserved-calendar .date-items .next-date-btn:disabled,[dir] .mobile-sale-reserved-calendar .date-items .prev-date-btn:disabled{cursor:not-allowed}.mobile-sale-reserved-calendar .date-items .date-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:auto}.mobile-sale-reserved-calendar .date-items .date-items .date-content{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content{text-align:center;padding:5px;padding-top:10px}.mobile-sale-reserved-calendar .date-items .date-items .date-content::-webkit-scrollbar{display:block;height:10px;width:10px}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content::-webkit-scrollbar{background:hsla(0,0%,100%,.5);border-radius:.5rem}.mobile-sale-reserved-calendar .date-items .date-items .date-content::-webkit-scrollbar-thumb{display:block;height:6px}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content::-webkit-scrollbar-thumb{background:#cecece;border-radius:.5rem}.mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn{position:relative;white-space:nowrap}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn{padding:5px 20px;margin:0 5px;background-color:#f8f8f8;border:1px solid #cecece;border-radius:.5rem}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn:hover:not([disabled]){cursor:pointer;background-color:#f0f0f0}.mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn.active{color:#fff}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn.active{background-color:#2d3744}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn.active:hover{background-color:#1b2027}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn:disabled{cursor:not-allowed}.mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{position:absolute;top:-10px;height:16px;width:16px;color:#fff}[dir] .mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{background-color:#28c76f;border-radius:50%}[dir=ltr] .mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{right:calc(50% - 8px)}[dir=rtl] .mobile-sale-reserved-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{left:calc(50% - 8px)}.mobile-sale-reserved-calendar .time-table{position:relative;overflow-x:auto;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start;justify-self:flex-start;-ms-overflow-style:none;scrollbar-width:none}[dir] .mobile-sale-reserved-calendar .time-table{padding:8px}[dir=ltr] .mobile-sale-reserved-calendar .time-table{direction:ltr}[dir=rtl] .mobile-sale-reserved-calendar .time-table{direction:rtl}.mobile-sale-reserved-calendar .time-table::-webkit-scrollbar{display:none}.mobile-sale-reserved-calendar .time-table.mobile{height:100%}.mobile-sale-reserved-calendar .time-table .time-label-row{width:60px;height:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}[dir] .mobile-sale-reserved-calendar .time-table .time-label-row{padding-bottom:10px}.mobile-sale-reserved-calendar .time-table .time-label-row::-webkit-scrollbar{display:none}@supports(-webkit-touch-callout:none){[dir] .mobile-sale-reserved-calendar .time-table .time-label-row{padding-bottom:0}}.mobile-sale-reserved-calendar .time-table .time-court-row{width:calc(100% - 60px);height:100%;overflow:auto}.mobile-sale-reserved-calendar .time-table .time-court-row::-webkit-scrollbar{display:block;height:10px;width:10px}[dir] .mobile-sale-reserved-calendar .time-table .time-court-row::-webkit-scrollbar{background:hsla(0,0%,100%,.5);border-radius:.5rem}.mobile-sale-reserved-calendar .time-table .time-court-row::-webkit-scrollbar-thumb{display:block;height:6px}[dir] .mobile-sale-reserved-calendar .time-table .time-court-row::-webkit-scrollbar-thumb{background:#cecece;border-radius:.5rem}.mobile-sale-reserved-calendar .time-table .time-table-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:revert;-webkit-box-direction:reverse;-ms-flex-direction:row;flex-direction:row;position:relative}.mobile-sale-reserved-calendar .time-table .court-row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;width:150px}@media screen and (max-width:768px){.mobile-sale-reserved-calendar .time-table .court-row{width:140px}}.mobile-sale-reserved-calendar .time-table .court-row .court-name{width:100%;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-item-align:start;align-self:flex-start;color:#fff;font-weight:500;z-index:90}[dir] .mobile-sale-reserved-calendar .time-table .court-row .court-name{background:#2d3744;padding:0 5px;border-bottom:1px solid #cdcdcd}[dir=ltr] .mobile-sale-reserved-calendar .time-table .court-row .court-name{border-right:1px solid #cdcdcd}[dir=rtl] .mobile-sale-reserved-calendar .time-table .court-row .court-name{border-left:1px solid #cdcdcd}@supports(position:sticky){.mobile-sale-reserved-calendar .time-table .court-row .court-name{position:sticky;top:-1px}}[dir=ltr] .mobile-sale-reserved-calendar .time-table .court-row:last-child:not(.time-label) .court-name{border-radius:0 .5rem 0 0;border-right:none}[dir=rtl] .mobile-sale-reserved-calendar .time-table .court-row:last-child:not(.time-label) .court-name{border-radius:.5rem 0 0 0;border-left:none}[dir=ltr] .mobile-sale-reserved-calendar .time-table .court-row:last-child:not(.time-label) .select-hour-box:last-child button{border-radius:0 0 .5rem 0}[dir=rtl] .mobile-sale-reserved-calendar .time-table .court-row:last-child:not(.time-label) .select-hour-box:last-child button{border-radius:0 0 0 .5rem}.mobile-sale-reserved-calendar .time-table .time-label{position:relative;z-index:100;width:60px}@supports(position:sticky){.mobile-sale-reserved-calendar .time-table .time-label{position:sticky}[dir=ltr] .mobile-sale-reserved-calendar .time-table .time-label{left:-10px}[dir=rtl] .mobile-sale-reserved-calendar .time-table .time-label{right:-10px}}@supports(-webkit-touch-callout:none){.mobile-sale-reserved-calendar .time-table .time-label{position:sticky}[dir=ltr] .mobile-sale-reserved-calendar .time-table .time-label{left:-10px}[dir=rtl] .mobile-sale-reserved-calendar .time-table .time-label{right:-10px}}.mobile-sale-reserved-calendar .time-table .time-label .court-name{z-index:101;font-size:12px}[dir=ltr] .mobile-sale-reserved-calendar .time-table .time-label .court-name{border-radius:.5rem 0 0 0}[dir=rtl] .mobile-sale-reserved-calendar .time-table .time-label .court-name{border-radius:0 .5rem 0 0}.mobile-sale-reserved-calendar .time-table .time-label .select-hour-box{position:relative;height:45px}.mobile-sale-reserved-calendar .time-table .time-label .select-hour-box .is-label{color:#fff;z-index:100}[dir] .mobile-sale-reserved-calendar .time-table .time-label .select-hour-box .is-label{background-color:#2d3744}[dir=ltr] .mobile-sale-reserved-calendar .time-table .time-label .select-hour-box:first-child .is-label{border-radius:0 .5rem 0 0}[dir=rtl] .mobile-sale-reserved-calendar .time-table .time-label .select-hour-box:first-child .is-label{border-radius:.5rem 0 0 0}[dir=ltr] .mobile-sale-reserved-calendar .time-table .time-label .select-hour-box:last-child .is-label{border-radius:0 0 0 .5rem}[dir=rtl] .mobile-sale-reserved-calendar .time-table .time-label .select-hour-box:last-child .is-label{border-radius:0 0 .5rem 0}[dir] .sale-reserved-calendar{background-color:#fff}.sale-reserved-calendar .date-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .sale-reserved-calendar .date-items{background-color:#f0f0f0;border:1px solid #f0f0f0}[dir] .sale-reserved-calendar .date-items .next-date-btn,[dir] .sale-reserved-calendar .date-items .prev-date-btn{padding:5px 20px;margin:10px;background-color:#f8f8f8;border:1px solid #cecece;border-radius:.5rem}[dir] .sale-reserved-calendar .date-items .next-date-btn:hover:not([disabled]),[dir] .sale-reserved-calendar .date-items .prev-date-btn:hover:not([disabled]){cursor:pointer;background-color:#f0f0f0}[dir] .sale-reserved-calendar .date-items .next-date-btn:disabled,[dir] .sale-reserved-calendar .date-items .prev-date-btn:disabled{cursor:not-allowed}.sale-reserved-calendar .date-items .date-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:auto}.sale-reserved-calendar .date-items .date-items .date-content{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto}[dir] .sale-reserved-calendar .date-items .date-items .date-content{text-align:center;padding:5px;padding-top:10px}.sale-reserved-calendar .date-items .date-items .date-content::-webkit-scrollbar{display:block;height:10px;width:10px}[dir] .sale-reserved-calendar .date-items .date-items .date-content::-webkit-scrollbar{background:hsla(0,0%,100%,.5);border-radius:.5rem}.sale-reserved-calendar .date-items .date-items .date-content::-webkit-scrollbar-thumb{display:block;height:6px}[dir] .sale-reserved-calendar .date-items .date-items .date-content::-webkit-scrollbar-thumb{background:#cecece;border-radius:.5rem}.sale-reserved-calendar .date-items .date-items .date-content .date-btn{position:relative;white-space:nowrap}[dir] .sale-reserved-calendar .date-items .date-items .date-content .date-btn{padding:5px 20px;margin:0 5px;background-color:#f8f8f8;border:1px solid #cecece;border-radius:.5rem}[dir] .sale-reserved-calendar .date-items .date-items .date-content .date-btn:hover:not([disabled]){cursor:pointer;background-color:#f0f0f0}.sale-reserved-calendar .date-items .date-items .date-content .date-btn.active{color:#fff}[dir] .sale-reserved-calendar .date-items .date-items .date-content .date-btn.active{background-color:#2d3744}[dir] .sale-reserved-calendar .date-items .date-items .date-content .date-btn.active:hover{background-color:#1b2027}[dir] .sale-reserved-calendar .date-items .date-items .date-content .date-btn:disabled{cursor:not-allowed}.sale-reserved-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{position:absolute;top:-10px;height:16px;width:16px;color:#fff}[dir] .sale-reserved-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{background-color:#28c76f;border-radius:50%}[dir=ltr] .sale-reserved-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{right:calc(50% - 8px)}[dir=rtl] .sale-reserved-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{left:calc(50% - 8px)}.sale-reserved-calendar .time-table{position:relative;height:calc(100vh - 225px);overflow-x:auto;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start;justify-self:flex-start}[dir] .sale-reserved-calendar .time-table{padding:10px}[dir=ltr] .sale-reserved-calendar .time-table{direction:ltr}[dir=rtl] .sale-reserved-calendar .time-table{direction:rtl}.sale-reserved-calendar .time-table::-webkit-scrollbar{display:block;height:10px;width:10px}[dir] .sale-reserved-calendar .time-table::-webkit-scrollbar{background:hsla(0,0%,100%,.5);border-radius:.5rem}.sale-reserved-calendar .time-table::-webkit-scrollbar-thumb{display:block;height:6px}[dir] .sale-reserved-calendar .time-table::-webkit-scrollbar-thumb{background:#cecece;border-radius:.5rem}.sale-reserved-calendar .time-table.mobile{height:calc(100vh - 200px)}.sale-reserved-calendar .time-table .time-table-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:revert;-webkit-box-direction:reverse;-ms-flex-direction:row;flex-direction:row;position:relative}.sale-reserved-calendar .time-table .court-row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;width:150px}@media screen and (max-width:768px){.sale-reserved-calendar .time-table .court-row{width:100px}}.sale-reserved-calendar .time-table .court-row .court-name{width:100%;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-item-align:start;align-self:flex-start;color:#fff;font-weight:500;z-index:90}[dir] .sale-reserved-calendar .time-table .court-row .court-name{background:#2d3744;border-bottom:1px solid #cdcdcd}[dir=ltr] .sale-reserved-calendar .time-table .court-row .court-name{border-right:1px solid #cdcdcd}[dir=rtl] .sale-reserved-calendar .time-table .court-row .court-name{border-left:1px solid #cdcdcd}@supports(position:sticky){.sale-reserved-calendar .time-table .court-row .court-name{position:sticky;top:-11px}}[dir=ltr] .sale-reserved-calendar .time-table .court-row:first-child .court-name{border-radius:.5rem 0 0 0}[dir=rtl] .sale-reserved-calendar .time-table .court-row:first-child .court-name{border-radius:0 .5rem 0 0}[dir=ltr] .sale-reserved-calendar .time-table .court-row:last-child .court-name{border-radius:0 .5rem 0 0;border-right:none}[dir=rtl] .sale-reserved-calendar .time-table .court-row:last-child .court-name{border-radius:.5rem 0 0 0;border-left:none}[dir=ltr] .sale-reserved-calendar .time-table .court-row:last-child .select-hour-box:last-child button{border-radius:0 0 .5rem 0}[dir=rtl] .sale-reserved-calendar .time-table .court-row:last-child .select-hour-box:last-child button{border-radius:0 0 0 .5rem}.sale-reserved-calendar .time-table .time-label{position:relative;z-index:100;width:90px}@supports(position:sticky){.sale-reserved-calendar .time-table .time-label{position:sticky}[dir=ltr] .sale-reserved-calendar .time-table .time-label{left:-10px}[dir=rtl] .sale-reserved-calendar .time-table .time-label{right:-10px}}@supports(-webkit-touch-callout:none){.sale-reserved-calendar .time-table .time-label{position:sticky}[dir=ltr] .sale-reserved-calendar .time-table .time-label{left:-10px}[dir=rtl] .sale-reserved-calendar .time-table .time-label{right:-10px}}.sale-reserved-calendar .time-table .time-label .court-name{z-index:101}.sale-reserved-calendar .time-table .time-label .select-hour-box{position:relative;height:60px}.sale-reserved-calendar .time-table .time-label .select-hour-box .is-label{color:#fff;z-index:100}[dir] .sale-reserved-calendar .time-table .time-label .select-hour-box .is-label{background-color:#2d3744}[dir=ltr] .sale-reserved-calendar .time-table .time-label .select-hour-box:last-child .is-label{border-radius:0 0 0 .5rem}[dir=rtl] .sale-reserved-calendar .time-table .time-label .select-hour-box:last-child .is-label{border-radius:0 0 .5rem 0}.custom-datepicker-input{position:relative}[dir] .custom-datepicker-input{margin:15px 0}.custom-datepicker-input label{display:block;backdrop-filter:sepia(1);transition:all .3s ease}[dir] .custom-datepicker-input label{border:1px solid #cecece;border-radius:.5rem;-webkit-transition:all .3s ease}[dir=ltr] .custom-datepicker-input label{padding:6px 10px 6px 5px}[dir=rtl] .custom-datepicker-input label{padding:6px 5px 6px 10px}.custom-datepicker-input label.is-not-valid{color:#b00000}[dir] .custom-datepicker-input label.is-not-valid{border-color:#b00000}.custom-datepicker-input label.is-not-valid input{color:#b00000}.custom-datepicker-input label span{position:absolute;transition:all .3s ease;top:7px}[dir] .custom-datepicker-input label span{padding:0 5px;-webkit-transition:all .3s ease}.custom-datepicker-input label span.is-focus{font-size:12px;top:-10px}[dir] .custom-datepicker-input label span.is-focus{background:#fff}.custom-datepicker-input label input{width:100%;outline:none!important}[dir] .custom-datepicker-input label input{background:transparent;border:none}[dir=ltr] .custom-datepicker-input label input{text-align:right}[dir=rtl] .custom-datepicker-input label input{text-align:left}[dir] .custom-datepicker-input label input.has-clear{padding:0 20px}.custom-datepicker-input label input.disabled{opacity:.75}.custom-datepicker-input label .clearable{position:absolute;top:calc(50% - 12.5px)}[dir=ltr] .custom-datepicker-input label .clearable{right:5px}[dir=rtl] .custom-datepicker-input label .clearable{left:5px}[dir] .custom-datepicker-input label .clearable:hover{cursor:pointer}.custom-datepicker-input .date-picker-label{font-size:12px;position:absolute;top:-10px;z-index:1}[dir] .custom-datepicker-input .date-picker-label{padding:0 5px;background-color:#fff}[dir=ltr] .custom-datepicker-input .date-picker-label{left:5px}[dir=rtl] .custom-datepicker-input .date-picker-label{right:5px}.custom-datepicker-input .vpd-input-group{width:20px!important;position:absolute;top:9px}[dir=ltr] .custom-datepicker-input .vpd-input-group{left:6px}[dir=rtl] .custom-datepicker-input .vpd-input-group{right:6px}.custom-datepicker-input .vpd-input-group .vpd-icon-btn{opacity:1!important;height:25px!important;width:20px!important}[dir] .custom-datepicker-input .vpd-input-group .vpd-icon-btn{background-color:inherit!important;border:0!important;padding:0}.custom-datepicker-input .vpd-input-group .vpd-icon-btn svg{fill:#000;overflow:visible!important}.custom-datepicker-input .vpd-input-group .form-control{width:100%;display:none;line-height:35px}[dir] .custom-datepicker-input .vpd-input-group .form-control{border:0}.custom-datepicker-input .invalid-text-helper{font-size:11px;color:#b00000}[dir] .desktop-weekly-sales-calendar .vx-card__body{padding:0!important}.desktop-weekly-sales-calendar .date-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .desktop-weekly-sales-calendar .date-items{background-color:#f0f0f0;border:1px solid #f0f0f0}[dir] .desktop-weekly-sales-calendar .date-items .next-date-btn,[dir] .desktop-weekly-sales-calendar .date-items .prev-date-btn{padding:5px 20px;margin:10px;background-color:#f8f8f8;border:1px solid #cecece;border-radius:.5rem}[dir] .desktop-weekly-sales-calendar .date-items .next-date-btn:hover:not([disabled]),[dir] .desktop-weekly-sales-calendar .date-items .prev-date-btn:hover:not([disabled]){cursor:pointer;background-color:#f0f0f0}[dir] .desktop-weekly-sales-calendar .date-items .next-date-btn:disabled,[dir] .desktop-weekly-sales-calendar .date-items .prev-date-btn:disabled{cursor:not-allowed}.desktop-weekly-sales-calendar .date-items .date-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:auto}.desktop-weekly-sales-calendar .date-items .date-items .date-content{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content{text-align:center;padding:5px;padding-top:10px}.desktop-weekly-sales-calendar .date-items .date-items .date-content::-webkit-scrollbar{display:block;height:10px;width:10px}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content::-webkit-scrollbar{background:hsla(0,0%,100%,.5);border-radius:.5rem}.desktop-weekly-sales-calendar .date-items .date-items .date-content::-webkit-scrollbar-thumb{display:block;height:6px}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content::-webkit-scrollbar-thumb{background:#cecece;border-radius:.5rem}.desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn{position:relative;white-space:nowrap}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn{padding:5px 20px;margin:0 5px;background-color:#f8f8f8;border:1px solid #cecece;border-radius:.5rem}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn:hover:not([disabled]){cursor:pointer;background-color:#f0f0f0}.desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn.active{color:#fff}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn.active{background-color:#2d3744}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn.active:hover{background-color:#1b2027}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn:disabled{cursor:not-allowed}.desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{position:absolute;top:-10px;height:16px;width:16px;color:#fff}[dir] .desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{background-color:#28c76f;border-radius:50%}[dir=ltr] .desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{right:calc(50% - 8px)}[dir=rtl] .desktop-weekly-sales-calendar .date-items .date-items .date-content .date-btn .day-reserve-count{left:calc(50% - 8px)}.desktop-weekly-sales-calendar .time-table{position:relative;height:calc(100vh - 225px);overflow-x:auto;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start;justify-self:flex-start}[dir] .desktop-weekly-sales-calendar .time-table{padding:10px}[dir=ltr] .desktop-weekly-sales-calendar .time-table{direction:ltr}[dir=rtl] .desktop-weekly-sales-calendar .time-table{direction:rtl}.desktop-weekly-sales-calendar .time-table::-webkit-scrollbar{display:block;height:10px;width:10px}[dir] .desktop-weekly-sales-calendar .time-table::-webkit-scrollbar{background:hsla(0,0%,100%,.5);border-radius:.5rem}.desktop-weekly-sales-calendar .time-table::-webkit-scrollbar-thumb{display:block;height:6px}[dir] .desktop-weekly-sales-calendar .time-table::-webkit-scrollbar-thumb{background:#cecece;border-radius:.5rem}.desktop-weekly-sales-calendar .time-table.mobile{height:calc(100vh - 275px)}.desktop-weekly-sales-calendar .time-table .time-table-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:revert;-webkit-box-direction:reverse;-ms-flex-direction:row;flex-direction:row;position:relative;-ms-flex-item-align:start;align-self:flex-start;justify-self:flex-start}[dir] .desktop-weekly-sales-calendar .time-table .time-table-body{margin:auto}.desktop-weekly-sales-calendar .time-table .court-row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;width:14.2857142857vw;min-width:80px;max-width:150px}@media screen and (max-width:768px){.desktop-weekly-sales-calendar .time-table .court-row{width:100px}}.desktop-weekly-sales-calendar .time-table .court-row .court-name{width:100%;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-item-align:start;align-self:flex-start;color:#fff;font-weight:500;z-index:90}[dir] .desktop-weekly-sales-calendar .time-table .court-row .court-name{background:#2d3744;border-bottom:1px solid #cdcdcd}[dir=ltr] .desktop-weekly-sales-calendar .time-table .court-row .court-name{border-right:1px solid #cdcdcd}[dir=rtl] .desktop-weekly-sales-calendar .time-table .court-row .court-name{border-left:1px solid #cdcdcd}@supports(position:sticky){.desktop-weekly-sales-calendar .time-table .court-row .court-name{position:sticky;top:-11px}}[dir=ltr] .desktop-weekly-sales-calendar .time-table .court-row:first-child .court-name{border-radius:.5rem 0 0 0}[dir=rtl] .desktop-weekly-sales-calendar .time-table .court-row:first-child .court-name{border-radius:0 .5rem 0 0}[dir=ltr] .desktop-weekly-sales-calendar .time-table .court-row:last-child .court-name{border-radius:0 .5rem 0 0;border-right:none}[dir=rtl] .desktop-weekly-sales-calendar .time-table .court-row:last-child .court-name{border-radius:.5rem 0 0 0;border-left:none}[dir=ltr] .desktop-weekly-sales-calendar .time-table .court-row:last-child .select-hour-box:last-child button{border-radius:0 0 .5rem 0}[dir=rtl] .desktop-weekly-sales-calendar .time-table .court-row:last-child .select-hour-box:last-child button{border-radius:0 0 0 .5rem}.desktop-weekly-sales-calendar .time-table .time-label{position:relative;z-index:100;width:90px}@supports(position:sticky){.desktop-weekly-sales-calendar .time-table .time-label{position:sticky}[dir=ltr] .desktop-weekly-sales-calendar .time-table .time-label{left:-10px}[dir=rtl] .desktop-weekly-sales-calendar .time-table .time-label{right:-10px}}@supports(-webkit-touch-callout:none){.desktop-weekly-sales-calendar .time-table .time-label{position:sticky}[dir=ltr] .desktop-weekly-sales-calendar .time-table .time-label{left:0}[dir=rtl] .desktop-weekly-sales-calendar .time-table .time-label{right:0}}.desktop-weekly-sales-calendar .time-table .time-label .court-name{z-index:101}.desktop-weekly-sales-calendar .time-table .time-label .select-hour-box{position:relative;height:60px}[dir=ltr] .desktop-weekly-sales-calendar .time-table .time-label .select-hour-box,[dir=rtl] .desktop-weekly-sales-calendar .time-table .time-label .select-hour-box{left:0;right:0}.desktop-weekly-sales-calendar .time-table .time-label .select-hour-box .is-label{position:absolute;height:100%;width:100%;top:0;bottom:0;color:#fff;z-index:100}[dir] .desktop-weekly-sales-calendar .time-table .time-label .select-hour-box .is-label{background-color:#2d3744}[dir=ltr] .desktop-weekly-sales-calendar .time-table .time-label .select-hour-box .is-label,[dir=rtl] .desktop-weekly-sales-calendar .time-table .time-label .select-hour-box .is-label{left:0;right:0}[dir=ltr] .desktop-weekly-sales-calendar .time-table .time-label .select-hour-box:last-child .is-label{border-radius:0 0 0 .5rem}[dir=rtl] .desktop-weekly-sales-calendar .time-table .time-label .select-hour-box:last-child .is-label{border-radius:0 0 .5rem 0}.action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.action-buttons button{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:40px;color:#fff;transition:all .3s ease}[dir] .action-buttons button{border-radius:.5rem;border:none;-webkit-transition:all .3s ease;cursor:pointer}[dir] .action-buttons button.payment{background:rgba(51,176,0,.8117647059)}[dir=ltr] .action-buttons button.payment{margin-right:10px}[dir=rtl] .action-buttons button.payment{margin-left:10px}[dir] .action-buttons button.payment:hover{background:#33b000}[dir] .action-buttons button.cancel{background:rgba(176,0,0,.6862745098)}[dir] .action-buttons button.cancel:hover{background:#b00000}.sale-calendar-page[data-v-5e89e786]{height:100%}