article{padding:1rem 2rem;flex:1;height:100%;display:flex;flex-direction:column}article.full{padding:0}table td{padding:2px 6px}table thead td{background-color:#eee}.user-ok{font-variant:small-caps;color:#1eadd4;font-weight:bold}.user-disabled{font-variant:small-caps;color:#d45858}.overlay-main{position:absolute;left:200px;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999}.overlay-main .over-back{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#5c5c5c35}.overlay-main .over-body{padding:1rem;background-color:#ffffff;z-index:99999;border-radius:4px;box-shadow:0 0 10px #00000049}.overlay-main .paper-selector{min-width:380px}.logo{text-align:center;margin:30px 0}.logo .title{color:#26b09f;font-size:1.2rem;margin-bottom:0.5rem}.logo img{width:50%}.pin{background-color:#333;color:#ffffff;font-size:9px;padding:2px 4px;margin-left:2px;border-radius:3px}.pin.large{font-size:1rem}.pin.finish{background-color:#1f93a8}.pin.submit{background-color:#c067ca}.btn-blank{border:none;padding:0;background-color:transparent}.gray5{color:#999}.login-box{display:flex;flex-wrap:wrap}.login-box .login{width:500px;margin-right:5rem}.login-box .login section{margin-bottom:5rem}.form-control.w-auto{display:inline-block}.form-control.mini{padding:1px 10px}.utitle{display:flex;align-items:center}.utitle .ico{opacity:0.3}.utitle .fname{font-size:1.2rem}.utitle .uname{margin-left:1rem;margin-top:4px;font-size:0.8rem;color:#c4bf64}textarea:focus,input:focus,button:focus{outline:none !important;box-shadow:none !important}tox .tox-edit-area::before{border:1px solid #999 !important}.home{margin:1rem 1.2rem;display:flex}.home .right{margin-left:3rem;max-width:370px}.home .right .recent-sheets .sheets-box>div{max-width:90px}.home .right .recent-sheets .sheets-box img{margin-top:8px;width:90px;height:116px}.err-bound{flex:1;display:flex;justify-content:center;align-items:center;background-color:#00000033}@keyframes fadeInFromNone{0%{opacity:0}100%{opacity:1}}.loading{animation:fadeInFromNone 0.3s ease-out;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3rem;color:#cccccc}.loading .progress{width:300px;height:10px}.loading .progress .progress-bar{width:100%}.q-page{display:flex;flex-direction:column}.q-page .top-row{position:sticky;top:0;z-index:999;display:flex;align-items:center;align-content:space-between;height:68px;padding:0 1rem;background-color:#e6edf8;background-repeat:repeat-x;background-position-y:bottom;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.q-page .top-row .top-left{flex:1}.q-page .top-row .top-right{flex:1;text-align:right}.q-page .top-row select{background-color:transparent;border-color:#777}.q-page .top-row .title{justify-self:center;font-size:1.5rem}.q-page .bottom-row{position:sticky;bottom:0;z-index:999;padding:5px;height:59px;background-color:#e6edf8;justify-self:end;display:flex;align-items:center;align-content:space-between;justify-content:center;background-repeat:repeat-x;background-position-y:top;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.q-page .bottom-row .bottom-left{flex:1}.q-page .bottom-row .mcq-nav{width:154px;height:34px;background-color:#1e1e1e;border-radius:4px;color:#ffffff;text-align:center;line-height:34px;cursor:pointer;justify-self:center}.q-page .bottom-row .mcq-nav-btns{flex:1;text-align:right}.q-page .bottom-row .mcq-nav-btns button{background-color:#324DC7;color:#fff;border-radius:20px;padding:8px 20px;border:none;margin-right:8px;transition:all .5s}.q-page .bottom-row .mcq-nav-btns button:hover{background-color:#0e1d62}.q-page .bottom-row .qs-selector{position:absolute;bottom:80px}.box-mcq{display:flex;margin:2px;flex:1;min-height:0;position:relative}.box-mcq .dashed{height:2px}.box-mcq.simple{flex-direction:column}.box-mcq blockquote{margin:1.5rem 0 !important;background-color:#f0f0f0;padding:1rem;margin-right:auto !important;letter-spacing:0.3px}.box-mcq .mcq-text,.box-mcq .frq-text{padding:2rem 38px;flex:1 1;justify-content:center;display:flex;overflow-y:auto;scrollbar-width:thin !important}.box-mcq .mcq-question{display:flex;flex-direction:column;margin-top:1rem}.box-mcq .mcq-text .mcq-question{max-width:767px;flex:1}.box-mcq.simple .mcq-text{overflow-y:unset;flex:0 1}.box-mcq .frq-text{display:block}.box-mcq .mcq-right{padding:1rem 38px;flex:1;display:flex;justify-content:center;overflow-y:auto;scrollbar-width:thin !important}.box-mcq .mcq-body{display:flex;flex-direction:column;flex:1;max-width:667px;padding-bottom:30px}.box-mcq .answer-editor{flex:1;margin-bottom:auto;display:flex;margin-top:2px;font-size:12px}.box-mcq .answer-editor .tab-item{flex:1}.box-mcq .mcq-title{display:flex;background-color:#f0f0f0;align-items:center}.box-mcq .mcq-title .num{width:26px;height:30px;text-align:center;line-height:30px;margin-bottom:4px;background-color:#000;color:#fff}.box-mcq .vline{width:4px;background-color:#888888}.box-mcq .mcq-choice{border:1px solid #000000;border-radius:9px;padding:11px;cursor:pointer;margin-top:1rem;box-sizing:content-box;justify-content:start}.box-mcq .mcq-choice:hover{background-color:#e0f0f3}.box-mcq .mcq-choice.selected{border:3px solid #e59700}.box-mcq .mcq-choice.selected .choice-num{color:#fff;background-color:#155d8f;font-weight:bold}.box-mcq .mcq-choice.answer{background-color:#b6e5eb}.box-mcq .choice-num{font-size:12px;padding:0;color:#333333;border:2px solid #333;border-radius:15px;width:24px;height:24px;line-height:22px;text-align:center}.box-mcq .choice-sel{margin-left:10px;padding:17px 13px 21px 13px;flex:1}.add-mcq input[type=text]{min-width:300px}.add-mcq .form-control{width:auto}.add-mcq .choice-num{width:28px;font-size:1.2em;padding-right:0.5em;color:#ffffff;text-align:right}.add-mcq .parse-btns{width:28px;padding-top:2px}.add-mcq .parse-btns .btn-parse{padding:0;width:25px;height:25px;margin-top:2px;font-size:0.8em;border:1px solid #777}.add-mcq .t-number{width:80px;min-width:80px}.add-mcq .tab-item{height:0}.add-mcq .tab-item.show{height:845px}.box-amcq{height:1200px;background-color:#c4ccd1}.mcq-choice{display:flex;flex-direction:row;align-items:center;margin:2px}.btn-submit-exam{background-color:#278b48;color:#fff;border-radius:20px;padding:8px 20px;border:none;margin-right:8px;transition:all .5s}.btn-submit-exam:hover{background-color:#105727}.dashed{background-repeat:repeat-x;background-position-y:bottom;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.mcq-pager{display:flex;flex-direction:row}.t-mcq{width:100px !important;min-width:100px !important}.t-paper{width:250px}.q-page{height:100vh !important}.answer-select{position:relative;min-height:30px}.answer-select .btn-save-frqs{position:absolute;right:0;top:0}.answer-select .btn-save-frqs.hide{display:none}.answer-select .btn-save-frqs button{background-color:#caf199;border-color:#a6ce73;padding:3px 12px;transition:all .3s}.answer-select .btn-save-frqs button:hover{background-color:#b1e46c}.my-subject{font-size:1.3rem;font-variant:small-caps;margin-bottom:2px;font-weight:500}.paper-list{min-width:350px;margin:0 4px}.paper-list .my-paper{padding:8px 12px 3px 12px;margin:5px 0;border-radius:4px;border:1px solid #2ab690;cursor:pointer;font-size:0.9rem}.paper-list .my-paper .frow{display:flex;align-items:center}.paper-list .my-paper .progress{height:4px;margin:5px 0 0 0}.paper-list .my-paper .name{width:180px;text-overflow:ellipsis;font-weight:600}.paper-list .my-paper .count{margin-left:auto;font-size:0.85rem}.paper-list .my-paper .status{font-size:0.85rem;color:#777}.paper-list .my-paper .status .percent{color:#0ebee6;margin-left:12px;font-size:1.1rem}.paper-list .my-paper:hover{border:1px solid #3cdbaf;background-color:#ecfaf6}.paper-list2{min-width:350px}.paper-list2 .my-paper{padding:0;border-bottom:1px solid #ccc;cursor:pointer;font-size:0.9rem;cursor:pointer}.paper-list2 .my-paper:first-child{border-top:1px solid #ccc}.paper-list2 .my-paper .frow{display:flex;align-items:center;padding:8px 4px 0 2px}.paper-list2 .my-paper .progress{height:2px;margin:2px 0 4px 0;background-color:transparent !important}.paper-list2 .my-paper .name{width:180px;text-overflow:ellipsis;font-weight:500;color:#000}.paper-list2 .my-paper .count{margin-left:auto;font-size:0.8rem;font-variant:small-caps;color:#999}.paper-list2 .my-paper .status{text-align:right;font-size:0.88rem;color:#777}.paper-list2 .my-paper .status .percent{color:#0ebee6;margin-left:12px;font-size:0.9rem}.paper-list2 .my-paper:hover{background-color:#ecfaf6}.qs-selector-bg{z-index:1;position:fixed;background-color:#00000005;top:0;right:0;bottom:0;left:200px}.qs-selector{z-index:999;background-color:#ffffff;box-shadow:#ccc 0 0 10px;padding:25px;border-radius:8px;display:none}.qs-selector:after{content:'';position:absolute;top:100%;left:50%;margin-left:-25px;width:0;height:0;border-top:solid 25px #ffffff;border-left:solid 25px transparent;border-right:solid 25px transparent;filter:drop-shadow(0 5px 5px #ccc)}.qs-selector.show{display:block}.qs-selector .q-sel{background-color:#ffffff;border:1px dashed #777;width:20px;height:20px}.qs-selector .q-sel.ans{background-color:#258cfb;color:#fff}.qs-selector .q-sel.wrong{background-color:#c63232;color:#fff}.qs-selector .q-list{display:flex;flex-wrap:wrap;max-width:460px}.qs-selector .q-list .q-sel{width:30px;height:30px;margin:8px;line-height:30px;text-align:center;font-size:16px;font-weight:bold;cursor:pointer}.hwork{display:flex;flex-direction:column}.hwork .top-row{position:sticky;top:0;z-index:999;display:flex;align-items:center;align-content:space-between;height:68px;padding:0 1rem;background-color:#eaeaea;background-repeat:repeat-x;background-position-y:bottom;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.hwork .top-row .top-left{flex:1}.hwork .top-row .top-right{flex:1;text-align:right}.hwork .top-row select{background-color:transparent;border-color:#777}.hwork .top-row .title{justify-self:center;font-size:1.5rem}.hwork .bottom-row{position:sticky;bottom:0;z-index:999;padding:5px;height:59px;background-color:#e6edf8;justify-self:end;display:flex;align-items:center;align-content:space-between;justify-content:center;background-repeat:repeat-x;background-position-y:top;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.hwork .bottom-row .bottom-left{flex:1}.hwork .bottom-row .mcq-nav{width:154px;height:34px;background-color:#1e1e1e;border-radius:4px;color:#ffffff;text-align:center;line-height:34px;cursor:pointer;justify-self:center}.hwork .bottom-row .mcq-nav-btns{flex:1;text-align:right}.hwork .bottom-row .mcq-nav-btns button{background-color:#324DC7;color:#fff;border-radius:20px;padding:8px 20px;border:none;margin-right:8px;transition:all .5s}.hwork .bottom-row .mcq-nav-btns button:hover{background-color:#0e1d62}.hwork .bottom-row .qs-selector{position:absolute;bottom:80px}.add-sheet{display:flex;height:100%;flex-direction:column}.add-sheet .t-name{min-width:400px !important}.add-sheet .doc{margin-top:5px;flex:1}.add-sheet .pdf input{height:80px}.add-sheet .files{display:flex}.add-sheet .files input{height:80px}.add-sheet .files>div{flex:1;margin-right:1rem}.hw-list .hw{display:flex;align-items:center}.hw-list .hw>div{padding:0 .3rem}.box-modal{display:none;position:absolute;left:0;right:0;top:0;bottom:0;z-index:997}.box-modal.show{display:flex;align-items:center;justify-content:center}.box-modal .modal-bg{background-color:#5c5c5c35;position:absolute;left:0;right:0;top:0;bottom:0}.box-modal .modal-body{flex:0;background-color:#ffffff;padding:1rem 2rem;border-radius:0.5rem;min-width:400px;box-shadow:0 0 10px #00000066}.box-modal .bottom{margin-top:1rem}.sheets-box{display:inline-block;border:1px solid #ccc;border-radius:5px;padding:5px 8px;margin-right:15px;margin-bottom:15px;font-size:0.85rem}.sheets-box>div:first-child{white-space:nowrap;max-width:130px;text-overflow:ellipsis;overflow-x:hidden;text-align:center;border-bottom:1px dashed #ccc}.sheets-box.yel{color:#6d6d6d;font-weight:600;font-size:0.85rem}.sheets-box img{margin-top:8px;width:130px;height:169px}.recent-sheets{display:flex;flex-wrap:wrap}.recent-papers{white-space:nowrap}.recent-papers .paper{display:flex;border-bottom:1px solid #eee;padding:2px 8px}.recent-papers .paper .sub{font-size:0.8rem;width:150px;color:#999}.recent-papers .paper .name{font-size:0.9rem}.recent-papers .paper .name .bi{opacity:0.3}.sub-notes{margin-left:2rem}.sub-main{flex:1;display:flex;flex-direction:column}.sub-main .sub-title .name{font-size:1.5rem;font-variant:small-caps}.sub-main .qtype{font-variant:small-caps;color:#7c57d9;font-weight:600;margin-bottom:4px}.sub-main .qtype.frq{color:#c37e4b}.sub-main .sub-body{flex:1;display:flex;padding-top:1rem}.sub-main .sub-body .left{padding-left:1rem}.note-box{display:flex;flex:1;flex-direction:column}.note-box .content{flex:1;display:flex}.note-box .content embed{flex:1;background-color:#ffffff}.mng{font-size:12px}.mng .form-control{padding:2px 8px;font-size:12px}.mng-paper-list{font-size:12px;width:auto}.mng-paper-list .form-control{padding:2px 8px;font-size:12px}.mng-paper-list .hide{display:none}.mcq-answers tr{border-bottom:1px solid #dddddd}.mcq-answers tr.r5{border-color:#999999}.mcq-answers tr td{padding:2px 12px}.user-answers .mcq-num{font-size:12px;color:#999}.user-answers td{padding:0}.user-answers td.r5{border-right:1px solid #cccccc}.user-answers thead td{font-size:14px;text-align:center}.user-answers .user-answer{font-weight:500;font-size:17px;padding:1px 4px}.user-answers .user-answer.correct,.user-answers .user-answer.all{color:#0793c1}.user-answers .user-answer.wrong{color:#ed5757}.user-answers .user-answer.no-answer{color:#7a7a7a}.user-answers .user-answer.partial{color:#de7ade}.user-answers .user-answer.none{color:#aaa}.user-frq-answer .answers{display:flex}.user-frq-answer .answers .answer:not(:first-child){padding-left:3rem}