.login-body{align-items:center;background:linear-gradient(rgba(97,93,93,.7),rgba(97,93,93,.7)),url(/static/media/ufaz-background.0d674f82703f6b6ccf2e.jpg);background-size:cover;display:flex;height:100vh;justify-content:center;width:100%}.login-body .container{background:#fff;border-radius:20px;padding:30px 0;text-align:center;width:40%}.login-body .container h2{color:#a0a0a0;font-size:35px}.login-body .container .inputs{margin:20px 0}.login-body .container .inputs label{color:#5a5959}.login-body .container .inputs input{background:#eeeded;border:none;border-radius:5px;height:30px;outline:none;padding:15px;width:30%}.login-body .container .submit-btn{background:#4f71d2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:bolder;margin-bottom:10px;padding:10px 40px;transition:.5s}.login-body .container .submit-btn:hover{background:#e7e5e5;color:#4f71d2}.login-body .container .link-to{color:blue;font-size:12px}.error-message{color:red;text-align:center;text-transform:capitalize}.image-part{align-items:center;display:flex;height:100%;width:50%}.image-part img{border-radius:10px;display:block;height:98%;margin:auto;opacity:.7;width:95%}section{align-items:center;background:#ebeaea;display:flex;flex-direction:column;justify-content:space-around;width:50%}section .link-to{text-decoration:none}section .link-to button{background:#fff;border-radius:10px;cursor:pointer;display:block;font-size:30px;margin-left:30px;padding:30px 0;width:300px}section .link-to button i{font-size:35px}section .curriculum-btn{border:2px solid #d65745;color:#d65745;transition:.5s}section .curriculum-btn:hover{background:#d65745;color:#fff}section .timetable-btn{border:2px solid #8448a8;color:#8448a8;transition:.5s}section .timetable-btn:hover{background:#8448a8;color:#fff}section .attendance-btn{border:2px solid #4a9e86;color:#4a9e86;transition:.5s}section .attendance-btn:hover{background:#4a9e86;color:#fff}section .announcement-btn{border:2px solid #437eb4;color:#437eb4;transition:.5s}section .announcement-btn:hover{background:#437eb4;color:#fff}main{background:#ebeaea;display:flex;height:calc(100vh - 116.8px)}.subject-page{background:linear-gradient(hsla(0,3%,60%,.7),hsla(0,3%,60%,.7)),url(/static/media/pexels-olia-danilevich-5088017.b7b2f8cc9afe3fa62213.jpg);background-size:cover;height:100vh}.subject-page .add-subject-form{padding-left:30px;padding-top:50px}.subject-page .add-subject-form input{border:2px solid #916031;border-radius:7px;color:#916031;font-size:16px;margin-right:40px;outline:none;padding:8px 10px;width:70px}.subject-page .add-subject-form input::-webkit-input-placeholder{color:#916031}.subject-page .add-subject-form input:-ms-input-placeholder{color:#916031}.subject-page .add-subject-form input::placeholder{color:#916031}.subject-page .add-subject-form .subject-name{width:250px}.subject-page .add-subject-form .add-subject-btn{background:#916031;color:#fff;cursor:pointer;padding:8px 10px;text-transform:capitalize;transition:.5s;width:140px}.admin-subject{background:#d8d9e5;height:100vh}.admin-subject h3{color:#5173ed;font-size:24px;text-align:center}.admin-subject form{margin-top:30px}.admin-subject form input{border:2px solid #5173ed;border-radius:5px;display:block;margin:5px auto;outline:none;padding:5px 7px;width:60%}.admin-subject form .add-btn{background:#02b802;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;text-transform:capitalize;transition:.3s;width:15%}.admin-subject form .add-btn:hover{background:#017d01}.admin-subject .td-center{text-align:center}.admin-subject .content{display:flex;justify-content:space-around;margin-top:30px}.admin-subject .content .table-container{border-radius:10px;height:600px;overflow:scroll;width:60%}.admin-subject .content .form-container{background:#fff;border-radius:10px;height:320px;padding-top:30px;width:35%}.admin-subject table{background:#fff;border-collapse:collapse;border-radius:10px;max-height:100%;width:100%}.admin-subject table td,.admin-subject table th{padding:8px;text-align:center}.admin-subject table th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-subject table .th-top-first{border-top-left-radius:10px}.admin-subject table .th-top-last{border-top-right-radius:10px}.admin-subject table th{background-color:#5173ed;color:#fff;padding-bottom:12px;padding-top:12px}.admin-subject table .tr-tbody:nth-child(2n){background:#f2f2f2}.admin-subject table .tr-tbody:hover{background:#ddd}.admin-subject table button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s}.admin-subject table .delete-btn{background:red}.admin-subject table .delete-btn:hover{background:#aa0202}.admin-subject table .edit-btn{background:orange}.admin-subject table .edit-btn:hover{background:#b47603}.admin-subject .edit-popup{border:2px solid red}.popup-content{display:block}.popup-content .btn{display:block;margin:0 auto 30px}.admin-lesson{background:#d8d9eb;height:100vh}.admin-lesson .content{display:flex;flex-direction:row-reverse;justify-content:space-around;margin-top:40px;width:100%}.admin-lesson .content .form-container{background:#fff;border-radius:10px;max-height:400px;padding:10px;width:25%}.admin-lesson .content .form-container h3{color:#5173ed;font-size:24px;margin-bottom:30px;text-align:center}.admin-lesson .content .form-container form input,.admin-lesson .content .form-container form select{border:2px solid #5173ed;border-radius:5px;display:block;margin:10px auto;padding:5px 10px;width:80%}.admin-lesson .content .form-container form .add-btn{background:#02b802;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 15px;text-transform:capitalize;transition:.3s;width:auto}.admin-lesson .content .form-container form .add-btn:hover{background:#017d01}.admin-lesson .content .table-container{width:71%}.admin-lesson .content .table-container table{border-collapse:collapse;border-radius:10px;display:block;max-height:500px;overflow-y:scroll;width:80%}.admin-lesson .content .table-container table th{background-color:#5173ed;color:#fff;padding-bottom:12px;padding-top:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-lesson .content .table-container table td,.admin-lesson .content .table-container table th{padding:8px;text-align:center;text-transform:capitalize}.admin-lesson .content .table-container table th:last-child{border-top-right-radius:10px}.admin-lesson .content .table-container table td{width:30%}.admin-lesson .content .table-container table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.admin-lesson .content .table-container table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.admin-lesson .content .table-container table tbody tr:nth-child(2n){background:#f2f2f2}.admin-lesson .content .table-container table tbody tr:nth-child(odd){background:#fff}.admin-lesson .content .table-container table tbody tr:hover{background:#ddd}.admin-lesson .content .table-container table .delete-btn{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s}.admin-lesson .content .table-container table .delete-btn:hover{background:#aa0202}.admin-lesson .content .table-container table .edit-btn{background:orange;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s}.admin-lesson .content .table-container table .edit-btn:hover{background:#b47603}.admin-lesson .content .table-container table .td-teacher{width:43%}.edit-form input,.edit-form select{border:2px solid #5173ed;border-radius:5px;display:block;margin:10px auto;padding:5px 10px;width:80%}.admin-group{background:#d8d9eb;height:100vh}.admin-group .groups-content{display:flex;flex-direction:row-reverse;justify-content:space-around}.admin-group .groups-content .add-group-form{display:flex;justify-content:center;width:40%}.admin-group .groups-content .add-group-form .form{background:#fff;border-radius:10px;height:127.9px;margin-top:10%;padding:30px 60px;width:400px}.admin-group .groups-content .add-group-form .form h3{font-size:24px;margin-bottom:5%;text-align:center;text-transform:capitalize}.admin-group .groups-content .add-group-form .form form{align-items:center;display:flex;justify-content:space-around}.admin-group .groups-content .add-group-form .form form input{border:2px solid #868686;border-radius:5px;outline:none;padding:6px 12px;width:60%}.admin-group .groups-content .add-group-form .form form .btn-add{background:#02b802;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;text-transform:capitalize;transition:.3s;width:auto}.admin-group .groups-content .add-group-form .form form .btn-add:hover{background:#017d01}.admin-group .groups-content .groups-table{height:600px;width:40%}.admin-group .groups-content .groups-table table{background:#fff;border-collapse:collapse;border-radius:10px;display:block;margin:50px auto;max-height:500px;overflow-y:scroll;width:80%}.admin-group .groups-content .groups-table table th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-group .groups-content .groups-table table td,.admin-group .groups-content .groups-table table th{padding:8px;text-align:center;text-transform:capitalize}.admin-group .groups-content .groups-table table td{width:65%}.admin-group .groups-content .groups-table table .th-btn{width:25%}.admin-group .groups-content .groups-table table .td-btn{width:30%}.admin-group .groups-content .groups-table table .tr-tbody:last-child td:first-child{border-bottom-left-radius:10px}.admin-group .groups-content .groups-table table .tr-tbody:last-child td:last-child{border-bottom-right-radius:10px}.admin-group .groups-content .groups-table table th{background-color:#5173ed;color:#fff;padding-bottom:12px;padding-top:12px}.admin-group .groups-content .groups-table table .tr-tbody:nth-child(2n){background:#f2f2f2}.admin-group .groups-content .groups-table table .tr-tbody:nth-child(odd){background:#fff}.admin-group .groups-content .groups-table table .tr-tbody:hover{background:#ddd}.admin-group .groups-content .groups-table table button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s}.admin-group .groups-content .groups-table table .delete-btn{background:red}.admin-group .groups-content .groups-table table .delete-btn:hover{background:#aa0202}.admin-group .groups-content .groups-table table .edit-btn{background:orange}.admin-group .groups-content .groups-table table .edit-btn:hover{background:#b47603}.admin-group .groups-content .groups-table .edit-popup{border:2px solid red}.popup-content{background:#fff;border:2px solid #5173ed;border-radius:10px;margin:auto;padding:5px;text-align:center;width:50%}.popup-content input{margin:5px 0;padding:5px;width:200px}.popup-content .btn{background:#5173ed;border:none;border-radius:10px;color:red;color:#fff;cursor:pointer;font-size:16px;font-weight:bolder;padding:8px 20px;text-transform:capitalize;transition:.3s;width:auto}.popup-content .btn:hover{background:#0f33b2}.popup-arrow{color:#5173ed}[role=tooltip].popup-content{box-shadow:0 0 3px rgba(0,0,0,.16);width:300px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}nav{align-items:center;background:#5173ed;display:flex;justify-content:space-around;padding:20px 0}nav .title{width:30%}nav .title h1{font-size:35px}nav .title h1 .link-to{color:#fff;text-decoration:none}nav .links-to-pages{width:60%}nav .links-to-pages ul{align-items:center;display:flex;justify-content:space-around;list-style:none}nav .links-to-pages ul .visible{display:block}nav .links-to-pages ul .unvisible{visibility:hidden}nav .links-to-pages ul li{font-size:18px}nav .links-to-pages ul li .link-to{color:#171d29;font-weight:bolder;text-decoration:none;transition:.3s}nav .links-to-pages ul li .active,nav .links-to-pages ul li .link-to:hover{color:#fff}nav .links-to-pages ul .user-info{background:#fff;border:3px solid #fff;border-radius:50%;color:#5173ed;cursor:pointer;font-size:24px;font-weight:bolder;padding:20px}.admin-teacher{background:#d8d9eb;height:100vh}.admin-teacher .container{display:flex;flex-direction:row-reverse;justify-content:space-around;margin-top:5%}.admin-teacher .container .container-form{background:#fff;border-radius:10px;height:300px;margin-top:20px;padding:10px 0;width:30%}.admin-teacher .container .container-form h3{padding-bottom:15px;text-align:center}.admin-teacher .container .container-form input{border:2px solid #868686;border-radius:5px;display:block;margin:10px auto;outline:none;padding:5px 10px;width:60%}.admin-teacher .container .container-form .register-btn{background:#02b802;border:none;color:#fff;cursor:pointer;font-size:18px;padding:5px 25px;text-transform:capitalize;transition:.3s;width:auto}.admin-teacher .container .container-form .register-btn:hover{background:#017d01}.admin-teacher .container .container-table{width:60%}.admin-teacher .container .container-table table{border-collapse:collapse;border-radius:10px;display:block;max-height:500px;overflow-y:scroll;width:70%}.admin-teacher .container .container-table table th{background-color:#5173ed;color:#fff;padding-bottom:12px;padding-top:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-teacher .container .container-table table td,.admin-teacher .container .container-table table th{padding:8px;text-align:center}.admin-teacher .container .container-table table th:last-child{border-top-right-radius:10px}.admin-teacher .container .container-table table td{width:35%}.admin-teacher .container .container-table table .tr-tbody:last-child td:first-child{border-bottom-left-radius:10px}.admin-teacher .container .container-table table .tr-tbody:last-child td:last-child{border-bottom-right-radius:10px}.admin-teacher .container .container-table table .tr-tbody:nth-child(2n){background:#f2f2f2}.admin-teacher .container .container-table table .tr-tbody:nth-child(odd){background:#fff}.admin-teacher .container .container-table table .tr-tbody:hover{background:#ddd}.admin-teacher .container .container-table table .td-btn button{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s}.admin-teacher .container .container-table table .td-btn button:hover{background:#aa0202}.admin-teacher .container .container-table table .edit-btn{background:orange;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s}.admin-teacher .container .container-table table .edit-btn:hover{background:#b47603}.admin-announce{background:#d8d9e5;height:100vh}.admin-announce .content{display:flex;flex-direction:row-reverse;justify-content:space-around;margin-top:60px}.admin-announce .content .table-container{background:#d8d9e5;width:65%}.admin-announce .content .table-container table{border-collapse:collapse;border-radius:10px;display:block;max-height:500px;overflow-y:scroll;width:100%}.admin-announce .content .table-container table th{background-color:#5173ed;color:#fff;padding-bottom:12px;padding-top:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-announce .content .table-container table td,.admin-announce .content .table-container table th{padding:8px;text-align:center}.admin-announce .content .table-container table th:last-child{border-top-right-radius:10px}.admin-announce .content .table-container table td{width:35%}.admin-announce .content .table-container table .tr-tbody:last-child td:first-child{border-bottom-left-radius:10px}.admin-announce .content .table-container table .tr-tbody:last-child td:last-child{border-bottom-right-radius:10px}.admin-announce .content .table-container table .tr-tbody:nth-child(2n){background:#f2f2f2}.admin-announce .content .table-container table .tr-tbody:nth-child(odd){background:#fff}.admin-announce .content .table-container table .tr-tbody:hover{background:#ddd}.admin-announce .content .table-container table button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s}.admin-announce .content .table-container table .delete-btn{background:red}.admin-announce .content .table-container table .delete-btn:hover{background:#aa0202}.admin-announce .content .table-container table .edit-btn{background:orange}.admin-announce .content .table-container table .edit-btn:hover{background:#b47603}.admin-announce .content .form-container{background:#fff;border-radius:10px;height:380px;width:30%}.admin-announce .content .form-container h3{color:#5173ed;padding-top:20px;text-align:center}.admin-announce .content .form-container form input{border:2px solid #5173ed;border-radius:5px;display:block;height:30px;margin:10px auto;outline:none;padding:5px 10px;width:80%}.admin-announce .content .form-container form textarea{border:2px solid #5173ed;border-radius:5px;display:block;height:200px;margin:20px auto;outline:none;padding:5px 10px;width:80%}.admin-announce .content .form-container form .add-btn{background:#02b802;border:none;color:#fff;cursor:pointer;font-weight:700;height:auto;padding:10px 15px;text-transform:capitalize;transition:.3s;width:auto}.admin-announce .content .form-container form .add-btn:hover{background:#017d01}.admin-student{background:#d8d9e5;height:100vh}.admin-student .content{display:flex;flex-direction:row-reverse;justify-content:space-around;margin-top:60px}.admin-student .content .form-container{background:#fff;border-radius:10px;height:400px;width:30%}.admin-student .content .form-container h3{color:#5173ed;padding-top:20px;text-align:center}.admin-student .content .form-container input,.admin-student .content .form-container select{border:2px solid #5173ed;border-radius:5px;display:block;height:30px;margin:10px auto;padding:5px 10px;width:200px}.admin-student .content .form-container .add-btn{background:#02b802;border:none;color:#fff;cursor:pointer;font-weight:700;height:auto;padding:10px 15px;text-transform:capitalize;transition:.3s;width:auto}.admin-student .content .form-container .add-btn:hover{background:#017d01}.admin-student .content .table-container{background:#d8d9e5;border-radius:10px;width:65%}.admin-student .content .table-container table{border-collapse:collapse;border-radius:10px;display:block;max-height:500px;overflow-y:scroll;width:100%}.admin-student .content .table-container table th{background-color:#5173ed;color:#fff;padding-bottom:12px;padding-top:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-student .content .table-container table td,.admin-student .content .table-container table th{padding:8px;text-align:center}.admin-student .content .table-container table th:last-child{border-top-right-radius:10px}.admin-student .content .table-container table td{width:30%}.admin-student .content .table-container table .tr-tbody:last-child td:first-child{border-bottom-left-radius:10px}.admin-student .content .table-container table .tr-tbody:last-child td:last-child{border-bottom-right-radius:10px}.admin-student .content .table-container table .tr-tbody:nth-child(2n){background:#f2f2f2}.admin-student .content .table-container table .tr-tbody:nth-child(odd){background:#fff}.admin-student .content .table-container table .tr-tbody:hover{background:#ddd}.admin-student .content .table-container table button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 10px;transition:.3s}.admin-student .content .table-container table .delete-btn{background:red}.admin-student .content .table-container table .delete-btn:hover{background:#aa0202}.admin-student .content .table-container table .edit-btn{background:orange}.admin-student .content .table-container table .edit-btn:hover{background:#b47603}.popup-content .select-inp{display:block;height:29.5px;margin:0 auto;width:200px}.admin{height:100vh}.admin .content{background:#ebeaea;display:flex;height:calc(100vh - 116.8px)}.admin .content .image{align-items:center;display:flex;height:100%;width:50%}.admin .content .image img{border-radius:10px;display:block;height:98%;margin:auto;width:95%}.admin .content .links{background:#ebeaea;width:50%}.admin .content .links .link-to{align-items:center;display:flex;flex-direction:column;text-decoration:none}.admin .content .links .link-to button{background:#fff;border:3px solid #5173ed;border-radius:10px;color:#5173ed;cursor:pointer;display:block;font-size:24px;font-weight:700;margin:11px 0;padding:20px 35px;transition:.3s;width:40%}.admin .content .links .link-to button:hover{background:#5173ed;color:#fff}.timetable .week-btns{display:flex;justify-content:space-between;margin:20px auto;width:7%}.timetable .week-btns button{background:transparent;border:none;border-radius:10px;color:#12cb12;cursor:pointer;font-size:20px;padding:8px 15px}.timetable .week-btns button:hover{background:#e6f1fc}.timetable h2{font-size:35px;margin-bottom:30px;text-align:center}.timetable .table-container table,.timetable .table-container td,.timetable .table-container th{border:3px solid #000;border-collapse:collapse;cursor:default}.timetable .table-container table{margin:0 auto}.timetable .table-container thead th{padding:30px;text-align:center}.timetable .table-container tbody th{font-size:18px;padding:30px;text-align:center}.timetable .table-container tbody td{font-size:30px;text-align:center}.lesson-info{position:relative}.lesson-info span{bottom:5%;font-size:10px;font-weight:bolder;position:absolute}.lesson-info .lesson-room{left:5%}.lesson-info .lesson-teacher{right:5%}.info{background:#d8d9e5;height:100vh}.info .table-container{margin:80px auto;width:50%}.info .table-container table{border-collapse:collapse;display:block;margin:0 auto;max-height:500px;overflow-y:scroll}.info .table-container table th{background:#5173ed;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.info .table-container table thead tr th:first-child{border-top-left-radius:10px}.info .table-container table thead tr th:last-child{border-top-right-radius:10px}.info .table-container table td,.info .table-container table th{padding:15px 20px;text-align:center;width:20%}.info .table-container table tbody tr:nth-child(2n){background:#f2f2f2}.info .table-container table tbody tr:nth-child(odd){background:#fff}.info .table-container table tbody tr:hover{background:#ddd}.info .table-container table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.info .table-container table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.attendance{background:#d8d9eb;height:100vh}.attendance .absences{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:30px;max-height:500px;overflow-y:scroll}.attendance .absences .absence{background:#fff;border-radius:10px;margin:30px 0;max-height:175px;width:22%}.attendance .absences .absence div{margin:10px 0;text-align:center;text-transform:capitalize}.attendance .absences .absence div span{font-weight:700}.announcement{background:#d8d9eb;height:100vh}.announcement .content{display:flex;justify-content:space-around;margin:20px}.announcement .content .announce-list{border-radius:10px;max-height:580px;overflow-y:scroll;padding:10px;width:70%}.announcement .content .announce-list .announce-info{background:#fff;border-radius:10px;margin-bottom:30px;padding:10px;position:relative}.announcement .content .announce-list .announce-info h3{font-size:24px}.announcement .content .announce-list .announce-info h3 span:first-child{color:#5173ed}.announcement .content .announce-list .announce-info h3 span:last-child{color:#a3a1a1;cursor:pointer;font-size:14px;font-weight:400;margin-left:20px;transition:.3s}.announcement .content .announce-list .announce-info h3 span:last-child:hover{color:#5173ed}.announcement .content .announce-list .announce-info h5{font-size:18px;margin:10px 0}.announcement .content .announce-list .announce-info h5 span{color:#5173ed}.announcement .content .announce-list .announce-info p{color:#6b6a6a;font-size:16px;width:80%}.announcement .content .announce-list .announce-info .date{color:orange;font-size:12px;margin:10px 0}.announcement .content .announce-list .announce-info .edit-btn{background:orange;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:700;margin-top:5px;padding:10px 20px;position:absolute;right:12%;top:2%;transition:.3s}.announcement .content .announce-list .announce-info .edit-btn:hover{background:#b47603}.announcement .content .announce-list .announce-info .delete-btn{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:700;margin-top:5px;padding:10px 20px;position:absolute;right:2%;text-align:center;top:2%;transition:.3s}.announcement .content .announce-list .announce-info .delete-btn:hover{background:#aa0202}.announcement .content .form-container{background:#fff;border-radius:10px;margin-top:10px;max-height:350px;padding:10px;width:25%}.announcement .content .form-container h3{color:#5173ed;margin-bottom:20px;text-align:center}.announcement .content .form-container input{border:2px solid #5173ed;border-radius:5px;display:block;margin:10px auto;padding:5px 15px;width:80%}.announcement .content .form-container textarea{border:2px solid #5173ed;border-radius:5px;display:block;height:180px;margin:0 auto;padding:5px 15px;width:80%}.announcement .content .form-container .add-btn{background:#02b802;border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:30px;padding:7px;transition:.3s;width:20%}.announcement .content .form-container .add-btn:hover{background:#017d01}.edit-form input{margin:10px auto}.edit-form input,.edit-form textarea{border:2px solid #5173ed;border-radius:5px;display:block;padding:5px 15px;width:80%}.edit-form textarea{height:100px;margin:0 auto}.edit-form .apply-btn{background:#5173ed;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:10px auto;padding:15px;transition:.3s;width:15%}.edit-form .apply-btn:hover{background:#0f33b2;border-color:#0f33b2}.absence{background:#d8d9eb;height:100vh}.absence .lessons{display:flex;flex-wrap:wrap;justify-content:space-around;margin:20px auto;max-height:620px;overflow-y:scroll;width:80%}.absence .lessons .lesson{background:#fff;border-radius:10px;margin:10px 0;max-height:200px;overflow-y:scroll;padding:10px;width:45%}.absence .lessons .lesson div{font-size:18px;margin:5px 0}.absence .btn,.absence .lessons .lesson div span{font-weight:700}.absence .btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px 13px;transition:.3s}.absence .display-btn{background:orange}.absence .display-btn:hover{background:#b47603}.absence .submit-btn{background:#5173ed}.absence .submit-btn:hover{background:#0f33b2}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.9fc1e924.css.map*/