@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700&display=swap);.App,body{font-family:Cairo,sans-serif;overflow:hidden}.App{background:#fff;display:flex;height:100vh;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.App .burger{background-color:#fff;border-radius:15px;display:none;margin:0 auto 15px;padding:7px;transition:.2;width:30px}.inside-app{background:#000;height:90vh;position:absolute;width:85%}.App .message,.inside-app{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.App .message{background-color:#0765f1;border-radius:10px;color:#fff;padding:15px;position:fixed;z-index:2000}.container{margin:auto;width:90%}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.2);border-radius:1ex}::-webkit-scrollbar-thumb{background:skyblue;border-radius:1ex}a{color:inherit;text-decoration:none}.spin-cont{background-color:rgba(2,2,2,.541);height:100%;left:0;position:absolute;top:0;width:100%;z-index:300}.spinner{-webkit-animation:sk-rotateplane 1.2s ease-in-out infinite;animation:sk-rotateplane 1.2s ease-in-out infinite;background-color:#e00101;height:100px;left:50%;margin:auto;position:absolute;top:30%;width:100px}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.success{align-items:center;background-color:#0da3df;border-radius:50%;display:flex;font-size:40px;gap:25px;height:200px;padding:20px;position:fixed;right:200px;top:200px;width:200px}.success svg{fill:green}.wrong{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;font-size:40px;gap:25px;height:200px;padding:20px;position:fixed;right:200px;top:200px;width:200px;z-index:300}.wrong svg{fill:#ee0606;font-size:100px}@media (max-width:767px){.App{flex-direction:column;padding:25px 15px}.App .burger{display:block}.success,.wrong{font-size:20px;height:120px;right:22%;width:120px}.success svg,.wrong svg{font-size:60px}}.main-sec{flex:1 1;height:100vh;max-width:100%;overflow-y:auto;padding:0 40px}.main-sec h2{text-align:center}.main-sec table{display:block;overflow:auto;width:100%}.main-sec table thead tr{background-color:#000}.main-sec table thead td{color:#fff;font-size:20px;font-weight:600;padding:15px;text-align:center;width:100%}.main-sec table tbody td{font-weight:600;padding:10px}.main-sec table tbody td img{height:50px;width:50px}.main-sec table tbody tr{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.main-sec table tbody tr:hover,.main-sec table tbody tr:nth-child(odd){background-color:#f2f2f2}.main-sec table tbody .actions{align-items:center;display:flex;gap:5px;height:100%;justify-content:center}.main-sec table tbody .del,.main-sec table tbody .edit{align-items:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px}.main-sec table tbody .del{background-color:red}.main-sec table tbody .edit{background-color:green}.input-group input,.input-group label,textarea{display:block;font-size:20px;margin:10px}.input-group input,textarea{border:1px solid #000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:8px 12px}textarea{height:200px}.input-group select{margin:10px;padding:6px 8px}.input-group select,.submit{display:block;font-size:20px}.submit{background-color:green;border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;color:#fff;cursor:pointer;margin:auto;padding:20px;width:50%}.error{color:red}.popUp{align-items:center;background-color:rgba(0,0,0,.534);display:flex;height:100%;justify-content:center;position:fixed;right:0;top:0;width:100%;z-index:100}.popUp>div{background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;height:50%;max-height:50%;max-width:800px;overflow:auto;padding:20px;width:80%}.popUp>div h2{margin:60px auto}.popUp>div>div .del,.popUp>div>div .edit{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px;text-align:center;width:100%}.popUp>div>div .del{background-color:red}.popUp>div>div .edit{background-color:green}.line-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.pagination{border:1px solid gray;display:flex;margin:20px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pagination div{padding:10px;text-align:center;width:100px}.pagination .paginationBtn{background-color:green;color:#fff;cursor:pointer}.pagination .paginationBtn.off{background-color:gray;color:#000;cursor:not-allowed}.pay{align-items:center;display:flex;gap:10px;justify-content:center}.pay button{background-color:green;border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;color:#fff;padding:10px 30px}.side{background-color:#000;box-shadow:1px 1px 10px 1px;display:flex;flex-direction:column;gap:20px;justify-content:center;max-height:100%;width:30%;z-index:50}@media (max-width:767px){.side{background-color:#fff;border-radius:10px;bottom:0;max-height:80%;max-width:70%;padding:10px;position:absolute;right:-120%;transition:.3s;width:90%}}.side .logout{background-color:#2a77cf;border-radius:10px;color:#fff;margin:15px auto;padding:10px}.side img{border-radius:5px;margin:0 auto;width:150px}@media (max-width:767px){.side img{display:none}}.side .links{display:flex;flex-direction:column;gap:15px;margin:0 auto;overflow-y:scroll;width:90%}.side .links h2{background-color:#fff;border-radius:10px;margin:0;text-align:center}.side .links a.active{background-color:#ff4500;padding-left:30px}.side .links a{background:rgba(0,0,0,.596);color:#fff;font-size:24px;font-weight:600;padding:7px;text-transform:capitalize;transition:.2s}.side .links a:hover{background-color:#ff4500;padding-left:30px}.side .links .add{background-color:rgba(27,231,27,.616)}.side .links .add:hover{background-color:#07ee07}@media (max-width:767px){.side-show{right:12%}}.login{background-image:url(/static/media/login.23acf80d4833b5770a95.jpg);background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}@media (max-width:767px){.login{padding:30px 0}}.login h1{color:#070707;margin-bottom:100px;text-align:center}.login form{background-color:rgba(240,248,255,.479);display:flex;flex-direction:column;gap:30px;height:100vh;margin-left:60px;padding:40px 25px;width:30%}@media (max-width:767px){.login form{width:80%}}.login form input{border:1px solid #fff;border-radius:10px;height:35px;margin:0 auto;text-align:center;width:80%}.login form button{border:2px #fff;border-radius:10px;border-radius:15px;cursor:pointer;margin:auto;padding:15px;transition:.3s;width:40%}.login form button:hover{background-color:#000;color:#fff}
/*# sourceMappingURL=main.239d9393.css.map*/