.attendance-block{background-color:#ddd}.attendance-block.attendance-block--extra{background:repeating-linear-gradient(135deg,#dddddd,#dddddd 10px,rgba(221,221,221,.7) 10px,rgba(221,221,221,.7) 20px)}.attendance-block--admin{background-color:#117882;color:#fff}.attendance-block--admin.attendance-block--extra{background:repeating-linear-gradient(135deg,#117882,#117882 10px,rgba(17,120,130,.7) 10px,rgba(17,120,130,.7) 20px)}.attendance-block--onsite{background-color:#16be16;color:#fff}.attendance-block--onsite.attendance-block--extra{background:repeating-linear-gradient(135deg,#16be16,#16be16 10px,rgba(22,190,22,.7) 10px,rgba(22,190,22,.7) 20px)}.attendance-block--online{background-color:#42ade2;color:#fff}.attendance-block--online.attendance-block--extra{background:repeating-linear-gradient(135deg,#42ade2,#42ade2 10px,rgba(66,173,226,.7) 10px,rgba(66,173,226,.7) 20px)}.attendance-block--absent{background-color:#f33;color:#fff}.attendance-block--absent.attendance-block--extra{background:repeating-linear-gradient(135deg,#ff3333,#ff3333 10px,rgba(255,51,51,.7) 10px,rgba(255,51,51,.7) 20px)}.attendance-issue__dialog,.attendance-issue__dialog-info{display:flex;flex-direction:column}.attendance-issue__dialog-buttons{display:flex;justify-content:space-between}.attendance-status__types{display:flex}.attendance-status__type{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.attendance-status__type-icon{width:1em;height:1em;display:flex;justify-content:center;align-items:center}.attendance-status__type-icon:before{content:"";display:block;width:.25em;height:.25em;border-radius:50%;background-color:#ddd;box-shadow:0 0 .5em #ddd}.attendance-status__type-icon--onsite:before{background-color:#16be16;box-shadow:0 0 .5em #16be16}.attendance-status__type-icon--online:before{background-color:#42ade2;box-shadow:0 0 .5em #42ade2}.attendance-status__type-icon--absent:before{background-color:#f33;box-shadow:0 0 .5em #f33}.attendance-status__number{line-height:1em;font-size:.75em}.attendance-legend{margin-top:2em;display:flex}.attendance-legend__item{display:flex;align-items:center;margin-right:1rem;width:15rem}.attendance-legend__bar{height:1rem;width:3rem}.attendance-legend__text{margin-left:.5rem;font-size:.875em}.attendance-status-bar{display:flex;justify-content:space-between;font-size:.875em;line-height:1em;padding:.5em;background-color:#ffb194}.classes-modal{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#0009;z-index:10000;display:flex;justify-content:center;align-items:center}.classes-modal__dialog{background-color:#fff;padding:2em;border-radius:.25em}.attendance-admin__blocks-edit{display:flex;flex-direction:column;margin-bottom:2em}.attendance-admin__blocks-edit-blocks,.attendance-admin__student-bar-blocks{flex-grow:1;position:relative;height:1em;margin:.5em 0}.attendance-admin__block{position:absolute;top:0;height:1em;border-radius:.125em;cursor:pointer}.attendance-admin__block-from,.attendance-admin__block-until{position:absolute;font-size:.75em;top:-2.25em;height:2em;border-radius:.25em;background-color:inherit;color:inherit;text-align:center;padding:0 .5em;line-height:2em;display:none}.attendance-admin__block:hover .attendance-admin__block-from,.attendance-admin__block:hover .attendance-admin__block-until{display:flex}.attendance-admin__block-from{left:0;transform:translate(-40%)}.attendance-admin__block-until{right:0;transform:translate(40%)}.attendance-admin__new-block{align-self:flex-start}.attendance-admin__modal{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#0009;z-index:10000;display:flex;justify-content:center;align-items:center}.attendance-admin__modal-dialog{background-color:#fff;padding:2em;border-radius:.25em}.attendance-admin__edit-block-form-group{display:flex;flex-direction:column}.attendance-admin__edit-block-form-label{font-size:.75em;font-weight:600}.attendance-admin__edit-block-form-input select{width:100%;font-size:.75em;padding:.25em}.attendance-admin__edit-block-date-input-value{font-size:.75em;line-height:1em;border:1px solid black;padding:.5em;text-align:center;cursor:pointer}.attendance-admin__edit-block-date-input-value:hover{background-color:#efefef}.attendance-admin__edit-block-error{font-size:.75em;color:red}.attendance-admin__edit-block-form-buttons{padding-top:1em;display:flex;justify-content:space-between}.attendance-admin__student-bar{display:flex;flex-direction:column}.attendance-admin__student-name{font-weight:600}.attendance-admin__student-bar-blocks{margin-top:0}.attendance-overview__day-bar-blocks{flex-grow:1;position:relative;height:1em;margin:.5em 0}.attendance-overview__block{position:absolute;top:0;height:1em;border-radius:.125em}.attendance-overview__block-from,.attendance-overview__block-until{position:absolute;font-size:.75em;top:-2.25em;height:2em;border-radius:.25em;background:inherit;color:inherit;text-align:center;padding:0 .5em;line-height:2em;display:none}.attendance-overview__block:hover .attendance-overview__block-from,.attendance-overview__block:hover .attendance-overview__block-until{display:flex}.attendance-overview__block-from{left:0;transform:translate(-40%)}.attendance-overview__block-until{right:0;transform:translate(40%)}.attendance-overview__day-bar{display:flex;flex-direction:column}.attendance-overview__day-name{font-weight:600}.attendance-overview__day-bar-blocks{margin-top:0}.attendance-totals{margin:1em 0;padding:1em;background-color:#efefef}.attendance-totals__total{margin-bottom:.5em}.attendance-totals__total-percent{font-weight:800}.attendance-totals__type{font-weight:700;line-height:1rem}.attendance-totals__type--online{color:#42ade2}.attendance-totals__type--onsite{color:#16be16}#login{background-color:#f7f6f6}#login #login-form{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;border:1px solid #bebebe;box-shadow:0 0 10px #bebebe;border-radius:5px;width:100%;margin:0 auto;max-width:500px;padding:30px}#login #login-form h2{font-size:1.8rem;font-weight:900}#login #login-form h2.one-time-header,#login #login-form h2.signup-header{margin-bottom:30px}#login #login-form form{display:flex;flex-direction:column;width:100%}#login #login-form p{font-size:.75rem}#login #login-form .input-wrapper{width:100%;margin:0 0 20px}#login #login-form .input-wrapper label{font-size:1rem;margin-bottom:10px}#login #login-form .input-wrapper input{padding:10px;border:1px solid #bebebe;border-radius:5px;width:100%;font-size:1rem}#login #login-form .btn{background-color:#f33;border:none;border-radius:5px;font-size:1rem;padding:10px 20px;color:#fff;box-shadow:none;align-self:flex-end}#login #login-form .btn:hover{cursor:pointer;background-color:#e60000}#login #login-form .link{display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;margin-top:1rem}#login #login-form .link p{margin:0}#login #login-form .link a{color:#42ade2;text-decoration:none;font-size:.75rem}.grecaptcha-badge{display:none}#page_bottom .content,#page_bottom .content #footer{height:100%}