.reservations .flex{align-items:center;gap:15px;flex-wrap:wrap}.reservations .flex h1{color:#0f0f0f}.reservations .flex .switch .contentWrapper{padding:0}.reservations .loadingData{display:flex;justify-content:center;align-items:center;height:25vh;width:100%}.reservations .boxes{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;animation:content-animation 1s ease forwards}@media only screen and (min-width:640px){.reservations .boxes{grid-template-columns:1fr 1fr}}@media only screen and (min-width:992px){.reservations .boxes{grid-template-columns:1fr 1fr 1fr}}.notFount{height:150px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:var(--primary);font-size:35px;font-weight:700}.boxReservations{background:linear-gradient(45deg,#fff,#f3f3f3);padding:20px 12px;border:3px solid #fff;border-radius:15px;box-shadow:0 4px 44.12px 0 hsla(0,0%,67%,.13)}.boxReservations .top{display:flex;justify-content:space-between}.boxReservations .top .partOne{display:flex;gap:10px}.boxReservations .top .partOne .image img{width:50px;height:50px;border-radius:50%}.boxReservations .top .partOne .text{line-height:1.6}.boxReservations .top .partOne .text h4{color:#221f1f}.boxReservations .top .partOne .text p{font-size:13px;font-weight:600}.boxReservations .top .partTwo{display:flex;gap:10px}.boxReservations .top .partTwo .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}.boxReservations .top .partTwo .icon img{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boxReservations .top .partTwo .icon:hover{transform:scale(1.2)}.boxReservations .body{position:relative;display:flex;background-color:hsla(0,0%,85%,.235);justify-content:center;align-items:center;gap:30px;padding:8px;border-radius:10px;margin:5px 0}.boxReservations .body .date,.boxReservations .body .time{display:flex;justify-content:center;align-items:center;gap:10px}.boxReservations .body .date .icon img,.boxReservations .body .time .icon img{position:relative;top:4px}.boxReservations .body .date p,.boxReservations .body .time p{color:#221f1f;font-weight:700;font-size:12px}@media only screen and (min-width:640px){.boxReservations .body .date p,.boxReservations .body .time p{font-size:14px}}.boxReservations .body .date p{font-size:12px}@media only screen and (min-width:640px){.boxReservations .body .date p{font-size:13px}}.boxReservations .body:before{content:"";position:absolute;background-color:#221f1f;width:.5px;height:17px;left:46.5%;top:50%;transform:translate(-50%,-50%)}.boxReservations .footerBoxReservationsCancelled{background-color:rgba(255,0,0,.05);padding:10px 0;text-align:center;font-weight:700;border-radius:15px;color:red}.boxReservations .FooterBoxReservationsEnd .sendRating{background-color:transparent;border:none;font-size:20px;color:var(--secondary);cursor:pointer;transition:.5s}.boxReservations .FooterBoxReservationsEnd .reButton{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}.boxReservations .FooterBoxReservationsEnd .reButton:hover{background-color:#fff;color:var(--primary)}.boxReservations .FooterBoxReservationsEnd .giveRate{margin-top:15px}.boxReservations .FooterBoxReservationsEnd .giveRate h4{text-align:center;color:#221f1f;font-size:20px}.boxReservations .FooterBoxReservationsEnd .giveRate .flex{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:0!important}.boxReservations .FooterBoxReservationsEnd .flex{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:15px;margin-bottom:10px}.boxReservations .FooterBoxReservationsEnd .flex h4{color:#221f1f;font-size:20px}.boxReservations .FooterBoxReservationsEnd .flex .rating{display:flex;gap:5px;padding-top:10px}.boxReservations .FooterBoxReservationsEnd .flex .rating .stars{direction:ltr}.boxReservations .FooterBoxReservationsEnd .flex .rating .stars span{font-size:1.2rem;color:#fcaf23;text-align:right}.boxReservations .FooterBoxReservationsEnd .flex .rating P{font-weight:650;position:relative;top:-3px;color:#242424}.boxReservations .FooterBoxReservationsEnd .flex .rating span{font-size:13px;color:#777}.boxReservations .FooterBoxReservationsEnd .noRating *{font-size:20px}.boxReservations .FooterBoxReservationsEnd .noRating .rating span{font-size:15px;color:#777;position:relative}.boxReservations .FooterBoxReservationsEnd .noRating .rating span.rate{position:relative;top:2px}.boxReservations .patientName{margin:8px;font-size:15px;color:#000}.boxReservations .statusDoc{background-color:rgba(227,104,174,.161);color:var(--secondary);padding:7px 10px;border-radius:12px;font-size:14px;text-align:center;font-weight:700;margin-bottom:12px}.boxReservations .buttons{display:flex;justify-content:center;gap:14px}.boxReservations .buttons 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:170px;width:100%;height:45px}.boxReservations .buttons button:hover,.boxReservations .buttons button:last-of-type{background-color:#fff;color:var(--primary)}.boxReservations .buttons button:last-of-type:hover{background-color:var(--primary);color:#fff}.reservations .PaginationReservation{display:flex;align-items:center;justify-content:center;margin-top:35px;gap:17px}.reservations .PaginationReservation .arrow{width:35px;height:35px;border-radius:25px;border:1px solid var(--secondary);background-color:var(--secondary);transition:.5s;cursor:pointer}.reservations .PaginationReservation .arrow.arrowHide{pointer-events:none;opacity:.5}.reservations .PaginationReservation .arrow svg{color:#fff}.reservations .PaginationReservation .arrow:hover{background-color:#fff}.reservations .PaginationReservation .arrow:hover svg{color:var(--secondary)}.reservations nav ul{justify-content:center;gap:10px}.reservations nav ul li button{border:1px solid var(--secondary);font-size:15px;color:#221f1f}.reservations nav ul li button.css-19micn4-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{background-color:var(--secondary)!important}.reservations nav ul li button svg{color:var(--secondary)!important;display:none}.reservations nav ul li:first-of-type,.reservations nav ul li:last-of-type{display:none}