.my-header{min-height:55px;background:#e3e3e3}.noti-count{position:absolute;top:23px;right:-4px;width:12px;height:12px;background-color:#ec407a;border-radius:12px;font-size:7px;font-weight:700;color:#fff}.footer,.noti-count{z-index:999;text-align:center}.footer{position:fixed;bottom:0;left:0;right:0;height:66px;background-color:#204368;display:flex;justify-content:center;align-items:center;font-family:Ubuntu;font-size:10px;line-height:2.6;color:#3bbaed}.my-button{height:36px;border-radius:5px;padding:0 34px;border:none;color:#fff;font-weight:700}.my-button--sm{height:30px;border-radius:3px;font-size:13px;padding:0 13px}.my-button--lg{height:45px;font-size:14px;font-weight:700}.my-button--flat{padding:0 56px}.my-button--narrow{padding:0 14px}.my-button--block{width:100%}.my-button--rounded{border-radius:40px}.my-button--outline{border:1px solid #7a7a7a;background-color:#fff;color:#7a7a7a}.my-button--outline:hover{background-color:#f8f0f0}.my-button--outline-blue{border:1px solid #3bbaed;background-color:#fff;color:#3bbaed}.my-button--outline-blue:hover{background-color:#3bbaed;color:#fff}.my-button--outline-red{border:1px solid #dc3545;background-color:#fff;color:#dc3545}.my-button--outline-red:hover{background-color:#dc3545;color:#fff}.my-button--orange{border:1px solid #f08045;background-color:#f08045;color:#fff}.my-button--orange:hover{background-color:#e77538}.my-button--outline-orange{border:1px solid #f08045;background-color:#fff;color:#f08045}.my-button--outline-orange:hover{background-color:#f08045;color:#fff}.my-button--blue{border:1px solid #3bbaed;background-color:#3bbaed;color:#fff}.my-button--blue:hover{background-color:#27b1e7}.my-button--red{border:1px solid #dc3545;background-color:#dc3545;color:#fff}.my-button--red:hover{background-color:#dc3545}.modal-cross{position:absolute;z-index:999;right:-22px;top:-22px;cursor:pointer}@media screen and (max-width:768px){.modal-cross{position:absolute;z-index:999;right:-15px;top:-15px;cursor:pointer}}.e-button{height:38.5px;border-radius:5px;font-size:14px;font-weight:700;line-height:1.78;text-align:center;border:none;padding:5px 15px}.e-button:focus{border:inherit}.e-button:hover{background:#fbfbfb}.e-button--outline-blue{height:35px;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.06;letter-spacing:normal;color:#5ebbe9;border:1px solid #5ebbe9;background:transparent}.e-button--outline-blue:hover{color:#fff;background-color:#5ebbe9}.e-button--math-editor{border-radius:5px 0 0 5px}.e-button--symbol{border-radius:0 5px 5px 0;border-left:none}.e-button--tab-active{background-color:#31a8e4;color:#fff}.e-button--tab-active:hover{background-color:#1b99d8;color:#fff}.e-button--disabled{background-color:#e9e9e9;color:#c2c2c2}.math-editor{min-height:326px;border-radius:3px;border:1px solid #e9e9e9;background-color:#f7f8fa}.math-editor__top{min-height:94px;background-color:#eff9ff;padding:5px 15px}.reply-loading{padding:22px 0;max-width:555px}.math-editor__icon{padding:5px 5px;margin:2px 5px;cursor:pointer}.sidebar--user{width:273px}.app--sidebar-collapsed .sidebar--user{margin-left:-273px}body{font-family:Ubuntu,sans-serif;font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:#494949}h2{font-size:18px}h2,h3{font-weight:700}h3{font-size:16px}h4{font-size:14px;font-weight:700;line-height:1.79;color:#494949}p.lite{color:#949494}p.small{font-size:10px}label{font-size:14px;font-weight:700;line-height:1.42}.mulai{font-size:12px;font-weight:500;line-height:1.06;color:#fff;background-color:#f08045;border:none;padding:11px 42px;border-radius:18px}.mulai:hover{color:#fff;background-color:#e97334}.pub-unpub{min-width:105px}.content-type{font-size:12px;font-weight:500;color:#949494;margin-bottom:0}.main{display:flex;align-items:stretch;position:fixed;top:77px;left:0;right:0;bottom:0;z-index:9}.content,.main{background-color:#f8f9ff}.content{flex:1;padding:50px;overflow-y:scroll;margin-bottom:66px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.arrow-down,.arrow-up{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #494949;transition:transform .25s}.arrow-down{transform:rotate(180deg)}.arrow-right{border-left:6px solid #494949}.arrow-left,.arrow-right{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;transition:all .25s}.arrow-left{border-right:6px solid #494949}.upload-image{display:flex;flex-wrap:wrap}.upload-image__top{position:relative}.hidden-input{width:1px;opacity:0}label.file-upload{border-radius:3px;border:1px solid #b6b6b6;background-color:#fff;font-size:12px;line-height:1.67;color:#b6b6b6;padding:3px 7px;margin-top:15px;cursor:pointer}label.file-upload:hover{background:#f8f8f8}label.file-upload--remove{border-color:#ec407a;color:#ec407a}label.file-upload--remove:hover{background:#f8f8f8}.set-icon{width:108.1px;height:29.9px;border:none;border-radius:22.7px;background-color:#f08045;font-size:11px;font-weight:700;font-style:normal;font-stretch:normal;line-height:2.27;letter-spacing:normal;text-align:center;color:#fff;min-width:108px;margin-top:15px}.set-icon:hover{background-color:#d85e1d}.img-remove{border:1px solid #ec407a;background-color:#ec407a;line-height:2.17;text-align:center;color:#fff;position:absolute;left:0;right:0;bottom:0;cursor:pointer;opacity:0;transition:all .25s}.upload-image__top:hover .img-remove{opacity:1}.file-remove{width:71.6px;height:24.6px;border-radius:3px;border:1px solid #e9e9e9;background-color:#f7f8fa;font-size:12px;color:#b6b6b6;display:flex;justify-content:center;align-items:center;cursor:pointer}.file-remove:hover{color:#a51a1a}.answer-index{width:24px;height:24px;background-color:#3bbaed;border-radius:24px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1.71;color:#fff;margin-right:11px;margin-top:7px}.tablink a{font-size:14px;font-weight:500;line-height:1.86;color:#7a7a7a;display:inline-block;padding:5px 18px}.tablink a.router-link-active,.tablink a:hover{background-color:#2085dc;color:#fff;text-decoration:none;border-radius:3px 3px 0 0}.tab-content{background:#fff;padding:29px;min-height:222px}.full-page{width:100vw;height:100vh;background-image:linear-gradient(90deg,#2085dc,#3dabe7 30%,#53c8f0 58%,#61d9f6 82%,#66e0f8)}.full-page-container{display:flex;position:fixed;left:0;right:0;top:0;bottom:0;overflow-y:auto;flex-direction:column;justify-content:space-between;background-image:url(/img/login-page-bg.png);background-size:100% 100%;background-attachment:fixed}.full-top{padding-top:35px;padding-left:35px}.full-bottom{height:20px}.login-container-wrapper{background-image:url(/img/login-bg.png);background-position:bottom;background-repeat:no-repeat}.login-container-wrapper,.login-container-wrapper--nobg{width:100%;max-width:809px;margin:auto}.login-container{margin-left:146px;margin-right:146px;min-height:111px;box-shadow:0 0 20px 0 rgba(64,64,64,0);background-color:#fff;padding:66px 33px;border-radius:8px;margin-top:33px;margin-bottom:33px}button.page-back{border-radius:20px;background-color:#fff;font-weight:500;color:#494949;padding:8px 16px;border:none}button.page-back:hover{background-color:#f8f8f8}.topbar{height:77px;box-shadow:1px 2px 10px 0 #dfdfdf;background-color:#fff;position:fixed;top:0;left:0;right:0;z-index:999}.topbar,.topbar__left{display:flex;align-items:center}.topbar__left{width:273px;padding:25px;transition:all .25s}.topbar__left--collapsed{width:88px}.topbar__right{flex:1;display:flex;justify-content:space-between;align-items:center}.topbar__right-left{display:flex;align-items:center;padding:13px}.topbar__right-right{display:flex;align-items:center;padding-right:50px}.menu-icon,.topbar-menu{cursor:pointer}.topbar-menu{padding:0 33px;height:77px;display:flex;justify-content:stretch}.topbar-menu:focus,.topbar-menu:hover{background-color:#f9f9f9}.btn-outline-dark,.my-dropdown{border:none!important;background:#fff}.btn-outline-dark:hover,.my-dropdown{background-color:#f9f9f9!important;color:#212529!important}.dropdown-app{left:-33px;width:188px}.dropdown-app,.dropdown-notification{position:absolute;top:77px;min-height:111px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff;border:1px solid rgba(0,0,0,.16)}.dropdown-notification{right:-33px;width:329px;cursor:auto}.dropdown-menu-item{padding:10px 20px;font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:2.17;letter-spacing:normal;text-align:left;color:#494949}.dropdown-menu-item:hover{background-color:#f9f9f9}.notification-title{padding:7px 20px}.notifications{max-height:333px;overflow-y:auto}.notification-item{font-size:11px;padding:7px 20px;display:flex;align-items:flex-start;cursor:pointer;border-top:1px solid #fff;border-bottom:1px solid #fff}.notification-item:hover{background-color:#f9f9f9}.notification-item--unseen{background-color:#f9f9f9}.lite-p{color:#7a7a7a}.view-all{border-top:1px solid #f8f9ff;text-align:center;color:#2085dc;cursor:pointer;padding:9px}.view-all:hover{text-decoration:underline}.sidebar{box-shadow:-3px 0 10px 0 rgba(0,0,0,.16);background-color:#fff;margin-right:6px;overflow-y:auto;transition:all .25s;overflow-x:hidden;margin-bottom:66px}.sidebar--collapsed{width:88px}.sidebar--collapsed-user{width:273px;margin-left:-273px}.sidebar--expanded{width:273px}.sidebar-item-icon{margin-right:6px;padding:5px 4px}.sidebar__item{padding:24px 33px;height:77px}.sidebar__item,.sidebar__item-user{border-bottom:1px solid#eaeaea;cursor:pointer;font-size:14px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.86;letter-spacing:normal;text-align:left;color:#7a7a7a;display:flex;align-items:center}.sidebar__item-user{padding:9px 33px}.sidebar__item-user-video{border-bottom:1px solid#eaeaea;padding:7px 0;cursor:pointer;font-size:14px;line-height:1.86;color:#2085dc;align-items:center;display:block}.sidebar__item--sub{padding-left:55px;background:#f9f9f9;border-left:1px solid #e3e3e3}.sidebar__item--sub-active,.sub-item .router-link-active,.test-hover .router-link-active:not(:first-child){color:#f08045;background-color:#f9f9f9}.sidebar__item--active,.sidebar__item:hover,.sub-item a.router-link-active:first-child{background-color:#f08045;color:#fff;text-decoration:none}.sidebar__item-user--active,.sidebar__item-user:hover{background-color:#2085dc;color:#fff;text-decoration:none}.user-sidebar-link .router-link-active{background-color:#2085dc;color:#fff;text-decoration:none}.user-sidebar-link-video .router-link-active,.user-sidebar-link-video:hover a{color:#f08045}.sidebar__item--sub:hover{color:#f08045;background-color:#f9f9f9}.sidebar__item--active .arrow-down,.sidebar__item--active .arrow-up,.sidebar__item:hover .arrow-down,.sidebar__item:hover .arrow-up{border-bottom:6px solid #fff}.router-link-active .arrow-down{border-bottom:6px solid #fff}.sidebar-item-text,.sidebar-item-text--collapsed,.sidebar-item-text--hover{min-width:168px;flex-shrink:0;padding-left:8px}.sidebar-item-text--hover{color:#fff}.sidebar--collapsed .sidebar-item-text{display:none}.test-hover{position:fixed;z-index:9999;width:222px;min-height:77px;background:none;left:77px;top:222px;visibility:hidden;cursor:pointer;border-right:1px solid#e3e3e3}.collapse-sub{margin-left:13px;padding-left:28px!important}.user-sidebar-top{background-color:#ec407a;font-size:14px;font-weight:700;line-height:1.21;text-align:center;color:#fff;text-decoration:underline;padding:16px 33px}.form-container{width:650px;max-width:100%}.form-container--lg{width:741px;max-width:100%}.form-container--small{max-width:444px}.form-collapse{border-radius:3px;border:1px solid #b6b6b6}.form-collapse__top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#494949;padding:8px 13px;cursor:pointer}.form-collapse__bottom{background-color:#f7f8fa;padding:20px 13px}.form-collapse__bottom--no-padding{padding:20px 0}.form-collapse__padding{padding-left:13px;padding-right:13px}.form-collapse__gray{background-color:#e6e6e6;padding:13px}.form-collapse label{font-size:12px;font-weight:700;color:#949494}.form-collapse p{font-size:14px;font-weight:400;color:#494949;word-break:break-all}.course-collection{border-radius:3px;border:1px solid #e6e6e6;min-height:33px;padding:15px 25px}label.custom-control-label{font-weight:400;font-size:14px;color:#000;line-height:1.8}.form-control:disabled,.form-control[readonly]{border-radius:3px;border:1px solid #b6b6b6;background-color:#f7f8fa;font-size:14px;font-weight:400;color:#494949}.product-popup{position:absolute;z-index:99;right:0;top:-88px;width:316px;height:70px;box-shadow:0 0 6px 0 rgba(0,0,0,.16);border:1px solid #f08045;border-radius:4px;background-color:#fff;padding:4px;display:flex}.product-popup__item{flex:1;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:500;color:#494949;flex-direction:column}.product-popup__item:hover{background-color:#ffe1d2}.product-popup-arrow{position:absolute;z-index:999;right:99px;top:-19px;width:14px}.border-card{min-height:80px;border-radius:3px;border:1px solid #cbcbcb;padding:20px 30px}@media screen and (max-width:992px){.content,.tab-content{padding:22px 11px}.sidebar--collapsed{margin-left:-88px}.sidebar--collapsed-user{margin-left:-273px}.hide-mobile{display:none}.topbar__right-right{padding-right:0}.close-button{right:-14px;top:-24px}.breadcrumb__link{margin-bottom:5px}.login-container{margin-left:22px;margin-right:22px}}.align-center,.align-start,.flex,.justify-end,.space-between{display:flex;flex-wrap:wrap}.align-start{align-items:flex-start}.align-center{align-items:center}.space-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1;flex-wrap:wrap}.color-black-lite{color:#494949}.color-black{color:#000}.color-white{color:#fff}.bg-white{background-color:#fff}button.bg-white:hover{background-color:#f8f8f8}.color1{color:#2085dc}.bg-color1{background-color:#2085dc}.color2{color:#3bbaed}.bg-color2{background-color:#3bbaed}button.bg-color2:hover{background-color:#1ca5db}.color3{color:#f08045}.bg-color3{background-color:#f08045}button.bg-color3:hover{background-color:#ee641a}.color4{color:#ec407a}.bg-color4{background-color:#ec407a}button.bg-color4:hover{background-color:#e7155b}.color5{color:#7ca957}.bg-color5{background-color:#7ca957}button.bg-color5:hover{background-color:#5a9629}.color6{color:#b6b6b6}.color7{color:#f85e64}.mr-11{margin:11px}.mrl-11{margin-left:11px}.mrl-50{margin-left:50px}.mrr-5{margin-right:5px}.mrr-11{margin-right:11px}.mrr-22{margin-right:22px}.mrb-0{margin-bottom:0}.mrb-5{margin-bottom:5px}.mrt-5{margin-top:5px}.mrt-22{margin-top:22px}.mrtb-5{margin-top:5px;margin-bottom:5px}.mt-4-5{margin-top:2.5rem}.pd-11{padding:11px}.pd-22{padding:22px}.pd-29{padding:29px}.pd-44{padding:44px}.pdt-22{padding-top:22px}.pdb-0{padding-bottom:0}.pdb-22{padding-bottom:22px}.p-relative{position:relative}.c-pointer{cursor:pointer}.h-underlined:hover{text-decoration:underline}.w-100{width:100%}.w-auto{width:auto}.reset-min-width{min-width:0}.txt-center{text-align:center}.txt-left{text-align:left}.left-scroll{direction:rtl}.disabled-button{opacity:.3}.font-bold{font-weight:700}.rotate-180{transform:rotate(180deg)}.rotate-180,.transition{transition:all .25s}@media screen and (max-width:992px){.sm-w-100{width:100%;min-width:300px}}