html{margin:0 auto}body,html{height:100%;-webkit-text-size-adjust:100%}body{font-family:Roboto,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;color:#393939}body.is-open-nav{overflow:hidden}p,ul{font-size:15px;line-height:1.5;margin-bottom:20px}h2{font-size:17px}#app{max-width:800px;margin:0 auto;overflow:hidden;position:relative}.spacer-20{display:block;height:20px}.spacer-50{display:block;height:50px}.page-wrapper{display:flex;flex-direction:column;min-height:200px;height:calc(var(--vh, 1vh)*100)}.content{flex-grow:1;overflow:hidden}.content,.content-inner{height:100%}.header{display:flex;align-items:center;justify-content:space-between;min-height:70px;background:#f8f8f8;padding:0 10px}.logo{display:inline-block;padding:10px 0;cursor:pointer}.footer{width:100%;max-width:800px;min-height:40px;text-align:center;background:#2d2d2d;color:#fff;display:flex;align-items:center;justify-content:center;position:fixed;bottom:0}.footer .copyright{font-size:12px;margin:0}.navigation{position:absolute;width:100%;max-width:800px;height:100%;z-index:20;background:#fff}.navigation,.navigation__top{display:flex;flex-direction:column}.navigation__top{padding:20px;align-items:center;text-align:center;box-shadow:0 2px 4px 1px rgba(0,0,0,.1);z-index:2}.navigation__avatar{display:block;width:45px;height:45px;background:#1174bb;color:#fff;font-weight:700;border-radius:50%;line-height:45px;text-align:center;font-size:20px}.navigation__btn-close{background:none;border:none;position:absolute;top:15px;right:5px;cursor:pointer;z-index:10}.navigation__btn-close i{font-size:30px}.navigation__btn-close:hover i{color:#f5901b}.navigation__menu{height:100%;padding:0 0 40px 0;margin:0;list-style:none;overflow:scroll}.navigation__menu li{position:relative}.navigation__menu li .icon{position:absolute;top:15px;color:#393939}.navigation__menu li .text{padding-left:35px}.navigation__menu li.divider-grey{padding:5px 10px;font-size:12px;text-transform:uppercase;font-weight:700;margin-top:15px;border-bottom:1px solid #cfcfcf;color:#7b7b7b}.navigation__menu li.divider-blue{height:2px;background:#1174bb;border-bottom:1px solid #1174bb}.navigation__menu li:first-child a{border-top:1px solid #cfcfcf}.navigation__menu a{display:block;font-size:16px;text-decoration:none;color:#393939;padding:16px 12px;background:#f8f8f8;border-bottom:1px solid #cfcfcf}.navigation__menu a.router-link-active,.navigation__menu a:hover{color:#1174bb;background:#e6e6e6}.navigation__menu a.router-link-active .icon{color:#1174bb}.navigation__menu a:after{font-family:Material Icons;content:"keyboard_arrow_right";font-size:24px;position:absolute;right:10px;margin-top:-5px}.navigation__menu a.outbound-link:after{font-family:Material Icons;content:"open_in_new";font-size:20px;position:absoliute;right:10px}.navigation__menu a .icon-home{font-size:20px;line-height:0;position:relative;top:3px;left:5px}.user-avatar{width:35px;height:35px;background:#1174bb;color:#fff;font-weight:700;border-radius:50%;line-height:35px;text-align:center;cursor:pointer}.btn-open-nav{width:40px;height:40px;border:none;background:transparent;outline:none;cursor:pointer}.btn-open-nav:hover>.icon{color:#f5901b}.btn-open-nav>.icon{font-size:33px}.page-title{font-size:20px;line-height:1.4;text-align:center;margin:20px}.page-title.with-subtitle{margin-bottom:5px}.page-subtitle{margin-bottom:30px;color:#6f6f6f}.page-description,.page-subtitle{text-align:center}.page-container{padding:20px;overflow:auto;height:100%}.page-container-alt{padding:20px;overflow:auto;height:calc(100% - 40px)}.page-container-simple{padding:20px;overflow:auto;height:calc(100% - 110px)}.button-primary{display:block;font-size:16px;text-align:center;height:50px;width:100%;background:#1174bb;margin-bottom:30px}.button-primary,.button-secondary{font-weight:700;color:#fff;border:none}.button-secondary{display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none;text-transform:uppercase;padding:10px 20px;background:#36a70e}.button-secondary i{color:#fff;margin-right:10px}.button-secondary.full-width{width:100%}.button-tertiary{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;text-decoration:none;color:#393939;text-transform:uppercase;padding:10px 20px;border:none;background:#bbb}.button-tertiary i{color:#393939;margin-right:10px}.button-tertiary.full-width{width:100%}label{font-size:15px;line-height:1.5}input{font-size:14px;height:45px;padding:0 20px;width:calc(100% - 40px);background:rgba(10,49,78,.08);border:none;margin-bottom:8px}input:disabled{color:#585858;cursor:not-allowed}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;padding:0 15px;width:100%;height:45px;background:rgba(10,49,78,.08);border:none;margin-bottom:5px;display:block}select:disabled{color:#585858;opacity:1;cursor:not-allowed}.select-wrapper{position:relative}.select-wrapper:after{font-family:Material Icons;content:"keyboard_arrow_down";font-size:20px;position:absolute;right:10px;top:13px}.markdown-container a,.markdown-container p,.markdown-container span,.markdown-container ul{font-size:14px}.markdown-container a{color:#1174bb;text-decoration:none}.markdown-container ol,.markdown-container ul{padding-left:20px}.markdown-container li{margin:5px 0}.alert{font-size:15px;line-height:1.4;color:#fff;padding:15px;margin-bottom:20px}.alert.alert-error{background:#ff5a5a}.alert.alert-success{background:#36a70e}[data-class-id="1"],[data-lesson-id="1"]{background:#f5901b}[data-class-id="2"],[data-lesson-id="2"]{background:#1174bb}[data-class-id="3"],[data-lesson-id="3"]{background:#0a314e}[data-class-id="4"],[data-lesson-id="4"]{background:#36a70e}[data-lesson-id="5"]{background:#ec1919}.loading-animation{padding:50px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-animation .text{margin-bottom:15px}.loading-animation:after{content:"";display:inline-block;width:35px;height:35px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#1174bb;border-right-color:#1174bb;border-bottom-color:#1174bb;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@media screen and (min-height:800px){#app{box-shadow:0 1px 8px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)}}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.button-create-account{margin-top:30px}.link-error{color:#fff}.button-send,.button-sign-in{margin-top:30px}.account-footer-box{text-align:center}.section-title[data-v-de54a080]{margin-top:20px;padding:8px 0;border-bottom:1px solid grey}.button-with-margin[data-v-de54a080]{margin-top:10px}.alert-full-width[data-v-de54a080]{position:absolute;top:70px;width:100%;left:0;z-index:10;display:flex;line-height:1.8}.alert-text[data-v-de54a080]{margin-left:10px}.page-lessons[data-v-898f97dc]{display:flex;flex-direction:column;height:100%}.search-container[data-v-898f97dc]{padding:20px 10px}.search-input[data-v-898f97dc]{width:100%;height:50px;background:#f8f8f8;border:1px solid #ddd;padding:15px 25px;font-size:14px}.search-button[data-v-898f97dc]{border:none;position:absolute;right:10px;background:transparent;height:50px;width:50px}.lessons-list[data-v-898f97dc]{flex-grow:1;display:flex;flex-direction:column;list-style:none;color:#fff;padding:0;margin:0}.lesson-item[data-v-898f97dc]{padding:15px 15px;margin-bottom:1px;flex-grow:1}.lesson-item[data-v-898f97dc],.lesson-link[data-v-898f97dc]{height:100%;display:flex;flex-direction:column;justify-content:center}.lesson-link[data-v-898f97dc]{color:#fff;text-decoration:none}.lesson-link[data-v-898f97dc]:after{font-family:Material Icons;content:"keyboard_arrow_right";color:#fff;font-size:30px;position:absolute;right:10px}.lesson-number[data-v-898f97dc]{width:100%;font-size:14px;line-height:1.4;font-weight:700;text-transform:uppercase}.lesson-title[data-v-898f97dc]{font-size:16px;line-height:1.4}