@import url(https://fonts.googleapis.com/css2?family=Fredoka&display=swap);@import url(https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap);#WebItem>div,#WebItem>h2{margin:3% 8%}#WebItem textarea{min-width:100%;max-width:100%;min-height:100px;border-radius:4px}#WebItem div.email{font-family:Century Gothic,Segoe UI,Canadra,Verdana,Lucida Sans Unicode,sans-serif;font-size:18px;color:#2b4687;padding:12px 24px;background-color:#fff;border-radius:12px;box-shadow:0 0 17px 0 #444}#WebItem div.email h1{margin:8px 0}#WebItem div.email div.docs p{overflow:auto}#WebItem div.email div.docs p img{float:left;height:60px;width:60px;-o-object-fit:cover;object-fit:cover;vertical-align:middle;margin-right:12px}#WebItem div.email div.footer div{margin:8px 0}#WebItem div.plain{white-space:pre-wrap;font-family:sans-serif;font-size:15px;padding:12px 24px;box-shadow:0 0 17px 0 #444}#WebItem div.plain,nav>div{background-color:#fff;border-radius:12px}nav>div{margin:8px 0;padding:8px}nav h3{display:inline-block;margin:0}nav label{display:block;white-space:nowrap;overflow:hidden}nav .gender,nav .years{display:flex;justify-content:space-around}nav .years{flex-wrap:wrap}nav .years label{width:60px}nav .subjects{max-height:calc(60% - 120px);overflow:auto}nav .classes{max-height:calc(40% - 112px);overflow:auto}div.people div.head{height:132px;white-space:nowrap;overflow:hidden}div.people div.head span{margin:8px}div.people div.list{height:calc(100% - 132px);overflow-y:auto;background-color:#fff;border-radius:12px}div div.people ul{list-style-type:none;margin:0;padding:0}div.people ul li{padding:3px;margin:3px;border-radius:12px}div.people:not(.readonly) ul li{cursor:pointer}div.people:not(.readonly) ul li:hover{font-weight:700}div.people:not(.readonly) ul li.Selected{background-color:#e8e9ec}div.people li i.fa-comment-sms,div.people li i.fa-envelope{color:#e6b9aa}html.view-students body{overflow:hidden}div#Students{height:calc(100vh - var(--header-height) - var(--footer-height));font-size:min(19px,2vw)}div#Students div.margin{position:relative;display:inline-block;width:20px;height:100%}div#Students div.margin:after{content:"";position:absolute;border-right:1px dotted #000;height:100%;width:3px}div#Students nav{width:40%;padding:0 12px}div#Students div.people,div#Students nav{display:inline-block;height:100%;vertical-align:top}div#Students div.people{width:calc(60% - 32px)}div#Students div.people ul li i{display:inline-block}#Recipients{margin:2% 4%}div#Recipients div.people ul li i{display:inline-block}#Recipients textarea{width:100%;min-width:100%;max-width:100%;height:120px}#Recipients div.include-student-emails{border:1px dotted #888;margin:1em 0;padding:0 1em;background-color:#f3ccbf}#sms{margin:2% 4%}#sms textarea{width:100%;min-width:100%;max-width:100%;height:100px}#NonHartisMail{margin:2% 4%}#NonHartisMail div.people *{-webkit-user-select:text;-moz-user-select:text;user-select:text}#NonHartisMail ul{background-color:#fff;border-radius:12px;list-style-type:none;margin:0;padding:0}#NonHartisMail ul li{margin:4px;padding:4px}#Process{margin:2% 4%}#Process div.recipients{float:right;position:relative;background-color:#fff;border-radius:12px;max-height:200px;font-size:min(.85em,2vw);padding:5px;border:2px solid #888;overflow-y:auto;margin-left:24px}#Process div.recipients *{-webkit-user-select:text;-moz-user-select:text;user-select:text}#Process div.recipients ul{list-style-type:none;position:relative;padding:0;margin:0}#Process div.recipients li{margin:2px;padding:1px;white-space:nowrap}#Process div.recipients::-webkit-scrollbar{width:8px}#Process div.log>div{white-space:pre-wrap;background-color:#fff;border-radius:12px;max-width:100%;font-size:.9em}#Process div.log>div>p{padding:8px;margin:0}#Process div.log>div>p:nth-child(2n){background-color:#dedddd}#returns{margin:2% 4%}#returns input[type=text]{width:500px}#returns table{font-size:.85em;border-collapse:collapse;border:1px solid #888}#returns td{padding:8px;border:1px dotted #888;vertical-align:top}:root{--header-height:90px;--footer-height:30px;--bgcolor:#fff0eb;font:19px/1.2 Assistant,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}button,input,textarea{font-family:Assistant,sans-serif;font-size:1em}html.loading{filter:blur(2px);pointer-events:none;cursor:wait}html{height:100%}body{background-color:var(--bgcolor);margin:0}button,label{-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=checkbox]{width:.9em;height:.9em;vertical-align:text-top}textarea{border-radius:12px;padding:2px 4px}h1,h2,h3,h4,h5,h6,p{margin:.6rem 0}.error{color:red}div#app{height:100%}div#app,header{position:relative}header{height:var(--header-height);white-space:nowrap;overflow:hidden;position:sticky;top:0;background-color:var(--bgcolor);z-index:2}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% - 12px);border-bottom:1px dotted #888;pointer-events:none}header>img{float:left;width:min(70px,10vw)}header h2{display:inline-block;margin:0 12px}header button{margin:4px .3em;font-size:min(19px,2vw)}header button.selected,header button.selected>i{font-weight:700}header>*{vertical-align:middle}footer{height:var(--footer-height);overflow:hidden}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#f9dfd6;border-radius:12px;margin:6px}::-webkit-scrollbar-thumb{background:#e6b9aa;border-radius:24px;min-height:10%}::-webkit-scrollbar-thumb:hover{background:#d6a99a}@media print{:root .no-print,header{display:none}body{background-color:#fff}}