.table{background:linear-gradient(130deg,#fff,#f3f3f3);border-radius:15px;box-shadow:0 4.23px 8px 3px hsla(0,0%,67%,.178);border:3px solid #fff}.table table{width:100%;margin-top:15px;border-collapse:collapse}.table table thead th .box{background-color:#fff;text-align:start;padding:15px 20px;line-height:1.2;border:1px solid #fff;border-left-color:rgba(0,0,0,.067);cursor:pointer}.table table thead th .box .title{font-size:15px;color:#52566b}.table table thead th .box .number{font-size:35px;color:#52566b}.table table tbody tr th{width:14.2857142857%}.table table tbody tr .box{padding:20px 15px;border-top:4px solid var(--primary);background-color:#fff;height:180px;border-left:1px solid rgba(0,0,0,.067);border-right:1px solid rgba(0,0,0,.067)}.table table tbody tr .box.empty{background-color:transparent!important;border:1px solid rgba(0,0,0,.067)}.table table tbody tr .box .flex{justify-content:space-between;align-items:center;margin-bottom:10px}.table table tbody tr .box .flex .status{color:var(--primary);background-color:rgba(16,99,147,.06);padding:3px 20px 6px;height:-moz-fit-content;height:fit-content;border-radius:30px;font-weight:700;font-size:12px}.table table tbody tr .box .flex .icon{width:40px;height:40px;background-color:#fff;position:relative;border-radius:50%;cursor:pointer;box-shadow:0 4.23px 8px 3px hsla(0,0%,67%,.178);transition:.5s}.table table tbody tr .box .flex .icon img{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table table tbody tr .box .flex .icon:hover{transform:scale(1.2)}.table table tbody tr .box .name{text-align:start;line-height:1.3;cursor:pointer}.table table tbody tr .box .name span{font-size:11px;color:#5e5f60}.table table tbody tr .box .name p{color:#221f1f;font-size:14px}.table table tbody tr .box .time{display:flex;justify-content:center;align-items:center;gap:10px;position:relative;background-color:hsla(0,0%,85%,.235);padding:4px;border-radius:20px;margin:15px 0}.table table tbody tr .box .time .icon img{position:relative;top:4px}.table table tbody tr .box .time p{color:#221f1f;font-weight:700;font-size:12px}.table table tbody tr .box.active{border-top:4px solid #26dd85}.table table tbody tr .box.active .flex{justify-content:space-between;align-items:center;margin-bottom:10px}.table table tbody tr .box.active .flex .status{color:#26dd85;background-color:rgba(38,221,133,.112)}.table table tbody tr .box.notActive{border-top:4px solid red}.table table tbody tr .box.notActive .flex{justify-content:space-between;align-items:center;margin-bottom:10px}.table table tbody tr .box.notActive .flex .status{color:red;background-color:rgba(255,0,0,.09)}.reservationsBook{padding:20px 0 80px}.reservationsBook .flexTop .flex{align-items:center;gap:15px;flex-wrap:wrap}.reservationsBook .reservationsBookBody{overflow:auto}.reservationsBook .reservationsBookBody .table{width:1400px;margin:0 auto}@media only screen and (min-width:1280px){.reservationsBook .reservationsBookBody{padding:13px 0}}.reservationsBook .reservationsBookBody .loading{height:50vh;display:flex;justify-content:center;align-items:center}.searchFromTo{background:linear-gradient(130deg,#f7f7f7,#f3f3f3);border-radius:15px;border:3px solid #fff;box-shadow:0 4px 8px 0 hsla(0,0%,67%,.089);border-radius:30px;display:flex;justify-content:center;align-items:center;padding:10px 25px;gap:20px;font-size:16px;color:rgba(13,18,30,.8);font-weight:700;cursor:pointer}.switchTabsReservationsBook{overflow-x:auto}.switchTabsReservationsBook::-webkit-scrollbar{height:0}.switchTabsReservationsBook::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:6px}.switchTabsReservationsBook::-webkit-scrollbar-track{background-color:#fff!important}.switchTabsReservationsBook .switchingTabs{height:45px;background:linear-gradient(130deg,#f7f7f7,#f3f3f3);border-radius:15px;border:3px solid #fff;box-shadow:0 4px 8px 0 hsla(0,0%,67%,.089);border-radius:30px;width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:0 5px;overflow-x:auto}.switchTabsReservationsBook .switchingTabs .tabItems{display:flex;align-items:center;height:40px;position:relative;justify-content:space-evenly}.switchTabsReservationsBook .switchingTabs .tabItems .tabItem{height:100%;display:flex;align-items:center;justify-content:center;color:var(--black);font-size:14px;font-weight:700;position:relative;z-index:1;cursor:pointer;transition:.5s;padding:0 28px;height:40px}@media only screen and (min-width:640px){.switchTabsReservationsBook .switchingTabs .tabItems .tabItem{padding:0 45px}}.switchTabsReservationsBook .switchingTabs .tabItems .tabItem.active{color:#fff;height:40px;border-radius:25px;background-color:var(--primary)}.controlDays{display:flex;gap:10px;align-items:center}.controlDays button{width:35px;height:35px;cursor:pointer}.controlDays .boxDay,.controlDays button{background-color:transparent;border:1px solid hsla(0,0%,47%,.122);outline:none;color:var(--primary);border-radius:8px}.controlDays .boxDay{padding:4px 35px;font-size:15px;font-weight:700}.TableControl{padding:15px 20px 0;display:flex;justify-content:space-between}.TableControl .partTwo{display:flex;gap:40px;align-items:center}.TableControl .partTwo .reservationsToDay button{background-color:transparent;border:1px solid hsla(0,0%,47%,.122);outline:none;color:var(--primary);border-radius:8px;padding:10px 35px;font-size:18px;font-weight:700;transition:.5s;margin:5px;cursor:pointer}.TableControl .partTwo .reservationsToDay button:hover{background-color:var(--primary);color:#fff}.TableControl .partTwo .reservationsToDay button.notActive{opacity:.5;pointer-events:none}.tableControlDWM{overflow-x:auto}.tableControlDWM::-webkit-scrollbar{height:0}.tableControlDWM::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:6px}.tableControlDWM::-webkit-scrollbar-track{background-color:#fff!important}.tableControlDWM .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:10px;width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:0 5px;overflow-x:auto}.tableControlDWM .switchingTabs .tabItems{display:flex;align-items:center;height:20px;position:relative;justify-content:space-evenly}.tableControlDWM .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){.tableControlDWM .switchingTabs .tabItems .tabItem{font-size:13px}}@media only screen and (min-width:992px){.tableControlDWM .switchingTabs .tabItems .tabItem{padding:0 25px}}.tableControlDWM .switchingTabs .tabItems .tabItem.active{color:#fff;height:40px;border-radius:15px;background-color:var(--primary)}.tableDay{min-height:50vh}.tableDay .boxTableDay{padding:15px 25px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.078);border-right:4px solid var(--primary)}.tableDay .boxTableDay.active{border-right:4px solid #26dd85}.tableDay .boxTableDay.active .status{color:#26dd85;background-color:rgba(38,221,133,.112)}.tableDay .boxTableDay.notActive{border-right:4px solid red}.tableDay .boxTableDay.notActive .status{color:red;background-color:rgba(255,0,0,.09)}.tableDay .boxTableDay:first-of-type{margin-top:10px}.tableDay .boxTableDay:last-of-type .boxTableDay{border:none}.tableDay .boxTableDay .top{display:flex;justify-content:space-between;margin-bottom:5px;cursor:pointer;gap:20px}.tableDay .boxTableDay .top .info{display:flex;align-items:center;gap:10px}.tableDay .boxTableDay .top .info .image img{position:relative;top:5px}.tableDay .boxTableDay .top .info .text{line-height:1.4}.tableDay .boxTableDay .top .info .text p{color:#221f1f;font-weight:600;font-size:14px}.tableDay .boxTableDay .top .info .text p:last-of-type{font-weight:800;font-size:13px}.tableDay .boxTableDay .top .timeArabic{text-align:center;line-height:1.4;border-left:1px solid rgba(0,0,0,.063);padding-left:20px}.tableDay .boxTableDay .top .timeArabic .number{color:var(--primary);font-size:25px;font-weight:700}.tableDay .boxTableDay .top .timeArabic .string{color:rgba(29,37,45,.376);font-weight:600}.tableDay .boxTableDay .ageAndPhone{position:relative;display:flex;align-items:center;gap:30px;padding:8px}.tableDay .boxTableDay .ageAndPhone .age,.tableDay .boxTableDay .ageAndPhone .phone{display:flex;justify-content:center;align-items:center;gap:10px}.tableDay .boxTableDay .ageAndPhone .age .icon img,.tableDay .boxTableDay .ageAndPhone .phone .icon img{position:relative;top:4px}.tableDay .boxTableDay .ageAndPhone .age p,.tableDay .boxTableDay .ageAndPhone .phone p{color:#0d121e;font-weight:700;font-size:14px}.tableDay .boxTableDay .timeAndDate{position:relative;display:flex;background-color:hsla(0,0%,85%,.235);justify-content:center;align-items:center;gap:30px;padding:8px 30px;border-radius:20px;margin:5px 0}.tableDay .boxTableDay .timeAndDate .date,.tableDay .boxTableDay .timeAndDate .time{display:flex;justify-content:center;align-items:center;gap:10px}.tableDay .boxTableDay .timeAndDate .date .icon img,.tableDay .boxTableDay .timeAndDate .time .icon img{position:relative;top:4px}.tableDay .boxTableDay .timeAndDate .date p,.tableDay .boxTableDay .timeAndDate .time p{color:#221f1f;font-weight:700;font-size:12px}.tableDay .boxTableDay .timeAndDate .date p{font-size:11px}.tableDay .boxTableDay .timeAndDate:before{content:"";position:absolute;background-color:#221f1f;width:.5px;height:17px;left:46.5%;top:50%;transform:translate(-50%,-50%)}.tableDay .boxTableDay .status{color:var(--primary);background-color:rgba(16,99,147,.06);padding:6px 38px 8px;height:-moz-fit-content;height:fit-content;border-radius:30px;font-weight:700;font-size:14px}.tableDay .boxTableDay .footer{display:flex;gap:15px;align-items:center;margin-top:15px}.tableDay .boxTableDay .footer .icons{display:flex;gap:10px}.tableDay .boxTableDay .footer .icons .icon{width:40px;height:40px;background-color:#fff;position:relative;border-radius:50%;cursor:pointer;box-shadow:0 4.23px 8px 3px hsla(0,0%,67%,.178);transition:.5s}.tableDay .boxTableDay .footer .icons .icon img{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tableDay .boxTableDay .footer .icons .icon:hover{transform:scale(1.2)}.tableDay .boxTableDay .footer button{font-family:Cairo,sans-serif!important;background-color:var(--primary);color:#fff;font-size:14px;font-weight:700;border-radius:50px;border:1px solid var(--primary);transition:.5s;cursor:pointer;box-shadow:0 4px 10px 0 rgba(16,98,147,.43);max-width:100%;width:100%;height:45px}.tableDay .boxTableDay .footer button:hover{background-color:#fff;color:var(--primary)}.boxBodyMonth{padding:10px 0;border-top:3px solid rgba(0,0,0,.067);background-color:#fff;height:180px;border-left:1px solid rgba(0,0,0,.067);border-right:1px solid rgba(0,0,0,.067);cursor:pointer}.boxBodyMonth.empty{background-color:transparent!important;border:1px solid rgba(0,0,0,.067)}.boxBodyMonth .number{padding-right:10px;text-align:start;color:rgba(0,0,0,.494)}.boxBodyMonth .names{margin-top:15px}.boxBodyMonth .name{text-align:start;border-right:3.5px solid var(--primary);margin-top:8px;font-size:14px;padding:4px 10px 4px 0;box-shadow:0 4.23px 8px 3px hsla(0,0%,67%,.178)}.boxBodyMonth .name.active{border-right:3.5px solid #26dd85}.boxBodyMonth .name.notActive{border-right:3.5px solid red}.searchBook{height:100vh;background-color:rgba(0,0,0,.224);position:fixed;top:0;left:0;width:100%;opacity:1;transition:.5s;z-index:100}.searchBook.hide{opacity:0;z-index:-1}.searchBook .closeModel{height:100vh;background-color:rgba(0,0,0,.224);position:absolute;top:0;left:0;width:100%;z-index:1}.searchBook .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f7f7f7;max-width:800px;width:93%;border-radius:20px;z-index:2}@media only screen and (min-width:640px){.searchBook .content{width:100%}}.searchBook .content .topContent{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:20px 15px 5px}@media only screen and (min-width:640px){.searchBook .content .topContent{padding:20px 35px 5px}}.searchBook .content .topContent h4{font-size:23px;color:#0d121e}.searchBook .content .topContent .close button{background-color:hsla(0,0%,64%,.392);width:30px;height:30px;border-radius:6px;border:1px solid hsla(0,0%,64%,.392);color:#a3a3a3;font-size:15px;cursor:pointer}.searchBook .content .body{max-height:80vh;padding:0 15px 5px}.searchBook .content .body .flex{gap:20px;margin-bottom:20px;align-items:end;padding:0 5px;flex-wrap:wrap}.searchBook .content .body .flex .box p{font-size:14px;color:#000;font-weight:600;margin-bottom:4px}.searchBook .content .body .flex .box .MuiStack-root,.searchBook .content .body .flex .box .css-10o2lyd-MuiStack-root{padding:0}.searchBook .content .body .flex .box .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{cursor:pointer;padding:10px 0;border:none;outline:none;font-size:15px}.searchBook .content .body .flex .box .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::placeholder{font-weight:500;color:#a0a0a0!important}.searchBook .content .body .flex .box .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root{border:1px solid hsla(0,0%,72%,.749);transition:.5s;outline:none}.searchBook .content .body .flex .box .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root:hover{border:1px solid var(--primary)}.searchBook .content .body .flex .box .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root fieldset{border:none}.searchBook .content .body .inputText{display:block;width:100%;padding:10px 20px;border-radius:10px;border:1px solid #eee;outline:none;height:50px;font-size:20px;margin-bottom:10px}.searchBook .content .body .inputText::placeholder{font-weight:500;color:#a0a0a0}.searchBook .content .body button{background-color:transparent;border:1px solid hsla(0,0%,47%,.122);outline:none;color:var(--primary);border-radius:8px;padding:10px 35px;font-size:18px;font-weight:700;transition:.5s;flex:1 1;cursor:pointer;height:-moz-fit-content;height:fit-content}.searchBook .content .body button:hover{background-color:var(--primary);color:#fff}.searchBook .content .body button.notActive{opacity:.5;pointer-events:none}.searchBook .content .body .showData{margin-top:20px;overflow:auto;height:30vh}@media only screen and (min-width:740px){.searchBook .content .body .showData{height:50vh}}.MuiDialogContent-root *{direction:ltr!important}.BoxshowDataSearch{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.078);border-right:4px solid var(--primary);padding:15px 10px}.BoxshowDataSearch.active{border-right:4px solid #26dd85}.BoxshowDataSearch.active .status{color:#26dd85;background-color:rgba(38,221,133,.112)}.BoxshowDataSearch.notActive{border-right:4px solid red}.BoxshowDataSearch.notActive .status{color:red;background-color:rgba(255,0,0,.09)}.BoxshowDataSearch:first-of-type{margin-top:10px}.BoxshowDataSearch:last-of-type .boxTableDay{border:none}.BoxshowDataSearch .top{margin-bottom:5px;cursor:pointer}.BoxshowDataSearch .top .info{display:flex;align-items:center;gap:10px}.BoxshowDataSearch .top .info .image img{position:relative;top:5px}.BoxshowDataSearch .top .info .text{line-height:1.4}.BoxshowDataSearch .top .info .text p{color:#221f1f;font-weight:600;font-size:14px}.BoxshowDataSearch .top .info .text p:last-of-type{font-weight:800;font-size:10px}@media only screen and (min-width:740px){.BoxshowDataSearch .top .info .text p:last-of-type{font-size:12px}}.BoxshowDataSearch .ageAndPhone{position:relative;display:none;align-items:center;gap:30px;padding:8px}.BoxshowDataSearch .ageAndPhone .age,.BoxshowDataSearch .ageAndPhone .phone{display:flex;justify-content:center;align-items:center;gap:10px}.BoxshowDataSearch .ageAndPhone .age .icon img,.BoxshowDataSearch .ageAndPhone .phone .icon img{position:relative;top:4px}.BoxshowDataSearch .ageAndPhone .age p,.BoxshowDataSearch .ageAndPhone .phone p{color:#0d121e;font-weight:700;font-size:12px}@media only screen and (min-width:740px){.BoxshowDataSearch .ageAndPhone{display:flex}}.BoxshowDataSearch .timeAndDate{position:relative;display:flex;background-color:hsla(0,0%,85%,.235);justify-content:center;align-items:center;gap:30px;padding:5px 20px;border-radius:20px;margin:5px 0}.BoxshowDataSearch .timeAndDate .date{display:flex;justify-content:center;align-items:center;gap:10px}.BoxshowDataSearch .timeAndDate .date .icon img{position:relative;top:4px}.BoxshowDataSearch .timeAndDate .date p{color:#221f1f;font-weight:700;font-size:10px}@media only screen and (min-width:740px){.BoxshowDataSearch .timeAndDate .date p{font-size:12px}}.BoxshowDataSearch .status{color:var(--primary);background-color:rgba(16,99,147,.06);padding:6px 25px;height:-moz-fit-content;height:fit-content;border-radius:30px;font-weight:700;font-size:12px;display:none}@media only screen and (min-width:640px){.BoxshowDataSearch .status{display:block}}.notFount{height:150px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:var(--primary);font-size:35px;font-weight:700}.searchReservationsFromِِِِAndTo{height:100vh;background-color:rgba(0,0,0,.224);position:fixed;top:0;left:0;width:100%;opacity:1;transition:.5s;z-index:500}.searchReservationsFromِِِِAndTo.hide{opacity:0;z-index:-1}.searchReservationsFromِِِِAndTo .closeModel{height:100vh;background-color:rgba(0,0,0,.224);position:absolute;top:0;left:0;width:100%;z-index:1}.searchReservationsFromِِِِAndTo .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f7f7f7;max-width:950px;width:93%;border-radius:20px;z-index:2;padding:20px 15px 0}@media only screen and (min-width:640px){.searchReservationsFromِِِِAndTo .content{padding:10px 15px 0;width:100%}}.searchReservationsFromِِِِAndTo .content .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.searchReservationsFromِِِِAndTo .content .top h4{font-size:18px;color:#0d121e}.searchReservationsFromِِِِAndTo .content .top .close button{background-color:hsla(0,0%,64%,.392);width:25px;height:25px;border-radius:6px;border:1px solid hsla(0,0%,64%,.392);color:#a3a3a3;font-size:15px;cursor:pointer}.searchReservationsFromِِِِAndTo .content .body{background-color:#fff;padding:15px;border-radius:20px}.searchReservationsFromِِِِAndTo .content .body .topBody{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.searchReservationsFromِِِِAndTo .content .body .topBody div{display:flex;flex:1 1;justify-content:space-around}.searchReservationsFromِِِِAndTo .content .body .topBody div p{color:rgba(12,12,13,.82);font-weight:700;font-size:16px}.searchReservationsFromِِِِAndTo .content .body .topBody button{color:rgba(41,45,50,.494);background-color:transparent;border:none;font-size:18px;cursor:pointer;transition:.5s;width:30px;height:30px;border-radius:50%}.searchReservationsFromِِِِAndTo .content .body .topBody button:hover{background-color:hsla(0,0%,41%,.161)}.searchReservationsFromِِِِAndTo .content .body .boxes{display:flex;gap:45px;animation:content-animation 1s ease forwards}.searchReservationsFromِِِِAndTo .content .body .box ul{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:12px;gap:12px;padding:0;text-align:center;font-size:14px;font-weight:600;color:#0c0c0d;margin-bottom:10px}.searchReservationsFromِِِِAndTo .content .body .box .days{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:10px;gap:10px}.searchReservationsFromِِِِAndTo .content .body .box .days .day{width:32px;height:32px;background-color:hsla(0,0%,88%,.557);position:relative;border-radius:50%;margin:auto;cursor:pointer;transition:.5s}.searchReservationsFromِِِِAndTo .content .body .box .days .day p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(12,12,13,.784);font-weight:700;transition:.5s;font-size:15px}.searchReservationsFromِِِِAndTo .content .body .box .days .day.active{background-color:var(--primary)}.searchReservationsFromِِِِAndTo .content .body .box .days .day.active p{color:#fff}.searchReservationsFromِِِِAndTo .content .body .box .days .day:hover{background-color:var(--primary)}.searchReservationsFromِِِِAndTo .content .body .box .days .day:hover p{color:#fff}.searchReservationsFromِِِِAndTo .content .body .box .days .day .number{display:flex;justify-content:center;align-items:center;position:absolute;background-color:#26df86;width:16px;height:16px;font-size:10px;border-radius:50%;color:#fff;font-weight:700;bottom:-3px;left:-8px}.searchReservationsFromِِِِAndTo .content .body .box .days .day.show{border:1px solid var(--primary)}.searchReservationsFromِِِِAndTo .content .bodyBoxesPatient{margin-top:10px;animation:content-animation 1s ease forwards}.searchReservationsFromِِِِAndTo .content .bodyBoxesPatient h4{font-size:18px;color:#0d121e;margin-bottom:10px}.searchReservationsFromِِِِAndTo .content .bodyBoxesPatient .boxes{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;height:40vh;overflow-y:auto}.searchReservationsFromِِِِAndTo .content .bodyBoxesPatient .notSearch{height:30vh;display:flex;justify-content:center;align-items:center;animation:content-animation 1s ease forwards}.searchReservationsFromِِِِAndTo .content .bodyBoxesPatient .notSearch p{font-size:20px;font-weight:700;color:#0c0c0d}.searchReservationsFromِِِِAndTo .loading{display:flex;justify-content:center;align-items:center;height:30vh}