.switchTabsReservations{overflow-x:auto}.switchTabsReservations::-webkit-scrollbar{height:0}.switchTabsReservations::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:6px}.switchTabsReservations::-webkit-scrollbar-track{background-color:#fff!important}.switchTabsReservations .switchingTabs{height:50px;background-color:#f7f7f7;border-radius:15px;border:2px solid #fff;box-shadow:0 4px 8px 0 hsla(0,0%,67%,.089);border-radius:20px;width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:0 10px;overflow-x:auto}.switchTabsReservations .switchingTabs .tabItems{display:flex;align-items:center;height:30px;position:relative;justify-content:space-evenly}.switchTabsReservations .switchingTabs .tabItems .tabItem{height:100%;display:flex;align-items:center;justify-content:center;color:var(--black);font-size:13px;font-weight:700;position:relative;z-index:1;cursor:pointer;transition:.5s;padding:0 20px}@media only screen and (min-width:640px){.switchTabsReservations .switchingTabs .tabItems .tabItem{font-size:16px}}@media only screen and (min-width:992px){.switchTabsReservations .switchingTabs .tabItems .tabItem{padding:0 35px}}.switchTabsReservations .switchingTabs .tabItems .tabItem.active{color:#fff;height:40px;border-radius:25px;background-color:var(--primary)}.RescheduleAppointment{height:100vh;background-color:rgba(0,0,0,.224);position:fixed;top:0;left:0;width:100%;opacity:1;transition:.5s;z-index:10000000}.RescheduleAppointment.hide{opacity:0;z-index:-1}.RescheduleAppointment .closeModel{height:100vh;background-color:rgba(0,0,0,.224);position:absolute;top:0;left:0;width:100%;z-index:1}.RescheduleAppointment .contentRescheduleAppointment{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;max-width:500px;width:93%;padding:20px 12px;border-radius:20px;z-index:2}@media only screen and (min-width:640px){.RescheduleAppointment .contentRescheduleAppointment{width:100%;padding:20px 35px}}.RescheduleAppointment .contentRescheduleAppointment .top{line-height:1.6}.RescheduleAppointment .contentRescheduleAppointment .top h4{color:#0d120e;font-weight:800}.RescheduleAppointment .contentRescheduleAppointment .top p{font-size:15px;color:#7f909f;font-weight:600}.RescheduleAppointment .contentRescheduleAppointment .carousel-container{width:100%;overflow:hidden}.RescheduleAppointment .contentRescheduleAppointment .carousel-container .boxesRescheduleAppointment{display:flex;flex-direction:row-reverse;transition:transform .5s ease}.RescheduleAppointment .contentRescheduleAppointment .carousel-container .boxesRescheduleAppointment .boxRescheduleAppointment{flex:1 1;min-width:100%}.RescheduleAppointment .contentRescheduleAppointment .buttons{display:flex;gap:20px}.RescheduleAppointment .contentRescheduleAppointment .buttons button{background-color:var(--primary);color:#fff;font-size:20px;font-weight:500;width:100%;height:50px;border-radius:50px;border:1px solid var(--primary);transition:.5s;cursor:pointer;box-shadow:0 4px 10px 0 rgba(16,98,147,.43);font-weight:600;margin:10px 0}.RescheduleAppointment .contentRescheduleAppointment .buttons button:hover{background-color:#fff;color:var(--primary)}.RescheduleAppointment .contentRescheduleAppointment .buttons button.hide{background-color:#c5c5c5;pointer-events:none;border:1px solid #c5c5c5;box-shadow:none}.RescheduleAppointment .contentRescheduleAppointment .note{text-align:center;color:#7f909f;font-size:15px;font-weight:600}.RescheduleAppointmentDate .bookAppointment{background:linear-gradient(130deg,#fff,#f3f3f3);padding:20px 15px;border-radius:15px;box-shadow:0 4.23px 8px 3px hsla(0,0%,67%,.178);border:3px solid #fff;position:relative;width:92%;margin:auto}.RescheduleAppointmentDate .bookAppointment .top{line-height:1.6}.RescheduleAppointmentDate .bookAppointment .top h4{color:#0d120e;font-weight:800}.RescheduleAppointmentDate .bookAppointment .top p{font-size:15px;color:#7f909f;font-weight:600}.RescheduleAppointmentDate .bookAppointment .carouselItems{display:flex;gap:10px;overflow-y:hidden;overflow-x:auto;width:100%;margin:25px 0;position:relative}.RescheduleAppointmentDate .bookAppointment .carouselItems::-webkit-scrollbar{height:0}.RescheduleAppointmentDate .bookAppointment .carouselItems::-webkit-scrollbar-track{background-color:#f9f9f9}.RescheduleAppointmentDate .bookAppointment .carouselItems::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:30px}.RescheduleAppointmentDate .bookAppointment .carouselItems .box{background-color:#fff;border:2px solid #f5f5f5;border-radius:10px;cursor:pointer;flex-shrink:0;width:calc((97.5% - 15px)/2);transition:.5s}@media only screen and (min-width:640px){.RescheduleAppointmentDate .bookAppointment .carouselItems .box{width:calc((97.5% - 15px)/3)}}.RescheduleAppointmentDate .bookAppointment .carouselItems .box.active{border:2px solid var(--primary)}.RescheduleAppointmentDate .bookAppointment .carouselItems .box.active .date{border-bottom:2px solid var(--primary);background-color:var(--primary);color:#fff;border-top-left-radius:5px;border-top-right-radius:5px}.RescheduleAppointmentDate .bookAppointment .carouselItems .box.active .date .string{color:var(--primary);color:#fff}.RescheduleAppointmentDate .bookAppointment .carouselItems .box.hide{pointer-events:none}.RescheduleAppointmentDate .bookAppointment .carouselItems .box.hide .date p.number{color:#979797!important}.RescheduleAppointmentDate .bookAppointment .carouselItems .box.hide .time p{color:#7f909f}.RescheduleAppointmentDate .bookAppointment .carouselItems .box .date{padding:8px 0;line-height:1.6;border-bottom:2px solid #f5f5f5}.RescheduleAppointmentDate .bookAppointment .carouselItems .box .date .string{color:#7f909f;font-size:14px;text-align:center;font-weight:600}.RescheduleAppointmentDate .bookAppointment .carouselItems .box .date .number{color:#26df86;font-size:18px;text-align:center;font-weight:800}.RescheduleAppointmentDate .bookAppointment .carouselItems .box .time{padding:5px 0}.RescheduleAppointmentDate .bookAppointment .carouselItems .box .time p{font-size:12px;margin:10px 0;text-align:center;font-weight:800;color:#0d120e}.RescheduleAppointmentDate .bookAppointment .carouselItems .box .time p span{font-weight:600;color:#7f909f;margin-left:5px}.RescheduleAppointmentDate .bookAppointment .arrow{position:absolute;top:40%;transform:translateY(-50%);background-color:var(--primary);border:1px solid var(--primary);width:30px;height:30px;border-radius:50%;color:#fff;transition:.5s;cursor:pointer;display:none}@media only screen and (min-width:640px){.RescheduleAppointmentDate .bookAppointment .arrow{display:block}}.RescheduleAppointmentDate .bookAppointment .arrow:hover{background-color:#fff;color:var(--primary)}.RescheduleAppointmentDate .bookAppointment .arrowright{right:-18px!important}.RescheduleAppointmentDate .bookAppointment .arrowleft{left:-18px!important}.RescheduleAppointmentDate .bookAppointment button.book{background-color:var(--primary);color:#fff;font-size:20px;font-weight:500;width:100%;height:50px;border-radius:50px;border:1px solid var(--primary);transition:.5s;cursor:pointer;box-shadow:0 4px 10px 0 rgba(16,98,147,.43);font-weight:600;margin:10px 0}.RescheduleAppointmentDate .bookAppointment button.book:hover{background-color:#fff;color:var(--primary)}.RescheduleAppointmentDate .bookAppointment button.book.hide{background-color:#c5c5c5;pointer-events:none;border:1px solid #c5c5c5;box-shadow:none}.RescheduleAppointmentDate .bookAppointment .note{text-align:center;color:#7f909f;font-size:15px;font-weight:600}.notFount{height:150px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:var(--primary);font-size:35px;font-weight:700}.RescheduleAppointmentTime .content *{direction:ltr!important}.SwitchAppointment .content{border:3px solid #fff;margin:15px 0}.SwitchAppointment .content .bookingTime{display:flex;align-items:center;gap:5px;padding-right:5px;margin-top:10px}.SwitchAppointment .content .bookingTime h3{font-size:17px;color:#0d121e;font-weight:800}.SwitchAppointment .content .box{background-color:#fff;border-radius:10px;transition:.5s;display:flex;margin:10px 0 15px}.SwitchAppointment .content .box .date{padding:0 20px;border-top-right-radius:10px;border-bottom-right-radius:10px;line-height:1.6;background-color:var(--primary);display:flex;align-items:center;gap:8px}.SwitchAppointment .content .box .date .number{color:#fff;font-size:13px;text-align:center;font-weight:800}.SwitchAppointment .content .box .time{flex:1 1;padding:2px 20px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--primary);border-top-left-radius:10px;border-bottom-left-radius:10px}.SwitchAppointment .content .box .time p{font-size:14px;margin:10px 0;text-align:center;font-weight:800;color:#0d120e}.SwitchAppointment .content .box .time p span{font-weight:600;color:#7f909f;margin-left:5px}.SwitchAppointment .icon{text-align:center;font-size:26px;color:var(--secondary)}.UpdateAppointment .content{border:3px solid #fff;margin:15px 0}.UpdateAppointment .content .bookingTime{display:flex;align-items:center;gap:5px;padding-right:5px;margin-top:10px}.UpdateAppointment .content .bookingTime h3{font-size:17px;color:#0d121e;font-weight:800}.UpdateAppointment .content .box{background-color:#fff;border-radius:10px;transition:.5s;display:flex;margin:10px 0 15px}.UpdateAppointment .content .box .date{padding:0 20px;border-top-right-radius:10px;border-bottom-right-radius:10px;line-height:1.6;background-color:var(--primary);display:flex;align-items:center;gap:8px}.UpdateAppointment .content .box .date .number{color:#fff;font-size:13px;text-align:center;font-weight:800}.UpdateAppointment .content .box .time{flex:1 1;padding:2px 20px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--primary);border-top-left-radius:10px;border-bottom-left-radius:10px}.UpdateAppointment .content .box .time p{font-size:14px;margin:10px 0;text-align:center;font-weight:800;color:#0d120e}.UpdateAppointment .content .box .time p span{font-weight:600;color:#7f909f;margin-left:5px}.UpdateAppointment .icon{text-align:center;font-size:26px;color:var(--secondary)}