tr.student-row{cursor:pointer;padding-top:5px;-webkit-user-select:none;user-select:none}tr.student-row:hover{color:#e2550a}.file{position:relative;top:10px;color:#0d0e11;background-color:#f5f5f5;border:1px solid rgba(16,95,199,.46);border-radius:10px;box-shadow:5px 5px 5px gray;left:5px;font-family:Arial,Helvetica,sans-serif;font-size:small;width:70%;margin:10px;background-color:#d1e3ed}.divp1{position:fixed;top:75px;color:#0d0e11;background-color:#f5f5f5;border:1px solid rgba(16,95,199,.46);border-radius:10px;box-shadow:5px 5px 5px gray;transition:top ease .5s;left:250px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;width:25%;margin:10px;background-color:#d1e3ed}.age,.select,.student-details{position:relative;background-color:#f5f5f5;border:1px solid rgba(16,95,199,.46);border-radius:10px;box-shadow:5px 5px 5px gray;transition:top ease .5s;margin:10px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;flex-basis:50%;display:grid;row-gap:5px;grid-template-columns:20% 70%;padding:5px;background-color:#ebf4f6}.age{width:25%;font-size:medium}.inputrep{border-radius:10px;padding:5px;margin-inline-start:10px}.select{margin-inline-start:10px}input[type=file],input[type=number],input[type=text],input[type=password]{height:25px;font-size:medium;color:#187b06;padding-left:10px;margin-inline-start:10px}input[type=number]{padding:auto;text-align:center}input:focus{background-color:bisque}button{cursor:pointer;transition-duration:.4s;background-color:#004ba0;color:#f0f8f0;font-size:0.9rem;border:1px solid rgb(77,132,205);padding:10px;border-radius:10px}button:disabled:hover,button:disabled{cursor:not-allowed;background-color:gray;color:#000;filter:none}button:hover{background-color:#fff;color:#ab0808;border:2px solid rgb(19,105,216)}table{text-align:left;position:relative;border-collapse:collapse;width:98%;border-spacing:0;border:1px solid white}th{color:#1414d4;background:#fff;position:sticky;top:0;box-shadow:0 2px 2px -1px #0006}td{padding:5px;text-align:left;border-bottom:1px solid #ddd;-webkit-user-select:none;user-select:none}thead{display:block}tr{display:table;width:100%;table-layout:fixed}tbody{width:100%;display:block;height:40vh;min-height:40vh;max-height:40vh;overflow:auto}.index{width:110px}.total{width:70px;color:#068785}th{cursor:pointer;-webkit-user-select:none;user-select:none}.fa-trash{color:orange}.fa-print{color:green}.topleft{color:#180ed7;position:absolute;top:35px;right:45px;font-size:18px}.topright{color:#708090;position:absolute;top:5px;left:11px;font-family:Arial,Helvetica,sans-serif;font-size:medium}.select{font-size:medium;width:80%;margin-inline-start:0px}nav a.active{text-decoration:none;font-weight:700}.dialog{margin-top:auto;display:flex;color:#4169e1;position:relative;background-color:#f5f5f5;border:1px solid rgba(59,58,58,.46);border-radius:20px;box-shadow:-10px 5px 10px gray;transition:top ease .5s;height:450px;width:400px}.txt{display:flex;color:#0d0e11;position:relative;background-color:#f5f5f5;border:1px solid rgba(16,95,199,.46);border-radius:10px;box-shadow:5px 5px 5px gray;transition:top ease .5s;margin:5px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:400px}.txttext{text-align:right;display:flex;color:#0d0e11;position:relative;background-color:#f5f5f5;border:1px solid rgba(16,95,199,.46);border-radius:10px;box-shadow:5px 5px 5px gray;transition:top ease .5s;margin:5px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:400px}.txt1{display:flex;color:#4169e1;position:relative;background-color:#f5f5f5;border:1px solid rgba(16,95,199,.46);border-radius:10px;box-shadow:-10px 5px 10px gray;transition:top ease .5s;margin:5px;height:400px;width:350px}.center{text-align:center}.dirr{direction:rtl}.noData{text-align:center;color:#a9a9a9}.error{color:red}body,html{margin:0;padding:0;width:100%;height:100%}:root{--color-pri: #1976d2;--color-pri-d:#004ba0;--color-pri-l: #63a4ff;--color-sec: gray;--sidebar-width: 10%}.layout{display:flex;flex-direction:row;height:calc(100vh + -0px);background-color:var(--color-sec);gap:0px}.sidebar{flex-basis:var(--sidebar-width);flex-grow:0;flex-shrink:0;background-color:var(--color-pri-d);display:flex;flex-direction:column;align-items:start;gap:0px;border-radius:10px;margin:20px;height:calc(100vh - 50px)}a{all:unset}.link{color:var(--color-pri);cursor:pointer}.sideitem{flex-basis:30px;border:1px solid var(--color-pri);width:calc(100% - 20px);padding-left:8px;padding-top:10px;margin-top:10px;margin-right:auto;margin-left:auto;color:#fff;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5%;box-shadow:15 10px gray}.sideitem.active{transform:translateY(4px);background-color:var(--color-pri-l);box-shadow:0 2px gray}.sideitem:hover{background-color:#fff;color:#ab0808;border:2px solid rgb(19,105,216)}.content{flex-basis:90%;flex-grow:0;flex-shrink:1;background-color:var(--color-sec);margin:20px 20px 20px 0}.page{padding:10px;background-color:#fff;border-radius:10px;filter:drop-shadow(4px 4px 5px var(--color-pri-l));margin:0 10px;height:calc(100vh - 70px)}.fa-home{color:#ff4500}.fa-users{color:orange}.fa-bus{color:#deb887}.fa-car{color:coral}.fa-edit{color:#dc143c}.fa-sign{color:#7fffd4}.fa-sign-out{color:coral}.fa-fire{color:red}.fa-book{color:orange}.box{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:3rem;position:relative;width:100px;height:100px;background-color:#fff;border:1px solid rgba(59,58,58,.46);border-radius:20px;box-shadow:-10px 5px 10px gray;top:0;transition:top ease .5s}.box:hover{top:-50px;border-radius:50%}.box:active{background-color:#ff0;box-shadow:0 5px #666;transform:translateY(4px)}.day{display:flex;justify-content:center;align-items:center;font-weight:700;color:#4169e1;position:relative;background-color:#fff;border:1px solid rgba(59,58,58,.46);border-radius:20px;box-shadow:5px 5px 5px gray;transition:top ease .5s;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;height:50px}.day:hover{background-color:var(--color-pri-l)}.day.current{background-color:green;color:#fff}.day.reservedDay{background-color:orange;color:var(--color-pri)}.dayName{color:#6495ed;font-weight:700;font-size:medium;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.day>span{color:#ff4500}.select{font-size:medium;width:100%}.page{color:#4169e1}.dialog.modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:#0006;transition:1s}.modal.content{margin:60px auto;padding:30px;background-color:#fefefe;border:3px solid var(--color-pri);height:calc(100vh - 186px);overflow:auto;border-radius:10px;position:relative}.modal.close{position:absolute;top:5px;left:10px;font-size:2rem;color:var(--color-pri);cursor:pointer}.login-container{width:100%;height:100vh;background-color:#d3d3d3;display:flex;flex-direction:rovarw;align-items:center;justify-content:center}.login-form>label{padding-top:10px;padding-bottom:10px;color:#fff}.login-container>.login-form{flex-basis:400px;display:grid;grid-template-columns:"20% 80%";gap:"50px";align-items:"center";background-color:var(--color-pri-d);padding:20px;margin:20px;border-radius:20px;box-shadow:5px 5px 5px #000}.login-form>button{font-size:large}