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}}.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}}.menu[data-v-3ea49ed7]{position:absolute;top:0;bottom:32px;left:0;right:0;overflow-y:auto;background-color:#fff;background-image:linear-gradient(#fff,#eee)}.menu h1[data-v-3ea49ed7]{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-3ea49ed7]{font-weight:900;margin-right:3px;color:#369}.menu h1 span.beta[data-v-3ea49ed7]{color:#333;border:1px solid #c2c2c2;border-radius:3px;padding:0 4px;font-size:.6rem;margin-left:.5rem;vertical-align:super;font-weight:400;letter-spacing:normal}.menu ul[data-v-3ea49ed7]{margin-top:1.1rem}.menu ul li[data-v-3ea49ed7]{border-bottom:1px solid #e0e2e8;padding:1rem 1.4rem;font-size:1rem;color:#4a4a4a;transition:all .2s;font-weight:700;cursor:pointer;background-color:hsla(0,0%,100%,.5)}@media(max-width:768px){.menu ul li[data-v-3ea49ed7]{transition:none}}.menu ul li.active[data-v-3ea49ed7]{background-color:#369!important;color:#fff}.menu ul li.active .meta[data-v-3ea49ed7],.menu ul li.active i[data-v-3ea49ed7]{color:#fff}.menu ul li.active[data-v-3ea49ed7]:first-child{border-top:1px solid #369!important}.menu ul li.sub-header[data-v-3ea49ed7]{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-3ea49ed7]:hover{background-color:#567ea7;color:#fff}.menu ul li:hover .meta[data-v-3ea49ed7],.menu ul li:hover i[data-v-3ea49ed7]{color:#fff}.menu ul li[data-v-3ea49ed7]:first-child{border-top:1px dashed #e0e2e8}.menu ul li i[data-v-3ea49ed7]{color:#3c6691;font-size:1.5rem;vertical-align:middle;margin-right:1.2rem;transition:all .2s}@media(max-width:768px){.menu ul li i[data-v-3ea49ed7]{transition:none}}.menu ul li .meta[data-v-3ea49ed7]{transition:color .2s;font-weight:400;font-size:.8rem;padding-left:3.15rem;color:#737881;line-height:1rem}@media(max-width:768px){.menu ul li .meta[data-v-3ea49ed7]{transition:none}}.menu ul.hide-details li[data-v-3ea49ed7]{font-size:.9rem;font-weight:400;padding:.8rem 1.4rem}.menu ul.hide-details li .meta[data-v-3ea49ed7]{display:none}.menu ul.hide-details li i[data-v-3ea49ed7]{font-size:1.2rem;margin-right:.8rem}.menu.minimized[data-v-3ea49ed7]{overflow:hidden}.menu.minimized h1[data-v-3ea49ed7]{display:none}.menu.minimized ul[data-v-3ea49ed7]{padding-top:4.7rem}@media(max-width:768px){.menu.minimized ul[data-v-3ea49ed7]{padding-top:0}}.menu.minimized ul li[data-v-3ea49ed7]{padding:1rem 1.1rem}.menu.minimized ul li i[data-v-3ea49ed7]{font-size:1.3rem}@media(max-width:768px){.menu.minimized ul li i[data-v-3ea49ed7]{font-size:1rem}}@media(max-width:768px){.menu.minimized ul li[data-v-3ea49ed7]{padding:.8rem}}.menu.minimized ul li .meta[data-v-3ea49ed7],.menu.minimized ul li .nav-title[data-v-3ea49ed7],.menu.minimized ul li.sub-header[data-v-3ea49ed7]{display:none}.controls[data-v-3ea49ed7]{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ccc;background-color:#ddd;padding:0 1.5rem;height:32px;overflow:hidden;color:#214367}.controls span[data-v-3ea49ed7]{cursor:pointer}.course[data-v-4929ae0e]{background-color:#fff;border-radius:4px;box-shadow:5px 5px 30px 0 rgba(0,0,0,.4)}.course .information[data-v-4929ae0e]{padding:1.5rem 1.5rem 1.5rem}.course .meta[data-v-4929ae0e]{font-weight:400;font-size:.8rem;color:#737881}.course .header[data-v-4929ae0e]{font-weight:700;font-size:.9rem;color:#369;text-transform:uppercase;margin-bottom:.5rem}.course .header i[data-v-4929ae0e]{color:#5e5e5e;margin-right:.55rem}.course ul[data-v-4929ae0e]{border:1px solid #eaeaea;border-radius:5px;width:80%;font-size:.95rem;margin-top:1rem}.course ul li[data-v-4929ae0e]{border-bottom:1px solid #eaeaea;padding:.2rem .8rem}.course ul li.HEADER[data-v-4929ae0e]{background-color:#eaeaea;font-weight:700}.course ul li[data-v-4929ae0e]:last-child{border:none}.cert[data-v-f1abde4e]{background-color:#fff;border-radius:4px;box-shadow:5px 5px 30px 0 rgba(0,0,0,.4)}.cert .information[data-v-f1abde4e]{padding:1.5rem 1.5rem 1rem}.cert .meta[data-v-f1abde4e]{font-weight:400;font-size:.8rem;color:#737881}.cert .header[data-v-f1abde4e]{font-weight:700;font-size:.9rem;color:#369;text-transform:uppercase;margin-bottom:.5rem}.cert .header i[data-v-f1abde4e]{color:#5e5e5e;margin-right:.55rem}.cert ul[data-v-f1abde4e]{border:1px solid #eaeaea;border-radius:5px;width:80%;font-size:.95rem;margin-top:1rem}.cert ul li[data-v-f1abde4e]{border-bottom:1px solid #eaeaea;padding:.2rem .8rem;border-radius:0;box-shadow:none}.cert ul li.HEADER[data-v-f1abde4e]{background-color:#eaeaea;font-weight:700}.cert ul li.cert[data-v-f1abde4e]{background-color:#7697b7;color:#fff}.cert ul li[data-v-f1abde4e]:last-child{border:none}.options[data-v-c22fd2c2]{position:relative;width:360px;transition:width .1s;padding-top:3.8rem}.options .sub-header[data-v-c22fd2c2]{font-weight:700!important;cursor:default!important;color:#4a4a4a!important;padding:.5rem 2rem .3rem!important;font-size:.8rem!important;text-transform:uppercase;background-color:#f3f3f5!important}.options section[data-v-c22fd2c2]{padding:1rem 2rem}.options section .field[data-v-c22fd2c2]{margin:3px}.clickable[data-v-c22fd2c2]{cursor:pointer!important}.course-tabs .tabs{color:#fff}.course-tabs .tabs li a{color:#9faec2!important;font-size:.9rem}.course-tabs .tabs li a:hover{border-bottom-color:#6f8295}.course-tabs .tabs li.is-active a{color:#fff!important;border-bottom-color:#6f8295;font-size:.9rem}.course-tabs .tab-content{padding:1rem 0 0!important}.notifyModal{z-index:120}.notifyModal ul.model-menu{list-style:none;margin:0 0 0 -.75rem;padding:0}.notifyModal ul.model-menu li{margin:0;padding:.2rem 0;border-top:1px solid #eee;font-weight:700}.notifyModal ul.model-menu li:first-child{border:none}.notifyModal ul.model-menu li>a{display:block;color:#333;padding:.5rem 0 .5rem .8rem}.notifyModal ul.model-menu li>a:hover{cursor:pointer;border-radius:5px;background-color:#369;color:#fff!important}.notifyModal ul.model-menu li>a:hover i{color:#fff!important}