.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}.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 .icontain{background:transparent;border:none;display:flex;justify-content:flex-end;width:100px}.admin-records li.mobile .icontain{flex-direction:column}.admin-records li.mobile .icon{margin-top:10px}.admin-records li.mobile{display:flex;flex-direction:column}.admin-records .icon{max-width:17px;cursor:pointer;margin-left:25px}.admin-records p,h3,ul{padding:0;margin:0}.spin{display:block;width:40px;height:40px;margin:30px auto;border:3px solid transparent;border-radius:50%;border-top-color:#f80;-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn)}}.teachers h2{color:#fff}.teachers .collapse{justify-content:space-between}.teachers .collapse select{border-radius:20px;background:#eee;margin:0;padding:0}.teachers .icone{max-width:30px;cursor:pointer;color:#fff}.teachers .totals{background-color:#eee;color:#000;padding:10px;margin:7px;font-size:1.1em;border-radius:20px}.misc .collapse{justify-content:space-between}.misc .icone{max-width:30px;cursor:pointer;color:#fff}.toast-wrapper{position:fixed;width:100%;top:55px}.toast{padding:20px;color:#fff;background:rgba(100,243,171,.984313725490196);border-radius:10px;box-shadow:1px 3px 5px rgba(0,0,0,.2);max-width:400px;margin:0 auto}.backdrop{top:0;position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;display:grid;place-items:center}.modal{border-radius:10px;max-width:400px;background:#fff;padding:.5em}.modal.like{background:#dc143c;color:#fff}.uploadal{max-width:960px;margin:0 auto}.uploadal label{background:#7d1e7d;padding:8px 12px;width:200px;border-radius:20px;height:30px;color:#fff;margin:0 auto}.uploadal .def-cho{display:none}.uploadal .upload-info{background:#fff}.file-info,.uploadal .upload-info{display:block;color:#000}.file-info-status{color:#bc8f8f;display:none}.file-info-error{color:red;display:block}.messaging{color:#000;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 .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 .active{background:rgba(14,75,62,.4)}.messaging .phone{flex-basis:85%}.messaging .mobile,.messaging .view-mobile{display:none}.messaging .mobileview{display:block;z-index:3;margin-top:30px}.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}.admin-page .admin-card p{padding:20px;margin:auto;font-size:1.2em}.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}}