label[data-v-8e8582bc]{display:block}.view-downloads .backdrop{top:0;left:0;position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;display:grid;place-items:center}.view-downloads .modal{border-radius:10px;max-width:600px;width:300px;background:#fff;padding:.5em}.edit-modal .backdrop{top:0;left:0;position:fixed;background-color:#f0f;background:rgba(0,0,0,.5);width:100%;height:100%;display:grid;place-items:center}.edit-modal .modal{border-radius:10px;max-width:400px;background:#fff;padding:.5em}.edit-modal label{display:block}.edit-modal .modal div.card{border:none}.edit-modal .modal .loading{display:flex;justify-content:center;font-size:18px;font-weight:700}.compose[data-v-27cbc576]{max-width:480px;margin:0 auto;text-align:left;background:transparent}input[data-v-27cbc576],textarea[data-v-27cbc576]{display:block;margin:10px 0;width:100%;box-sizing:border-box;padding:10px;border:1px solid #eee;border-radius:25px}textarea[data-v-27cbc576]{height:160px}.compose button[data-v-27cbc576]{display:block;margin-top:30px;background:#f80;color:#fff;border:none;border-radius:25px;padding:8px 16px;font-size:18px}.messaging-modal div{border:none!important}.messaging-modal{min-height:60vh;background:#f1f1f1;justify-content:space-around;padding:8px 4px}.messaging-preview{background:#fff;flex-basis:35%}.messaging-full{background:#ddd;flex-basis:60%}.messaging-modal .icon{width:24px}.message-menu{justify-content:space-between;cursor:pointer;margin:6px;padding:3px;transition:all .5s ease-in-out}.message-menu:hover{background:#ddd}.messaging-modal .active{background:rgba(14,75,62,.4)}.messaging-modal .phone{flex-basis:85%}.messaging-modal .mobile,.messaging-modal .view-mobile{display:none}.messaging-modal .mobileview{display:block;z-index:3;margin-top:30px}.admin-records .icontain{background:transparent;border:none;display:flex;justify-content:flex-end;width:200px}.admin-records li.mobile .icontain{flex-direction:column;width:80px}.admin-records li.mobile .icon{margin-top:10px}.admin-records .icon{margin-left:25px}.creds{max-width:960px;margin:0 auto;padding:10px;background:transparent}.creds h2,.icone{color:#fff}.edit-report-modal .report-backdrop{top:0;left:0;position:fixed;background-color:#f0f;background:rgba(0,0,0,.5);width:100%;height:100%;display:grid;place-items:center}.edit-report-modal .modal{border-radius:10px;max-width:700px;width:80vw;background:#fff;padding:.1em}.edit-report-modal label{display:block;font-weight:700;color:#010222}.edit-report-modal .modal form{width:95%!important;display:flex;flex-direction:column;max-width:700px;margin:0 auto;padding:0}.edit-report-modal .modal .learner-info{display:flex;justify-content:space-around}.edit-report-modal .modal div{border:none}.edit-report-modal .modal .work-items .item-list{width:100%}.subject-name{flex-basis:70%}.mark{flex-basis:30%}.edit-report-modal .modal .work-items img{position:absolute;top:15px;right:0;width:12px;height:16px;cursor:pointer}.edit-report-modal .btn{color:#252945;align-items:center;justify-content:center;background:#eee;width:100%;border-radius:30px;position:relative}.edit-report-modal .modal .work-items .btn img{margin-right:10px;top:8px}.attendance-modal .report-backdrop{top:0;left:0;position:fixed;background-color:#f0f;background:rgba(0,0,0,.5);width:100%;height:100%;display:grid;place-items:center}.attendance-modal .modal{border-radius:10px;max-width:700px;width:80vw;max-height:90vh;background:#fff;padding:.1em;overflow:auto}.attendance-modal label{display:block;font-weight:700;color:#010222}.attendance-modal .modal form{width:95%!important;display:flex;flex-direction:column;max-width:700px;margin:0 auto;padding:0}.attendance-modal .modal .learner-info{display:flex;justify-content:space-around}.attendance-modal .modal div{border:none}.attendance-modal .modal .work-items .item-list{width:100%}.table-heading,.table-items{gap:16px;font-size:12px}.day,.week{flex-basis:15%}.table-heading{margin-bottom:16px}th{text-align:left}.table-items{position:relative;margin-bottom:24px}.attendance-modal .modal .work-items img{position:absolute;top:15px;right:0;width:12px;height:16px;cursor:pointer}.attendance-modal .btn{color:#252945;align-items:center;justify-content:center;background:#eee;width:100%;border-radius:30px;position:relative}.attendance-modal .modal .work-items .btn img{margin-right:10px;top:8px}.attendance-modal .icon{max-width:17px;cursor:pointer}.attendance-modal .reg-info{justify-content:space-between}.admin-records{background:#fff}.admin-records div{background:#fff;border:1px solid pink;padding:5px}.admin-records li{list-style-type:none;background:#eee;padding:10px 20px;margin:5px auto;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.admin-records li.mobile{display:flex;flex-direction:column}.admin-records .icon{max-width:17px;cursor:pointer}.admin-records p,h3,ul{padding:0;margin:0}.teacher-records{background:transparent}.recent{color:#fff;margin-top:0;margin-bottom:5px}.collapse{justify-content:space-between}.icone{max-width:30px;cursor:pointer}.class-records{max-width:960px;margin:0 auto;padding:10px}.menu-bar{display:flex;align-items:center;justify-content:space-around;cursor:pointer;position:relative;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:.1em 0;padding:.4em;border-radius:.25em;height:1.5em;color:#fff;list-style-type:none}.menu-bar .menu-icon{display:flex;border:#ff4500;position:relative}.menu-bar .menu-icon p{padding:5px 0 0 0}.menu-bar .menu-icon a{display:-webkit-flex;text-decoration:none;color:inherit;display:flex}.admin-page{height:100vh;max-width:90vw;margin:auto}.admin-card{color:#fff;max-width:600px;margin:0 auto;padding:.4em;border-radius:.25em;background:#bbb}.toast-enter-active{-webkit-animation:wobble .5s ease;animation:wobble .5s ease}.toast-leave-to{opacity:0;transform:translateY(-60px)}.toast-leave-active{transition:all .3s ease}@-webkit-keyframes wobble{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(0);opacity:1}60%{transform:translateX(8px);opacity:1}70%{transform:translateX(-8px);opacity:1}80%{transform:translateX(4px);opacity:1}90%{transform:translateX(-4px);opacity:1}to{transform:translateX(0);opacity:1}}@keyframes wobble{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(0);opacity:1}60%{transform:translateX(8px);opacity:1}70%{transform:translateX(-8px);opacity:1}80%{transform:translateX(4px);opacity:1}90%{transform:translateX(-4px);opacity:1}to{transform:translateX(0);opacity:1}}