@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:0;width:0}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#000;border-radius:20px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}.cart-count{background-color:#ff3d3a;border-radius:50%;color:#fff;font-size:12px;font-weight:700;padding:0 5px;position:absolute;right:-10px;top:-10px}header{align-items:center;background:#fff;box-shadow:1px 1px #ffffff44;display:flex;height:70px;justify-content:center;overflow:hidden}header img{height:100%;width:auto}.navbar{flex-direction:row;gap:60px;width:fit-content;z-index:1}.navbar,.navbar button{align-items:center;display:flex;justify-content:center}.navbar button{-webkit-tap-highlight-color:transparent;background:#0000;border:none;color:#1a58b6;cursor:pointer;font-family:MainFont;font-size:25px;font-weight:400;height:40px;min-width:fit-content;opacity:1;outline:none;padding:5px;text-decoration:none}.navbar button:hover{border-bottom:2px solid #04a3f3;cursor:pointer}header .navbtn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.8rem;opacity:0;padding:5px;visibility:hidden}header .innav{overflow:hidden;visibility:hidden}@font-face{font-family:MainFont;src:url(/static/media/Rubik-VariableFont_wght.3a4acc0356c6ea73f2c3.ttf)}@media only screen and (max-width:1350px){header{justify-content:space-around;padding-left:50}}@media only screen and (max-width:1150px){header{justify-content:space-around;padding-left:50px}}@media only screen and (max-width:1260px){header{justify-content:space-around;padding-left:0}header .navbtn{align-items:center;display:flex;justify-content:center;opacity:1;visibility:visible}header .innav{flex-direction:column;visibility:visible}.navbar img{height:50px}.navbar{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;outline:1px solid #ffffff44;width:100%}.navbar button{margin:1rem}header nav{align-items:center;background:#fff;display:flex;gap:1.5rem;height:100%;left:0;overflow-y:scroll;position:fixed;top:0;transform:translateX(100%);transition:1s;width:100%}header .responsive_nav{transform:none}nav .innav{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}nav .innav img{margin-bottom:50px}nav a{font-size:1.5rem}}@media only screen and (max-width:460px){header{justify-content:space-around;padding-left:0}header img{height:60%}}@media only screen and (max-width:414px){header{justify-content:space-around;padding-left:0}}@media only screen and (max-width:360px){header{justify-content:space-around;padding-left:0}}.sec-1{height:auto;overflow:hidden;position:relative;width:100%}.svg-background{height:100%;min-height:750px;min-width:100%;width:auto}.sec-1 .onTop{flex-direction:row-reverse;height:100%;left:0;padding-bottom:100px;position:absolute;top:0}.onTop div,.sec-1 .onTop{align-items:center;display:flex;justify-content:center;width:100%}.onTop div{height:fit-content}.onTop .Block1 .Content1{align-items:flex-end;display:flex;flex-direction:column;gap:20px;height:500px;justify-content:center;padding:20px;width:500px}.Content1 h1{font-size:80px}.Content1 h1,.Content1 p{color:#fff;font-family:MainFont;font-style:normal;font-weight:400;line-height:normal;text-align:right;width:100%}.Content1 p{font-size:30px}.Content1 button{background:#fff;border:none;border-radius:10px;color:#0a8ee2;cursor:pointer;font-family:MainFont;font-size:30px;font-style:normal;font-weight:400;height:35px;line-height:normal;outline:none;text-align:center;transition:.5s;width:200px}.Content1 button:hover{opacity:.9;transform:translateY(-2px)}.Block2{justify-content:center;position:relative}.Block2,.Block2 .Content2{align-items:center;display:flex}.Block2 .Content2{flex-direction:column;gap:20px;height:fit-content;justify-content:flex-start;overflow:hidden;padding-right:20px;position:absolute;width:350px}.Content2 h1{color:#00b2ff;font-family:MainFont;font-size:35px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.Content2 .Authinputs{align-items:center;display:flex;flex-direction:column;gap:5px;height:fit-content;justify-content:center;padding:10px 0;width:90%}.Authinputs input{background:#fff;border:none;border-bottom:3px solid #00b2ff;font-family:MainFont;font-size:20px;height:35px;outline:none;padding-right:10px;text-align:end;width:100%}.AuthFunctions{align-items:center;display:flex;flex-direction:column;gap:5px;height:fit-content;justify-content:center;padding:10px 0;width:100%}.AuthFunctions button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Mainfont;font-size:25px;height:35px;transition:.5s;width:90%}.AuthFunctions button:hover{opacity:.9;transform:translateY(-2px)}@media only screen and (max-width:1260px){.sec-1{height:fit-content;overflow-x:hidden}.sec-1 .onTop{flex-direction:column;height:fit-content;padding-bottom:100px}.onTop .Block1 .Content1{height:fit-content;padding:20px;width:99%}.svg-background{height:300px;min-height:600px;min-width:100%;width:auto}.onTop .Block1 .Content1 h1{font-size:55px}.onTop .Block1 .Content1 p{font-size:25px}.Block2 svg{visibility:hidden}}.app-buttons{align-items:center;display:flex;flex-direction:column;gap:20px}.app-buttons img{background:#fff;border-radius:360px;width:100px}.app-store-button button,.google-play-button button{background-color:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:MainFont;font-size:18px;max-width:300px;padding:10px 20px;width:100%}.google-play-button button{background-color:#34a853}.app-store-button button:hover,.google-play-button button:hover{opacity:.9}.error-message{color:red;font-size:15px}.Sec-2{gap:20px;height:600px;overflow:hidden}.Sec-2,.Sec-2 div{align-items:center;display:flex;justify-content:center;width:100%}.Sec-2 div{height:100%}.Sec-2 :nth-child(2){align-items:center;flex-direction:column;padding:60px}.Sec-2 :nth-child(2) p{text-align:start;width:90%}.Sec-2 :nth-child(2) h1{color:#1a58b6;font-size:64px}.Sec-2 :nth-child(2) h1,.Sec-2 :nth-child(2) p{font-family:MainFont;font-style:normal;font-weight:400;line-height:normal;text-align:right}.Sec-2 :nth-child(2) p{color:#00b2ff;font-size:30px}.Sec-2 :nth-child(2) button{background:#1a58b6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:25px;height:35px;width:80%}@media only screen and (max-width:1260px){.Sec-2{flex-direction:column-reverse;height:fit-content}.Sec-2,.Sec-2 :nth-child(2){padding:20px 0}}.CAM{align-items:center;display:flex;gap:20px;height:100vh;justify-content:center;overflow:hidden;width:100%}.CAM img{width:30%}.CAM .Userinfo{align-items:center;display:flex;flex-direction:column;gap:20px;height:fit-content;justify-content:center;overflow:hidden;padding:20px 0;width:50%}.Userinfo h1{color:#fe4f5a;font-size:64px}.Userinfo h1,.Userinfo p{font-family:MainFont;font-style:normal;font-weight:400;line-height:normal;text-align:center}.Userinfo p{font-size:30px}.Userinfo .NewInfo{align-items:center;display:flex;flex-direction:column;gap:20px;height:250px;justify-content:center;width:100%}.NewInfo input{background:#fff;border:none;border-bottom:3px solid #fe4f5a;font-size:20px;font-weight:400;padding-right:5px;text-align:end}.NewInfo input,.Userinfo button{font-family:MainFont;height:35px;outline:none;width:400px}.Userinfo button{background:#fe4f5a;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:25px}.Userinfo .userimage-container{align-items:center;border:3px solid #fe4f5a;border-radius:50%;display:flex;height:150px;justify-content:center;overflow:hidden;position:relative;transition:border-color .3s ease;width:150px}.Userinfo .error-message{color:#fe4f5a;font-size:16px}.Loading{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.Loading img{height:100%;width:auto}.TIM{align-items:center;display:flex;gap:20px;height:100vh;justify-content:center;overflow:hidden;width:100%}.TIM img{width:30%}.TIM .Userinfo2{align-items:center;display:flex;flex-direction:column;gap:20px;height:fit-content;justify-content:center;overflow:hidden;padding:20px 0;width:50%}.Userinfo2 h1{color:#64a5ff;font-size:64px}.Userinfo2 h1,.Userinfo2 p{font-family:MainFont;font-style:normal;font-weight:400;line-height:normal;text-align:center}.Userinfo2 p{font-size:30px}.Userinfo2 .NewInfo2{align-items:center;display:flex;flex-direction:column;gap:20px;height:fit-content;justify-content:center;width:100%}.NewInfo2 input{background:#fff;border:none;border-bottom:3px solid #64a5ff;font-size:20px;font-weight:400;padding-right:5px;text-align:end}.NewInfo2 input,.Userinfo2 button{font-family:MainFont;height:35px;outline:none;width:400px}.Userinfo2 button{background:#64a5ff;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:25px}.userimage-container{align-items:center;border:3px solid #64a5ff;border-radius:50%;display:flex;height:150px;justify-content:center;overflow:hidden;position:relative;transition:border-color .3s ease;width:150px}.userimage-preview{border-radius:50%;min-height:100px;min-width:100px;object-fit:cover}.userimage-label{align-items:center;background-color:#ddd;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:background-color .3s ease;transition:opacity .3s ease;width:100%}.camera-icon{color:#555;font-size:30px}.Userinfo2 .error-message{color:#fe4f5a;font-size:16px}.teacher-roll-form{background-color:#f9f9f9;border-radius:12px;box-shadow:0 10px 25px #0000001a;font-family:MainFont,sans-serif;margin:50px auto;max-width:500px;padding:40px}.teacher-roll-form h1{color:#0077b6;font-family:MainFont;font-size:2.2rem;font-weight:700;margin-bottom:30px;text-align:center}.form-group{margin-bottom:25px}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:10px}.form-group input,.form-group select{border:2px solid #d1d9e6;border-radius:8px;font-family:MainFont;font-size:16px;padding:14px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#0077b6;box-shadow:0 0 5px #0077b64d;outline:none}.grade-level-input,.specialization-input{font-family:MainFont;margin-bottom:15px;position:relative}.add-grade-level,.add-specialization,.remove-grade-level,.remove-specialization,.submit-button{background-color:#0077b6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:MainFont;font-size:16px;font-weight:600;padding:12px 20px;transition:background-color .3s,transform .2s}.add-grade-level:hover,.add-specialization:hover,.remove-grade-level:hover,.remove-specialization:hover,.submit-button:hover{background-color:#005f8c;transform:translateY(-2px)}.remove-grade-level,.remove-specialization{background-color:#e63946;left:-60px;position:absolute;top:5px}.remove-grade-level:hover,.remove-specialization:hover{background-color:#c71f30}.add-grade-level,.add-specialization{margin-top:10px;width:100%}.submit-button{margin-top:30px;width:100%}.submit-button:hover{background-color:#005f8c}.CheckUser{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;overflow:hidden;width:100%}.CheckUser img{width:400px}.CheckUser h1{color:#f36564;font-family:MainFont}.CheckUser button{background:#f36564;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:MainFont;font-size:20px;height:30px;width:200px}.HeadContent{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAImCAYAAACy35eSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACATSURBVHgB7d1LbpvZtYbhvV1CxUAaRSMDID0CsZoGMihNITNQZhDPQDWCwwIM1Emr5BEcul/AUTUMGIiknf/nRaIu1v1CfnweQCJF0XYjdhLoxVqr/m3v360AAAAAAAAAsPHeFAAAAAAAAAAiCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAg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);background-repeat:no-repeat;background-size:100% 100%;gap:450px;height:350px;overflow:hidden;width:100%}.HeadContent,.HeadContent div{align-items:center;display:flex;justify-content:center}.HeadContent div{flex-direction:column;gap:20px;height:100%;width:fit-content}.HeadContent .Head1 h1{color:#fff;font-family:MainFont;font-size:25px;font-weight:400}.HeadContent .Head2 .UserProfile .Data1{align-items:center;display:flex;flex-direction:row;height:fit-content;justify-content:flex-end;width:100%}.Data1 h2{color:#fff;font-family:MainFont;font-size:35px;font-weight:400}.Data1 button{background:#0000;border:none;color:#ff7373;cursor:pointer}.Data1 img{background:#fff;border-radius:360px;height:50px;object-fit:cover;width:50px}.HeadContent .Head2 .UserProfile .Data2{align-items:flex-start;display:flex;height:fit-content;justify-content:center;width:100%}.Data2 h2{color:#fff;font-family:MainFont;font-size:35px;font-weight:400;text-align:end}.StatusSelect{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #1371c9;border-radius:15px;color:#1371c9;cursor:pointer;font-family:MainFont;font-size:1rem;font-size:20px;outline:none;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:150px}.StatusSelect:hover{border-color:#0e5b9d;box-shadow:0 4px 8px #0000001a}.StatusSelect:focus{border-color:#0e5b9d;box-shadow:0 0 5px 2px #1371c980}.StatusSelect option{color:#1371c9;font-size:1rem;padding:10px}.ManagerFun{flex-direction:column;overflow:hidden;padding-bottom:20px;width:100%}.ManagerFun,.ManagerFun .ManagerBtn{align-items:center;display:flex;gap:20px;height:fit-content;justify-content:center}.ManagerFun .ManagerBtn{flex-wrap:wrap;padding:10px;width:80%}.ManagerBtn button{background:linear-gradient(90deg,#00b2ff,#00e6cd);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:MainFont;font-size:30px;height:50px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:400px}.ManagerBtn button:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.ManagerData{align-items:center;display:flex;flex-direction:column;gap:20px;height:fit-content;justify-content:center;margin-top:50px;overflow:hidden;padding-bottom:20px;width:100%}.ManagerData h1{color:#00be98;font-family:MainFont}.DataContainer{align-items:center;direction:rtl;display:flex;flex-wrap:wrap;gap:20px;height:fit-content;justify-content:center;padding:10px;width:100%}.DataContainer div{background:#fff;border-radius:10px;box-shadow:0 3px 8px 0 #00000040;direction:rtl;height:200px;padding:20px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:350px}.DataContainer div:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.DataContainer div h1,.StatusP{color:#00be98;font-family:MainFont}.StatusP{font-size:20px;margin-top:5px}.SC{color:#fff;font-family:MainFont;font-size:50px;height:80%}.ManageStudents,.SC{align-items:center;display:flex;justify-content:center;width:100%}.ManageStudents{direction:rtl;flex-wrap:wrap;gap:20px;height:500px;overflow:hidden}.ManageStudents .MSL{flex-direction:column;gap:10px;justify-content:center;width:60%}.MSL .layer-item,.ManageStudents .MSL{align-items:center;display:flex;height:fit-content;padding:10px}.MSL .layer-item{justify-content:space-around;width:100%}.layer-item h3,p{color:#0085be;font-family:MainFont}.layer-item .MSLB{background:linear-gradient(90deg,#00b2ff,#00e6cd);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:MainFont;font-size:20px;height:35px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:150px}.layer-item .MSLB:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.ViewClasses{direction:rtl;flex-wrap:wrap;gap:20px;overflow:hidden;width:100%}.ViewClasses,.ViewClasses .classes-list{align-items:center;display:flex;height:fit-content;justify-content:center}.ViewClasses .classes-list{flex-direction:column;gap:10px;padding:10px;width:60%}.classes-list .class-item{align-items:center;border:1px solid #ddd;border-radius:5px;display:flex;height:fit-content;justify-content:space-around;padding:10px;width:100%}.class-item h1,.class-item p{color:#0085be;font-family:MainFont}.class-item p{align-items:center;display:flex;flex-direction:row-reverse;gap:10px;justify-content:flex-end;min-width:300px}.class-item p img{border-radius:50%;height:30px;object-fit:cover;width:30px}.MSCB{background:linear-gradient(90deg,#00b2ff,#00e6cd);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:MainFont;font-size:20px;height:35px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:150px}.MSCB:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.ClassDataFun{height:350px;justify-content:center;overflow:hidden;width:100%}.ClassDataFun,.ClassDataFun div{align-items:center;direction:rtl;display:flex;gap:20px}.ClassDataFun div{background:#0068be;border-radius:10px;box-shadow:0 3px 8px 0 #00000040;flex-direction:column;height:200px;justify-content:flex-start;padding:20px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:350px}.ClassDataFun div:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.ClassDataFun div h1{color:#fff;font-family:MainFont}.ClassDataFun button{background:#0000;border:none;color:#fff;cursor:pointer;font-family:MainFont;font-size:25px;gap:10px;justify-content:flex-start}.ClassDataFun button,.FS{align-items:center;display:flex;height:fit-content;width:100%}.FS{direction:rtl;flex-wrap:wrap;gap:20px;justify-content:center;overflow:hidden}.FS .StudentsList{flex-direction:column;gap:10px;justify-content:center;width:80%}.FS .StudentsList,.StudentsList .student-item{align-items:center;display:flex;height:fit-content;padding:10px}.StudentsList .student-item{border:1px solid #ddd;border-radius:5px;justify-content:space-around;width:100%}.student-item h3{color:#00bebb;font-family:MainFont;font-size:20px;font-weight:400;letter-spacing:1px;width:200px}.student-item p{font-family:MainFont;min-width:100px;text-align:end}.search-container{align-items:center;display:flex;height:fit-content;justify-content:center;width:100%}.search-container input{border:none;border-bottom:2px solid #00bebb;font-family:MainFont;font-size:23px;height:30px;outline:none;padding:5px;text-align:end;width:60%}.student-item button{background-color:initial;border:none;color:#0068be;cursor:pointer}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.date-picker-container{margin-bottom:30px;width:100%}.date-picker-container input{background-color:#fff;border:2px solid #00bebb;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-size:16px;padding:12px 15px;text-align:center;transition:border-color .3s,box-shadow .3s;width:250px}.date-picker-container input:focus{border-color:#0068be;box-shadow:0 0 10px #0068be4d;outline:none}.dropouts-list{display:flex;flex-direction:column;gap:15px;margin:0 auto;width:80%}.dropout-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-around;padding:20px;transition:transform .2s,box-shadow .2s}.dropout-item:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.dropout-item p{color:#333;font-family:MainFont;font-size:16px;margin:5px 0;text-align:right}@media (max-width:768px){.dropouts-list{width:90%}.date-picker-container input{width:80%}}.exit-pre-container{align-items:center;background-color:#fff;border-radius:10px;overflow:auto;padding:20px}.exit-pre-container,.exit-pre-docs{display:flex;flex-direction:column;gap:20px;width:100%}.exit-pre-docs{max-width:800px}.exit-pre-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0000000d;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.exit-pre-item:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.exit-pre-item p{color:#333;flex:1 1;font-size:1rem;margin:0}.signature-preview img{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;height:60px;padding:3px;width:auto}.print-button{background-color:#007bff;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.print-button:hover{background-color:#0056b3;transform:translateY(-2px)}.exit-pre-error-message{color:#d9534f;font-size:1.2rem;font-weight:600;margin-top:20px;text-align:center}.date-picker-container{display:flex;justify-content:center;margin-bottom:20px}.date-picker{border:1px solid #ddd;border-radius:5px;font-size:1rem;outline:none;padding:8px;transition:border-color .3s ease}.date-picker:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}@media (max-width:768px){.exit-pre-item{align-items:flex-start;flex-direction:column;gap:10px}.signature-preview img{height:50px}.print-button{align-self:flex-start}}@media (max-width:480px){.exit-pre-container{padding:10px}.exit-pre-item{padding:15px}.signature-preview img{height:40px}.print-button{font-size:.8rem;padding:6px 12px}}.excel-drop-container{align-items:center;display:flex;flex-direction:column;padding:20px}.dropzone{align-items:center;border:2px dashed #0068be;cursor:pointer;display:flex;height:150px;justify-content:center;margin-bottom:20px;max-width:600px;width:100%}.dropzone p{color:#0068be;font-family:MainFont;text-align:center}.excel-data{max-width:fit-content;overflow-x:auto;width:100%}.excel-data table{border-collapse:collapse;direction:rtl;width:100%}.excel-data th,td{border:1px solid #ddd;padding:20px;text-align:right;width:fit-content}.excel-data th{background-color:#ff5151}.teachers-container{background-color:#fff;padding:20px}.teacher-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.teacher-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease;width:300px}.teacher-card:hover{transform:translateY(-5px)}.teacher-image{height:200px;object-fit:cover;width:100%}.teacher-info{padding:15px}.teacher-info h3{color:#2c3e50;font-family:MainFont;font-size:1.5rem;margin-bottom:10px}.teacher-info p{color:#7f8c8d;font-family:MainFont;font-size:1.1rem;font-weight:700}.teacher-info p strong{color:#34495e;font-family:MainFont}.status-available{color:#27ae60}.status-in-class{color:#f39c12}.status-not-available{color:#e74c3c}.status-unknown{color:#7f8c8d}.teacher-info button{background:#27ae60;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:MainFont;font-size:20px;height:30px;margin-top:20px;width:100%}@media (max-width:768px){.teacher-cards{align-items:center;flex-direction:column}.teacher-card{width:90%}}.TeacherProfile{align-items:center;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 15px #0000001a;direction:rtl;display:flex;height:fit-content;justify-content:space-around;overflow:hidden;padding:30px;width:100%}.TeacherProfile .TeacherPinfo{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:fit-content}.TeacherPinfo h2{color:#007f7f;font-size:36px;font-weight:700;margin:10px 0}.TeacherPinfo h2,.TeacherPinfo p{font-family:MainFont;min-width:300px;text-align:start}.TeacherPinfo p{color:#555;font-size:20px;margin:5px 0}.TeacherPinfo img{align-self:flex-start;border-radius:20px;height:200px;object-fit:cover;padding:5px;width:200px}.TeacherPdata{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#333;font-family:MainFont;margin-top:20px;max-width:600px;padding:20px}.TeacherPdata p{color:#555;font-family:MainFont;font-size:18px;line-height:1.6;margin:8px 0}.CI{color:#00be98;font-family:MainFont;font-size:30px;margin-top:20px}.CI,.TeacherFun{align-items:center;display:flex;justify-content:center;width:100%}.TeacherFun{flex-direction:column;gap:20px;height:fit-content;overflow:hidden;padding-bottom:20px}.TeacherFun .TeacherBtn{align-items:center;display:flex;flex-wrap:wrap;gap:20px;height:fit-content;justify-content:center;padding:10px;width:80%}.TeacherBtn button{background:linear-gradient(90deg,#00b2ff,#00e6cd);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:MainFont;font-size:30px;height:50px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:400px}.TeacherBtn button:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.TeacherData{align-items:center;display:flex;flex-wrap:wrap;gap:20px;height:fit-content;justify-content:center;padding:20px 0;width:100%}.TeacherData div{background:#fff;border-radius:10px;box-shadow:0 3px 8px 0 #00000040;direction:rtl;height:200px;padding:20px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:350px}.TeacherData div:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.TeacherData div h1{color:#00be98;font-family:MainFont}.modal-overlay2{align-items:center;background-color:#00000080;bottom:0;direction:rtl;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content2{background:#fff;border-radius:8px;height:80%;max-width:800px;overflow-y:scroll;padding:20px;position:relative;text-align:center;width:80%}.modal-content2 h1{color:#4caf50;font-family:MainFont;margin:20px}.close-button2{background:none;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.students-list2{display:flex;flex-direction:column;gap:10px}.student-card2{align-items:center;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;padding:10px}.student-card2 p{font-family:MainFont}.attendance-buttons{display:flex;gap:10px;margin-top:10px}.attendance-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:MainFont;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.present-button{background-color:#38e9ce}.absent-button{background-color:red}.absent-button.disabled{background-color:grey;cursor:not-allowed;opacity:.6}.absent-button.active{background-color:green}.attendance-button.active{font-weight:700;opacity:.8}.student-name{font-size:16px;margin-bottom:5px;transition:color .3s ease}.present-name{color:#11e4c4}.absent-name{color:red}.students-list{align-items:center;display:flex;flex-direction:column;gap:20px;height:fit-content;justify-content:center;overflow:hidden;padding:20px 0;width:100%}.students-list h1{color:#50a4ff;font-family:MainFont;font-size:30px;font-weight:500}.student-card{align-items:center;border:1px solid #ddd;border-radius:5px;direction:rtl;display:flex;height:fit-content;justify-content:space-around;padding:10px;width:80%}.student-card p{font-family:MainFont;font-size:20px;text-align:start;width:200px}.phone-numbers .phone-number{font-family:MainFont;text-align:end;width:200px}.SM{flex-direction:column;justify-content:center;overflow:hidden;padding:20px 0;width:100%}.SM,.SM .SchoolInfo{align-items:center;display:flex;height:fit-content}.SM .SchoolInfo{direction:rtl;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:20px;width:80%}.SchoolInfo p{color:#00b2ff;font-family:MainFont;font-size:20px;font-weight:450}.SM .SMFun{align-items:center;direction:rtl;display:flex;flex-wrap:wrap;gap:20px;height:fit-content;justify-content:center;padding:20px;width:80%}.SMFun button{background:#00b2ff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:MainFont;font-size:30px;height:50px;padding-right:20px;text-align:start;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:400px}.SMFun button:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.modal-content h2{color:#008075}.modal-button.save{background-color:#008075}.Layers{align-items:flex-start;background:#008075;direction:rtl;display:flex;flex-direction:column;gap:20px;height:300px;justify-content:center;overflow:hidden;padding-right:150px;width:100%}.Layers h1{font-size:50px}.Layers h1,.Layers p{color:#fff;font-family:MainFont}.Layers p{font-size:30px}.Layers button{border:none;border-radius:15px;color:#008075;cursor:pointer;font-family:MainFont;font-size:25px;height:40px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:200px}.Layers button:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.LayersFun{align-items:flex-start;display:flex;gap:50px;height:fit-content;justify-content:center;overflow:hidden;padding:20px 0;width:100%}.LayersContent,.LayersFun .specializations{border:2px solid #008075;border-radius:20px;direction:rtl;height:fit-content;padding:15px;width:500px}.DTop{align-items:center;border-bottom:1px solid silver;display:flex;height:fit-content;justify-content:space-around;padding-bottom:20px;width:100%}.DTop h1{color:#008075;font-family:MainFont;font-size:40px;font-weight:450}.DTop button{background:#008075;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:MainFont;font-size:25px;height:40px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:200px}.DTop button:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.layer-item,.specialization-item{align-items:center;border:1px solid #ddd;border-radius:5px;color:#008075;display:flex;font-family:MainFont;font-size:20px;justify-content:space-between;margin:5px 0;padding:10px}.view-button{background-color:#008075;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:MainFont;padding:8px 12px;transition:background-color .3s}.view-button:hover{background-color:#0056b3}.delete-button{background-color:#008075;border-radius:4px;cursor:pointer;font-family:MainFont;padding:8px 12px;transition:background-color .3s}.delete-button:hover{background-color:#ff4747}.modal-overlay{background:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{background:#fff;border-radius:10px;box-shadow:0 8px 15px #0000001a;flex-direction:column;gap:10px;padding:30px;text-align:center;width:400px}.modal-content h2{color:#004480;font-family:MainFont;font-size:25px}.modal-input{border:1px solid #ddd;border-radius:5px;font-family:MainFont;font-size:16px;margin-bottom:20px;padding:10px;text-align:end;width:100%}.modal-actions{display:flex;gap:10px;justify-content:space-between;width:100%}.modal-button{border:none;border-radius:5px;cursor:pointer;font-family:MainFont;font-size:16px;padding:10px 20px;width:50%}.modal-button.cancel{background-color:#ff4d4f;color:#fff}.modal-button.save{background-color:#004480;color:#fff}.modal-button:hover{opacity:.9}.Classes{align-items:flex-start;background:#004480;direction:rtl;display:flex;flex-direction:column;gap:20px;height:300px;justify-content:center;overflow:hidden;padding-right:150px;width:100%}.Classes h1{font-size:50px}.Classes h1,.Classes p{color:#fff;font-family:MainFont}.Classes p{font-size:30px}.Classes button{border:none;border-radius:15px;color:#004480;cursor:pointer;font-family:MainFont;font-size:25px;height:40px;transition:background .3s ease,transform .5s ease,box-shadow .3s ease;width:200px}.Classes button:hover{box-shadow:0 8px 15px #0003;transform:scale(1.05)}.ClassesView{padding:50px 0 20px}.ClassesCon,.ClassesView{align-items:center;display:flex;gap:20px;height:fit-content;justify-content:center;width:100%}.ClassesCon{flex-direction:column-reverse}.ClassesView .ClassInfo{align-items:center;background:#fff;border-radius:5px;box-shadow:0 3px 8px 0 #00000040;direction:rtl;display:flex;height:50px;justify-content:space-around;padding:10px;width:50%}.ClassesView h1{color:#004480;font-family:MainFont;font-size:30px;font-weight:400}.TeacherSelection{align-items:center;display:flex;gap:10px;justify-content:center;width:fit-content}.TeacherSelection label{font-family:MainFont}.TeacherSelection .Select{width:250px}.Settings{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:25px;padding:30px 200px 30px 30px;width:100%}.Settings h1{border-bottom:2px solid #e0e0e0;color:#4a90e2;font-family:MainFont;font-size:36px;font-weight:600;margin-bottom:20px;padding-bottom:10px;width:90%}.SettingsFun{display:flex;flex-direction:column;gap:15px;padding:10px 0;width:100%}.SettingsFun label{color:#333;font-family:MainFont;font-size:16px;font-weight:500}.SettingsFun select,.SettingsFun textarea{border:1px solid #d1d1d1;border-radius:6px;color:#555;font-family:MainFont;font-size:16px;max-width:400px;padding:10px;transition:all .3s ease;width:100%}.SettingsFun select:focus,.SettingsFun textarea:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e266;outline:none}.SettingsFun textarea{min-height:80px;resize:vertical}.button-group{display:flex;gap:15px;margin-top:10px}.delete-button,.save-button{border-radius:6px;cursor:pointer;font-family:MainFont;font-size:16px;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.save-button{background-color:#4a90e2;border:none;color:#fff}.save-button:hover{background-color:#3b78c1;box-shadow:0 4px 10px #007bff33}.delete-button{background-color:#e74c3c;border:none;color:#fff}.delete-button:hover{background-color:#c0392b;box-shadow:0 4px 10px #e74c3c33}.messages-settings{background-color:#4888ff;border-radius:10px;font-family:MainFont;margin:0 auto;max-width:800px;padding:20px}.messages-settings h1{color:#fff;font-family:MainFont;text-align:center}.messages-settings label{color:#fff;display:block;font-family:MainFont;font-size:16px;margin-bottom:8px}.messages-settings input,.messages-settings select{border:1px solid #ccc;border-radius:5px;font-family:MainFont;margin-bottom:20px;padding:8px;width:100%}.messages-settings select{background-color:#fff;font-family:MainFont}.messages-settings input{background-color:#f9f9f9;font-family:MainFont}.messages-settings .message-preview{background-color:#fff;border:1px solid #ddd;border-radius:5px;font-family:MainFont;margin-top:20px;padding:20px}.messages-settings .message-preview h2{color:#444;font-family:MainFont;font-size:18px;margin-bottom:10px}.messages-settings .message-preview p{color:#555;font-family:MainFont;font-size:16px;line-height:1.6}.save-button2{background-color:#fff;border:none;border-radius:5px;color:#4888ff;cursor:pointer;display:inline-block;font-family:MainFont;font-size:16px;margin-top:20px;padding:10px 20px}.success-message{color:#fff;font-size:16px;margin-top:15px}*{font-family:MainFont}.calendar-container{cursor:grab;direction:rtl;overflow:scroll;padding:20px;scrollbar-width:none;-webkit-user-select:none;user-select:none}.calendar-container::-webkit-scrollbar{display:none}.calendar-container:active{cursor:grabbing}.calendar-header{color:#195ec5;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.calendar-schedule{display:flex;flex-direction:column;gap:20px;overflow:auto;position:relative;scrollbar-width:none;width:fit-content}.calendar-schedule::-webkit-scrollbar{display:none}.calendar-day{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;width:fit-content}.calendar-day-title{color:#2e3b4e;font-size:1.5rem;margin-bottom:10px;text-align:start}.calendar-table{border-collapse:collapse;min-width:600px;width:100%}.calendar-table-header{background:#f7f7f7;border:1px solid #e0e0e0;color:#333;font-weight:700;min-width:200px;padding:12px;text-align:center}.calendar-table-cell{background-color:#f9f9f9;border:1px solid #e0e0e0;padding:10px;text-align:center}.calendar-select{border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;padding:8px;width:100%}.calendar-select:hover{border-color:#2e3b4e}.Controls{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;bottom:5px;direction:rtl;display:flex;flex-direction:column;gap:20px;height:200px;justify-content:center;padding:10px;position:absolute;right:5px;width:300px;z-index:1000}.Controls h1{color:#195ec5;font-family:MainFont;text-align:center;width:100%}.Controls button{background:#195ec5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:MainFont;font-size:20px;height:40px;transition:all .3s ease;width:90%}.Controls button:hover{background:#156db6;box-shadow:0 4px 10px #0003;transform:translateY(-2px)}@media (max-width:768px){.calendar-table{min-width:100%}.calendar-table-cell,.calendar-table-header{padding:10px}}
/*# sourceMappingURL=main.184790d9.css.map*/