*{font-family:roboto}body{padding-top:12px}#root{background-color:#fafafa}#footer,#root{display:flex;justify-content:center}#footer{align-items:center;text-align:center;font-family:roboto;position:fixed;bottom:0;padding:12px 0;background:#fff}#base,#footer{width:100vw}.page{display:flex;justify-content:center;padding-top:60px;padding-bottom:60px;position:relative}.logo{width:285px;margin-top:16px;margin-bottom:16px}.app-bar{width:100vw;height:64px;background:#007f38;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:9}.nav-bar-logo{width:206px;height:46px}.app-bar-search{color:#fff;margin-right:24px}.nav-bar{display:flex;flex-direction:column}@media (min-width:800px){.main-section{width:726px;max-width:726px;margin-top:22px}.side-section{margin-left:12px;margin-top:22px}.nav-bar{width:300px}}@media (max-width:767px){.page{top:16px}.nav-bar{width:100%}.side-section{margin-left:6px}}.main-section{width:94vw}.side-section{width:260px}.side-section-items{position:sticky;top:80px}.nav-bar-items-container{position:sticky;padding:0}.nav-bar-item{padding-left:24px;font-family:Roboto;font-size:20px;font-weight:400;padding-top:14px;padding-bottom:14px;cursor:pointer;transition:background .4s;outline:none}.nav-bar-item:focus,.nav-bar-item:hover{background:rgba(0,0,0,.1)}.nav-bar-item-selected{font-weight:500;color:#3f51b5}.button{margin-top:6px}.welcome-page-root{display:flex;flex-direction:column;align-items:center}@media (min-width:700px){.welcome-page-video{width:640px;height:360px}.welcome-page-feature-card{width:316px;height:316px}.welcome-page-feature-card-big{width:640px;height:274px}.welcome-page-feature-card-horizontal{width:640px}.welcome-page-img{width:233px;height:207px}.welcome-page-img-big{width:368px;height:167px}}@media (max-width:700px){.welcome-page-video{width:90vw;height:50.625vw}.welcome-page-feature-card{width:90vw;height:78vw}.welcome-page-feature-card-big{width:90vw;height:48.531vw}.welcome-page-feature-card-horizontal{width:90vw}.welcome-page-img{width:70vw;height:62.18vw}.welcome-page-img-big{width:60vw;padding-top:24px}}.welcome-page-feature-card{margin-top:6px;display:flex;flex-direction:column;align-items:center}.welcome-page-feature-card-big{margin-top:8px}.welcome-page-feature-card-horizontal{display:flex;justify-content:space-between;flex-wrap:wrap}.welcome-side-section-root{margin-top:12px;display:flex;flex-direction:column}.welcome-side-section-container{display:flex;flex-direction:column;margin-bottom:32px}.welcome-side-section-label{font-family:Roboto;font-weight:600;font-size:18px;color:rgba(0,0,0,.87);margin-bottom:12px}.welcome-side-section-chrome{width:212.84px;height:58.33px}.welcome-side-section-apple{width:162px;height:48px}.main-section-card{width:100%;padding:12px;margin-bottom:6px}.main-section-card-title{font-family:Roboto;font-weight:600;font-size:24px}select{outline:none;font-family:Roboto;font-size:16px;font-weight:400;width:100%;border:0}.common-cancel-field{width:100vw;height:100vh;background:rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:9;transition:background .2}.common-hidden{z-index:-1;background:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.dot{width:5px;height:5px;background:rgba(0,0,0,.5);border-radius:50%}.dashboard-side-section{width:250px;display:flex;flex-direction:column}.dashboard-side-state-container{display:flex;flex-direction:column;margin-left:12px;margin-top:4px}.server-status-name{font-family:Roboto;font-weight:500;font-size:20px}.server-status-text{font-family:Roboto;font-weight:300;font-size:18px}.dashboard-container{display:flex;flex-direction:column}.dashboard-main-status-container{display:flex;justify-content:space-around;margin-bottom:8px}@media (max-width:700px){.dashboard-main-status-box{width:100px;height:100px}.dashboard-main-status-number{font-size:42px;margin:0;line-height:1.3em}.dashboard-main-status-label{font-size:16px;font-weight:500;margin:0;line-height:1.4em}.dashboard-new-device-button-desktop{display:none!important}}@media (min-width:700px){.dashboard-main-status-box{width:155px;height:155px}.dashboard-main-status-number{font-size:60px}.dashboard-main-status-label{font-size:14px}.dashboard-new-device-button-mobile{display:none!important}}.dashboard-main-status-box{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;margin-right:8px;cursor:pointer;appearance:none;background:none;border:none;text-align:center}.dashboard-main-status-number{font-family:Roboto;font-weight:300;margin:0;line-height:1em}.dashboard-main-status-label{font-family:Roboto;font-weight:400;margin:0;text-transform:uppercase;line-height:1em}.school-devices-container{padding:24px;margin-bottom:8px;margin-right:8px}.device-status-root{width:100%;display:flex;margin-bottom:12px;min-height:56px}.device-status-container{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;width:100%}.device-status-color-bar{height:100%;min-height:56px;width:10px;margin-right:16px}.device-status-text-container{display:flex;justify-content:center;flex-direction:column;margin:4px 0;min-width:250px;min-height:48px}.config-device-side-status-root{padding-top:6px;display:flex;align-items:center;margin-bottom:12px}.config-device-side-status-text{display:flex;flex-direction:column;margin-left:12px}.device-label-value{display:flex;flex-direction:column;margin-bottom:16px}.device-label{font-size:20px;font-weight:500}.device-value{font-size:20px;margin-top:6px;font-weight:300}.config-tab-card{padding:16px;margin-bottom:12px}@media (max-width:700px){.config-tab-section-inner-2{padding-left:0;margin-top:24px}}@media (min-width:700px){.config-tab-section-inner-2{padding-left:64px}}.cfg-tabs-label{display:contents;margin-left:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.config-tab-section-root{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.config-tab-section-inner{display:flex;flex-direction:column;width:300px}.config-tab-section-inner-2{display:flex;flex-direction:column;width:250px}.config-tab-section-content{margin-bottom:32px}.slider-title{font-size:12px;font-weight:300}.grid-root{display:flex;flex-direction:column;width:100%}.grid-title{font-size:12px;font-weight:300;margin-bottom:12px}.grid-container{display:flex;flex-wrap:wrap}.grid-item{width:147px;height:83px;margin-right:6px;margin-bottom:6px;cursor:pointer;border-radius:2px}.grid-img{max-width:100%;max-height:100%}.bg-img-val{width:240px;height:135px;overflow:hidden;border-radius:2px}.screenshot-root{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:10;transition:background 1s}.screenshot-container{background:#fff;display:flex;flex-direction:column;padding:12px;align-items:flex-end;border-radius:8px}@media (min-width:700px){.screenshot-img{width:80vw;height:80vh;margin-bottom:24px}}@media (max-width:700px){.screenshot-img{width:90vw;height:40vh}}.autocomplete-menu{position:relative;margin-top:5px;background:#fff;color:#000;border:1px solid #ddd;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);min-width:120px}.autocomplete-key-item{background-color:#36f}.autocomplete-key-item,.autocomplete-mouse-item{display:block;padding:5px 10px;border-bottom:1px solid #ddd;cursor:pointer}.autocomplete-mouse-item{background-color:#ececec}.autocomplete-list{max-height:200px;overflow-y:auto}.autocomplete-list,.autocomplete-list-with-sections{list-style:none;padding:0;margin:auto}.autocomplete-item{display:block;padding:5px 10px;border-bottom:1px solid #ddd;cursor:pointer}.autocomplete-input{min-width:120px;color:#000;font-size:12px;padding:4px;border-radius:4px;background-color:#fff}.autocomplete-section-list{list-style:none;padding:0;margin:auto;max-height:200px;overflow-y:auto}.autocomplete-section-item{display:block;padding:0}.autocomplete-section-box{display:block;padding:0;border-top:1px solid #888;border-bottom:1px solid #888}.autocomplete-section-text{display:flex;justify-content:center}.select-root{width:100%;min-height:40px;margin-bottom:12px;display:flex;flex-direction:column;font-family:roboto}.select-label{font-family:roboto;font-size:12px;color:rgba(0,0,0,.54);line-height:16px}.select-value-container{display:flex;justify-content:space-between;cursor:pointer}.select-value{font-family:roboto;font-size:16px;color:#000;line-height:24px;appearance:none}.select-value-disabled{color:rgba(0,0,0,.42);cursor:not-allowed}.select-underline{width:100%;height:1px;border-bottom:1px solid rgba(0,0,0,.42)}.select-underline-disabled{background:none;border-bottom:1px dashed rgba(0,0,0,.42)}.select-help-text{font-family:roboto;font-size:12px;color:#c94904;line-height:16px;margin-top:5px}@media (min-width:1400px){.select-options-container{width:300px}}@media (max-width:1400px){.select-options-container{width:260px}}.select-options-container{z-index:8;background:#fff;position:absolute;margin-bottom:28px;transition:transform .45s cubic-bezier(.23,1,.32,1) 0ms,opacity .45s cubic-bezier(.23,1,.32,1) 0ms;transform:scaleY(1);transform-origin:left top 0;opacity:1}.select-disabled{transform:scaleY(0);opacity:0;visibility:hidden}.select-option{cursor:pointer;padding-left:16px;padding-right:16px;font-size:15px;font-family:roboto;display:flex;line-height:32px;align-items:center;transition:background .4s}.select-option:focus,.select-option:hover{background:rgba(0,0,0,.1)}.select-u-list{list-style:none;padding-left:0;max-height:210px;overflow-y:scroll;margin-top:12px;margin-bottom:0}.select-option-selected{font-weight:700;color:#3f51b5}.select-cancel-field{width:100vw;height:100vh;position:fixed;top:0;left:0;transition:background .5s}.select-search-container{display:flex;align-items:center;margin:12px 0 0 16px}.select-search-query{font-size:16px;margin-left:12px;margin-right:16px;width:100%;transition:border-bottom .2s;transition-timing-function:cubic-bezier(.4,0,.2,1);border:none;border-bottom:rgba(0,0,0,.2)}.select-search-query:focus{outline:none;border-bottom:#000}.elm-datepicker--container{position:relative;width:100%}.elm-datepicker--input{font-family:Roboto,sans-serif;font-size:16px;color:rgba(0,0,0,.87);border:none;border-bottom:1px solid rgba(0,0,0,.42);outline:none;width:100%;padding:4px 0;background:transparent;cursor:pointer;box-sizing:border-box}.elm-datepicker--input:focus{border-bottom-color:#00bcd4}.elm-datepicker--picker{background:#fff;width:300px;font-family:Roboto,sans-serif;color:rgba(0,0,0,.87);user-select:none;box-sizing:border-box;padding:8px 4px}.elm-datepicker--picker-header{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 4px;margin-bottom:8px}.elm-datepicker--next-container,.elm-datepicker--prev-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.elm-datepicker--next,.elm-datepicker--prev{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.54);transition:background .2s;font-size:0}.elm-datepicker--next:hover,.elm-datepicker--prev:hover{background:rgba(0,0,0,.08)}.elm-datepicker--prev:before{content:"◀";font-size:12px}.elm-datepicker--next:before{content:"▶";font-size:12px}.elm-datepicker--month-container{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.elm-datepicker--month,.elm-datepicker--year{font-size:14px;font-weight:500;color:rgba(0,0,0,.87)}.elm-datepicker--year-menu{font-family:Roboto,sans-serif;font-size:14px;border:none;background:transparent;color:rgba(0,0,0,.87);cursor:pointer;outline:none}.elm-datepicker--table{width:100%;border-collapse:collapse;table-layout:fixed}.elm-datepicker--dow{text-align:center;font-size:11px;font-weight:500;color:rgba(0,0,0,.38);padding:4px 0 8px;width:40px}.elm-datepicker--day{text-align:center;padding:2px;cursor:pointer;font-size:13px;width:40px;height:36px;vertical-align:middle;border-radius:50%;transition:background .15s}.elm-datepicker--day:hover{background:rgba(0,188,212,.12)}.elm-datepicker--picked{background:#00bcd4!important;color:#fff!important;border-radius:50%;font-weight:500}.elm-datepicker--picked:hover{background:#00acc1!important}.elm-datepicker--today{font-weight:700;color:#00bcd4}.elm-datepicker--today.elm-datepicker--picked{color:#fff!important}.elm-datepicker--disabled{color:rgba(0,0,0,.26)!important;cursor:not-allowed;pointer-events:none}.elm-datepicker--other-month{color:rgba(0,0,0,.26)}.elm-time-picker-container{position:relative}.elm-time-picker-container:before{display:block;width:137px;height:31px;content:""}.elm-time-picker-inner-container{display:inline-block;position:absolute;top:0;left:0;outline:none;list-style:none;font-size:12px;text-align:left;background-color:#fff;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);background-clip:padding-box;line-height:1.5;overflow:hidden;left:-2px}.elm-time-picker-active .elm-time-picker-inner-container{z-index:1050}.elm-time-picker-open-up .elm-time-picker-active .elm-time-picker-inner-container{top:-145px;display:flex;flex-direction:column-reverse}.elm-time-picker-open-up .elm-time-picker-active .elm-time-picker-input-container{border-top:1px solid #e9e9e9;border-bottom:0}.elm-time-picker-active .elm-time-picker-input-container{border-bottom:1px solid #e9e9e9}.elm-time-picker-input-container{box-sizing:border-box;position:relative}.elm-time-picker-input-container input{margin:0;border:0;width:100%;cursor:auto;line-height:1.5;outline:0;padding:6px}.elm-time-picker-input-container input[disabled]{background-color:#f7f7f7;opacity:1;cursor:not-allowed;color:rgba(0,0,0,.25)}.elm-time-picker-panel-clear-btn{position:absolute;right:5px;cursor:pointer;overflow:hidden;width:20px;height:20px;text-align:center;line-height:20px;top:5px;margin:0}.elm-time-picker-panel-clear-btn:after{font-size:12px;color:rgba(0,0,0,.25);display:inline-block;line-height:1;width:20px;-webkit-transition:color .3s ease;transition:color .3s ease;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"X"}.elm-time-picker-input-container input[disabled]+.elm-time-picker-panel-clear-btn,.elm-time-picker-input-container input[disabled]+.elm-time-picker-panel-clear-btn:after{cursor:not-allowed}.elm-time-picker-panel-combobox:after,.elm-time-picker-panel-combobox:before{content:" ";display:table;box-sizing:border-box}.elm-time-picker-panel-select{float:left;font-size:12px;border-left:1px solid #e9e9e9;box-sizing:border-box;width:56px;overflow:hidden;position:relative;height:144px}.elm-time-picker-panel-select:hover{overflow-y:auto}.elm-time-picker-panel-select:first-child{border-left:0;margin-left:0}.elm-time-picker-panel-select:last-child{border-right:0}.elm-time-picker-panel-select ul{list-style:none;box-sizing:border-box;margin:0;padding:0 0 120px;width:100%}.elm-time-picker-panel-select li{list-style:none;box-sizing:content-box;margin:0;padding:0 0 0 8px;width:100%;height:24px;line-height:24px;text-align:left;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .3s;transition:background .3s}.elm-time-picker-panel-select li:hover{background:#ecf6fd}.elm-time-picker-panel-select-option-disabled{color:rgba(0,0,0,.25)}.elm-time-picker-panel-select .elm-time-picker-panel-select-option-disabled:hover{cursor:not-allowed;background:transparent}.elm-time-picker-panel-select-option-selected{background:#f7f7f7;font-weight:700}.picker-value-container{display:flex;flex-direction:column;width:100%;margin-bottom:10px}.picker-label{font-family:roboto;font-size:12px;color:rgba(0,0,0,.54);line-height:16px}.picker-value{font-family:roboto;font-size:16px;color:rgba(0,0,0,.87);line-height:24px;display:flex;justify-content:space-between;cursor:pointer}.picker-value-disabled{color:rgba(0,0,0,.42);cursor:not-allowed}.picker-help-text{margin-top:5px;color:#f57f17;font-family:roboto;font-size:12px;line-height:16px}.picker-underline{border-bottom:1px solid rgba(0,0,0,.87)}.picker-underline-disabled{border-bottom:1px dashed rgba(0,0,0,.42)}.picker-wrapper-root{position:absolute;background:rgba(0,0,0,.2);z-index:10;margin-bottom:32px}.picker-cancel-field{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);transition:background .8s}.picker-hidden{display:none}.picker-wrapper-container{padding:12px;display:flex;flex-direction:column;background:#fff}.picker-button{font-family:roboto;font-size:14px;color:#fff;letter-spacing:.5px;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);border-radius:2px;padding:10px;appearance:none;width:52px;align-self:flex-end;border:none;transition:background 1s}.picker-button,.picker-button:active{background:#4184f3}.new-device-container,.new-device-main-section-root{display:flex;flex-direction:column}.new-device-container{align-items:center;min-height:300px}.new-device-step-name{font-family:roboto;color:rgba(0,0,0,.87);margin-bottom:18px;margin-top:24px;text-align:center}.stepper-root{display:flex;align-items:center;margin-top:12px;margin-bottom:32px;height:24px}.stepper-common{margin-right:6px;transition:width .1s,height .1s;transition-timing-function:ease-in-out}.stepper-done{width:10px;height:10px}.stepper-current,.stepper-done{background:#007f38;border-radius:8px}.stepper-current{width:12px;height:12px}.stepper-not-done{background:#007f38;opacity:.42;border-radius:8px;width:8px;height:8px}.new-device-step-content{display:flex;flex-direction:column;align-items:center;margin-top:24px;min-height:250px;max-width:100vw;text-align:center}.new-device-activation-root{display:flex;justify-content:center}@media (min-width:700px){.activation-code-block{width:91px;height:128px;font-size:72px;margin:8px}.new-device-step-name{font-size:48px;line-height:48px}.new-device-container{padding:24px}}@media (max-width:700px){.activation-code-block{width:62px;height:84.39px;font-size:48px;margin:4px}.new-device-step-name{font-size:24px;line-height:24px}.new-device-container{padding:8px}}.activation-code-block{appearance:none;border:none;margin-bottom:22px;text-align:center;font-family:roboto;padding:0}.new-device-review-step{display:flex;flex-direction:column;max-width:250px}.elevation-2{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 3px rgba(0,0,0,.12),0 4px 5px 0 rgba(253,106,106,.2);transition:background box-shadow .5s}.login-box-container{display:flex;align-items:center;justify-content:center}.login-box{width:288px;border-radius:2px;padding:16px;display:flex;flex-direction:column;align-items:center}@media (max-width:340px){.login-box{width:250px}}.mdc-dialog .mdc-dialog__surface{min-width:45vw!important;max-height:80vh!important}