html,body{overflow:hidden;height:100%}body{background-color:#F0F0F0;color:black;background:radial-gradient(#FFF,#C0C0C0);font-size:14px}form{padding:0;margin:0}.panel{max-width:330px;width:100%;position:absolute;left:50%;top:50%;margin:-240px 0 0 -140px;background-color:white;border-radius:3px;transition:all 0.5s;transform:scale(1.5);border:1px solid #D0D0D0;box-shadow:0 0 30px rgba(0,0,0,0.05)}.panel.signup{max-width:540px;margin-left:-270px}.bg-smoke{background-color:#F8F8F8}.ui-pin-input{width:34px !important;padding-top:5px !important;padding-bottom:5px !important}.padding{padding:20px}.panelshow{transform:scale(1)}a,.link{color:black}.fs12{font-size:12px}.hidden{display:none}.m{margin-bottom:15px}.success{background-color:#8CC152;color:white;padding:10px 20px;font-size:12px;text-align:center;line-height:14px}.success .fa{margin-right:8px}.panel button{border:0;color:white;cursor:pointer;outline:0;width:100%;border-radius:2px;height:40px;text-transform:uppercase;font-size:14px}.panel button:hover{box-shadow:0 2px 5px rgba(0,0,0,0.1);opacity:0.9}.panel button:disabled{background-color:#E0E0E0;color:silver;cursor:not-allowed;box-shadow:none;opacity:1}.panel button .fa{margin-right:5px}footer{font-size:11px;text-align:center;color:#A0A0A0;margin:15px 0 0;border-top:1px solid #E0E0E0;padding:10px}.keyvalue{line-height:17px;font-size:12px;color:black}.keyvalue .value{margin-left:85px;text-align:right}.keyvalue .key{float:left;width:100px}.keyvalue>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media(max-width:768px){.panel{margin:-200px 20px 20px !important;left:0;position:relative;top:50%;width:auto;max-width:1000px}}.alert{color:var(--color-primary);background-color:var(--color-primary-light-2);border:1px solid var(--color-primary-light-1);border-radius:var(--radius-sm);padding:10px 15px;font-size:12px;line-height:15px}.gray{color:gray}.logo--secondary{background-image:url(../logos/202304240749_11ik15s9.png);background-size:contain;height:50px;background-repeat:no-repeat;background-position:center;margin:20px auto}:root{--radius-xl:20px;--color-primary:#00aaaa;--color-primary-light-1:#2bb8b8;--color-primary-light-2:#c4ebeb;--color-grey-light-1:#f0f0f0;--color-grey-light-3:#e0e0e0;--color-grey-dark-1:#bfbfbf}.loginlayout{display:grid;grid-template-columns:35rem 1fr;height:100vh}.loginpanel{background-color:white;padding:4rem;display:flex;flex-direction:column;justify-content:center}.logincontent{background-color:var(--color-primary)}h1{margin:0;font-size:2.3rem}.pt--xl{padding-top:4rem}.pb--xl{padding-bottom:4rem}.mb{margin-bottom:1rem !important}.mb--xs{margin-bottom:.5rem}.mb--lg{margin-bottom:1.5rem !important}.mb--xl{margin-bottom:2.5rem !important}.mt--auto{margin-top:auto}.mt--xs{margin-top:.5rem}.mt{margin-top:1rem}.mt--lg{margin-top:1.5rem !important}.mt--xl{margin-top:2.5rem !important}.mr--xs{margin-right:.5rem}.mr--lg{margin-right:2rem}.mr--md{margin-right:1rem}.ml--xs{margin-left:.5rem}.ml--md{margin-left:1rem !important}.ml--lg{margin-left:2rem !important}.ml--huge{margin-left:3.5rem}.mauto{margin:auto}.btn{padding:0.8rem 2.2rem;border-radius:var(--radius-xl);font-size:1.4rem;border:1px solid var(--color-text-light-4);transition:all .3s;display:flex;font-weight:400;align-items:center;justify-content:center;color:black;gap:1rem;background:transparent}.btn:focus,.btn:active{outline:0 !important;box-shadow:none}.btn:hover{background-color:var(--color-text-light-4)}.btn:disabled{background-color:var(--color-grey-light-1);border-color:var(--color-grey-light-3);color:var(--color-grey-dark-1);cursor:not-allowed;box-shadow:none;opacity:1}.btn:disabled:hover{background-color:var(--color-grey-light-1);border-color:var(--color-grey-dark)}.btn.btn:disabled>.icon,.btn.btn:disabled>i{color:var(--color-grey-dark-1);fill:var(--color-grey-dark-1)}.btn--primary{background-color:var(--color-primary-light-1);border-color:var(--color-primary-light-1);color:white;transition:all .3s}.btn--primary:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.btn.btn--primary>.icon,.btn.btn--primary>i{color:white;fill:white}.btn--long{border-radius:var(--radius-xl);padding-left:9.5rem;padding-right:9.5rem}.text--sm{font-size:12px }.schoollogo{width:100%;background-size:contain;height:7rem;background-repeat:no-repeat;background-position:center;background-color:transparent;background-origin:content-box;margin:0;background-image:url(/logos/school.png)}