.framework[data-v-4a118917]{display:flex;flex-direction:row;height:100%;overflow:hidden}.framework .side-panel[data-v-4a118917]{position:relative;width:280px;min-width:280px;transition:width .1s;box-shadow:5px 0 30px 0 rgba(0,0,0,.3);z-index:100}@media(max-width:768px){.framework .side-panel[data-v-4a118917]{position:fixed;top:0;bottom:0;left:0;transition:none}}.framework .side-panel.minimized[data-v-4a118917]{width:63px!important;min-width:63px!important;box-shadow:0 0 30px 0 rgba(0,0,0,.3)}@media(max-width:768px){.framework .side-panel.minimized[data-v-4a118917]{width:49px!important;min-width:49px!important}}.framework .side-panel.details[data-v-4a118917]{width:360px;min-width:360px}.framework .sub-menu[data-v-4a118917]{position:relative;z-index:99;border-left:1px solid #ececec;overflow-y:auto;box-shadow:5px 0 30px 0 rgba(0,0,0,.3)}.framework .main-panel[data-v-4a118917]{background:#224c74 radial-gradient(#369,#213f6a);overflow-y:auto;position:relative;flex-grow:1;padding:1.5rem 4.5rem 0 5rem}@media(max-width:1180px){.framework .main-panel[data-v-4a118917]{padding:0 3rem 1.5rem 45px}}@media(max-width:850px){.framework .main-panel[data-v-4a118917]{padding:0 2rem 1.5rem 45px}}@media(max-width:768px){.framework .main-panel[data-v-4a118917]{padding:0 1.5rem 1.5rem 76px}}header[data-v-172254c4]{padding:0;margin:.657rem 0 2.5rem;color:#fff;border-bottom:1px dashed hsla(0,0%,100%,.2)}header.no-border[data-v-172254c4]{border-bottom:none}header h1[data-v-172254c4]{font-weight:400;font-size:22px;margin-top:1.1rem;display:inline-block;cursor:pointer}header h1 strong[data-v-172254c4]{color:#fff}header h1 i[data-v-172254c4]{vertical-align:middle;color:#fff}@media(max-width:768px){header h1[data-v-172254c4]{margin-top:1rem;font-size:18px}}header .menu[data-v-172254c4]{margin-top:0;color:#fff;font-weight:700}header .menu i[data-v-172254c4]{margin-left:1rem;cursor:pointer;font-size:1.2rem;vertical-align:middle}header .menu a[data-v-172254c4],header .menu i[data-v-172254c4]:hover{color:#fff}@media(max-width:1100px){header .menu .user[data-v-172254c4]{display:none}}@media(max-width:768px){header[data-v-172254c4]{margin:1.1rem 0 1rem}}header[data-v-735b356e]{padding:0;margin:.657rem 0 2.5rem;color:#fff}header h1[data-v-735b356e]{font-weight:400;font-size:22px;margin-top:1.1rem;display:inline-block;cursor:pointer}header h1 strong[data-v-735b356e]{color:#fff}header h1 i[data-v-735b356e]{vertical-align:middle;color:#fff}header .menu[data-v-735b356e]{margin-top:.7rem}.ui-card[data-v-658867d6]{background-color:#fff;border-radius:.5rem;box-shadow:5px 5px 30px 0 rgba(0,0,0,.4)}.ui-card .ui-card-body[data-v-658867d6]{padding:1.5rem}@media(max-width:768px){.ui-card .ui-card-body[data-v-658867d6]{padding:1rem}}.ui-card .ui-card-footer[data-v-658867d6]{padding:1rem 1.5rem;border-top:1px solid #e7e7e7;background-color:#f4f4f4;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.course-frame[data-v-6cf6a104]{top:100px;left:5rem;right:4rem;bottom:1rem}.logo[data-v-6cf6a104]{padding:1.3rem 1.4rem 0}.menu[data-v-6cf6a104]{position:absolute;top:110px;bottom:0;left:0;right:0;overflow-y:auto;background-color:#fff;background-image:linear-gradient(#fff,#eee)}.menu h1[data-v-6cf6a104]{font-weight:400;font-size:30px;margin-top:1rem;display:inline-block;cursor:pointer;padding:1rem 1.5rem 0;color:#4a4a4a;letter-spacing:-1px}.menu h1 span[data-v-6cf6a104]{font-weight:900;margin-right:3px;color:#369}.menu ul[data-v-6cf6a104]{margin-top:1.1rem}.menu ul li[data-v-6cf6a104]{border-bottom:1px solid #e0e2e8;font-size:.9rem;padding:.8rem 1.4rem .8rem 1rem;color:#4a4a4a;transition:all .2s;font-weight:700;cursor:pointer;background-color:hsla(0,0%,100%,.5)}.menu ul li.active[data-v-6cf6a104]{background-color:#369!important;color:#fff}.menu ul li.active .meta[data-v-6cf6a104],.menu ul li.active i[data-v-6cf6a104]{color:#fff!important}.menu ul li.sub-header[data-v-6cf6a104]{font-weight:700!important;cursor:default!important;color:#4a4a4a!important;padding:.5rem 1.2rem .3rem!important;font-size:.8rem!important;text-transform:uppercase;background-color:#f3f3f5!important}.menu ul li[data-v-6cf6a104]:hover{background-color:#919191!important;color:#fff}.menu ul li:hover .meta[data-v-6cf6a104],.menu ul li:hover i[data-v-6cf6a104]{color:#fff!important}.menu ul li[data-v-6cf6a104]:first-child{border-top:1px dashed #e0e2e8}.menu ul li i[data-v-6cf6a104]{color:#3c6691;font-size:1.2rem;vertical-align:middle;transition:all .2s;margin-right:.9rem}.menu ul li .meta[data-v-6cf6a104]{transition:color .2s;font-weight:400;font-size:.8rem;padding-left:3.15rem;color:#737881;line-height:1rem}.menu ul.hide-details li[data-v-6cf6a104]{font-size:.9rem;font-weight:400;padding:.8rem 1.4rem}.menu ul.hide-details li .meta[data-v-6cf6a104]{display:none}.menu ul.hide-details li i[data-v-6cf6a104]{font-size:1.2rem;margin-right:.8rem}.menu.minimized[data-v-6cf6a104]{overflow:hidden}.menu.minimized h1[data-v-6cf6a104]{display:none}.menu.minimized ul[data-v-6cf6a104]{padding-top:4.7rem}.menu.minimized ul li[data-v-6cf6a104]{padding:1rem 1.1rem}.menu.minimized ul li i[data-v-6cf6a104]{font-size:1.3rem}.menu.minimized ul li .meta[data-v-6cf6a104],.menu.minimized ul li .nav-title[data-v-6cf6a104],.menu.minimized ul li.sub-header[data-v-6cf6a104]{display:none}.controls[data-v-6cf6a104]{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ccc;background-color:#fff;padding:1.5rem 1rem;overflow:hidden}.controls i[data-v-6cf6a104]{font-size:1.2rem;vertical-align:middle}