html{height:100%}body{-webkit-user-select:none;user-select:none}.test-tutorial{width:100%;max-width:650px;display:flex;flex-direction:column;align-items:center;align-content:center;flex-wrap:nowrap;justify-content:flex-start;margin:20px auto 0;border:1px solid;border:1px solid rgba(0,0,0,.231372549);border-radius:15px;box-shadow:0 5px 20px #0000003b;padding:16px}.tutorial-note{text-align:center;color:#64748b;font-size:12px;margin-top:16px;line-height:1.6;letter-spacing:.01em}.tutorial-header{font-size:28px;font-weight:700;color:#1e293b}.tutorial-title{font-size:18px;color:#1e293b;margin-bottom:24px}.test-include{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:24px;color:#1e293b;font-size:16px;line-height:1.7}.test-include .label{font-weight:600;margin-bottom:8px;display:block}.test-include-title{font-size:1.2rem}.test-structure{margin-left:16px;margin-top:8px;margin-bottom:0}.test-structure li{list-style:none}.test-structure li:not(:last-child){margin-bottom:4px}.select-mode{font-size:16px;color:#1e293b;font-weight:700;margin-bottom:16px}.mode-btn-groups{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.subtext{font-size:14px;color:#64748b;margin-bottom:0;text-align:center;font-weight:400}.test-tutorial ul li:before{font-weight:900;font-family:"Font Awesome 6 Free";margin-right:5px}.test-tutorial ul li.reading:before{content:""}.test-tutorial ul li.listening:before{content:""}.test-tutorial ul li.writing:before{content:""}.test-tutorial ul li.speaking:before{content:""}.test-tutorial ul li.other:before{content:""}@media (max-width: 768px){.test-tutorial{margin-top:16px;padding:16px}}.test-ielts{height:100%;font-size:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none;--var-contrast-bg-color: white;--var-contrast-color: black}.test-ielts .one-col-tab .question-type-content{max-width:1000px}.test-ielts.large{font-size:19px}.test-ielts.extra-large{font-size:22px}.test-ielts.wonb{--var-contrast-bg-color: black;--var-contrast-color: white}.test-ielts.wonb .dropdown-menu{border-color:var(--var-contrast-color)}.test-ielts.wonb .dropdown-divider{background-color:var(--var-contrast-color)}.test-ielts.wonb .skill-info.show{background-color:var(--var-contrast-bg-color)!important}.test-ielts.wonb .per-scorable-item .scorable-subitem,.test-ielts.wonb .per-scorable-item .scorable-subitem .scorable-subtitle{color:var(--var-contrast-color)}.test-ielts.wonb .per-scorable-item .scorable-subitem:not(.show):hover{color:var(--var-contrast-bg-color)}.test-ielts.wonb .per-scorable-item .scorable-subitem:not(.show):hover .scorable-subtitle{color:var(--var-contrast-bg-color)}.test-ielts.wonb .per-scorable-item .scorable-subitem .scorable-question .question-number span:nth-of-type(1) i{color:var(--var-contrast-bg-color)}.test-ielts.wonb .per-scorable-item .scorable-subitem .scorable-question .question-number.flag span:nth-of-type(1) i,.test-ielts.wonb .per-scorable-item .scorable-subitem .scorable-question .question-number[data-flag=true] span:nth-of-type(1) i{color:inherit}.test-ielts.wonb .per-scorable-item .scorable-subitem button,.test-ielts.wonb i,.test-ielts.wonb [type=button],.test-ielts.wonb .btn{color:var(--var-contrast-color)}.test-ielts.yonb{--var-contrast-bg-color: black;--var-contrast-color: yellow}.test-ielts.yonb .dropdown-menu{border-color:var(--var-contrast-color)}.test-ielts.yonb .dropdown-divider{background-color:var(--var-contrast-color)}.test-ielts.yonb .skill-info.show{background-color:var(--var-contrast-bg-color)!important}.test-ielts.yonb .per-scorable-item .scorable-subitem,.test-ielts.yonb .per-scorable-item .scorable-subitem .scorable-subtitle{color:var(--var-contrast-color)}.test-ielts.yonb .per-scorable-item .scorable-subitem:not(.show):hover{color:var(--var-contrast-bg-color)}.test-ielts.yonb .per-scorable-item .scorable-subitem:not(.show):hover .scorable-subtitle{color:var(--var-contrast-bg-color)}.test-ielts.yonb .per-scorable-item .scorable-subitem .scorable-question .question-number span:nth-of-type(1) i{color:var(--var-contrast-bg-color)}.test-ielts.yonb .per-scorable-item .scorable-subitem .scorable-question .question-number.flag span:nth-of-type(1) i,.test-ielts.yonb .per-scorable-item .scorable-subitem .scorable-question .question-number[data-flag=true] span:nth-of-type(1) i{color:inherit}.test-ielts.yonb button,.test-ielts.yonb i,.test-ielts.yonb [type=button],.test-ielts.yonb .btn{color:var(--var-contrast-color)}.test-ielts ::-webkit-scrollbar{background-color:transparent;width:16px}.test-ielts ::-webkit-scrollbar-thumb{background:#adb5bd}.test-ielts .test-main{height:100%;display:flex;flex-direction:column}.test-ielts .test-main>main{flex:1;overflow:hidden;overflow-y:auto;-webkit-user-select:text;-ms-user-select:text;user-select:text}.test-ielts .test-main .navbar{box-shadow:0 2px #dee2e6;z-index:2;background-color:#fff}.test-ielts .test-main .save-status{opacity:1;display:flex;align-items:center;justify-content:center;flex-direction:row}.test-ielts .test-main .save-status.hide{opacity:0;transition:opacity 1.5s ease-in-out}.test-ielts .test-main li{line-height:2em}.test-ielts .test-main td,.test-ielts .test-main th{border:1px solid gray}.test-ielts .navbar-brand{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;font-size:inherit}.test-ielts .navbar-brand svg{width:120px}.test-ielts .navbar-brand .navbar-time{margin-left:25px}.test-ielts .navbar-brand .navbar-time .test-title{font-weight:600;font-size:1.1em;line-height:1em}.test-ielts .navbar-brand .navbar-time .test-time,.test-ielts .navbar-brand .navbar-time .test-audio-status{font-size:.9em;line-height:.9em}.test-ielts .navbar-brand .navbar-time .test-audio-status{padding-left:30px}.test-ielts .test-title{font-weight:600;font-size:1.2em;line-height:1em}.test-ielts .test-time,.test-ielts .test-audio-status{font-weight:600;font-size:1.5em;line-height:1.5em}.test-ielts .test-audio-status{padding-left:30px}.test-ielts .collapse>div{margin-left:auto}.test-ielts .dropdown-toggle{font-size:inherit}.test-ielts .dropdown-toggle:after{display:none}.test-ielts .dropdown-toggle i{font-size:1.2em}.test-ielts .dropdown-menu,.test-ielts .dropdown-item{font-size:inherit;width:100%;min-width:max-content}.test-ielts footer{position:sticky;bottom:0;width:100%}.test-ielts footer .footer-control{background-color:var(--bs-white);border-top:2px solid #dee2e6;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:5px 15px}.test-ielts footer .footer-control .btn{margin:0 5px}.test-ielts footer .footer-control .btn-exit{font-size:inherit;width:auto}.test-ielts footer .footer-control .current-time{font-size:1.5em;font-weight:600;margin:0 5px}.test-ielts footer .footer-control>div:nth-of-type(2){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.test-ielts .per-scorable-item{background-color:var(--bs-white);display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:flex-start;padding:5px 0}.test-ielts .per-scorable-item .scorable-subitem{flex:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;color:#000;text-align:center}.test-ielts .per-scorable-item .scorable-subitem.show{flex-grow:1 1 auto}.test-ielts .per-scorable-item .scorable-subitem.show .scorable-title{min-width:65px;font-weight:700}.test-ielts .per-scorable-item .scorable-subitem.show .scorable-title.hasFullAnswer:before,.test-ielts .per-scorable-item .scorable-subitem.show .scorable-title[data-has-full-answer=true]:before{background-color:green}.test-ielts .per-scorable-item .scorable-subitem:not(.show):hover{background-color:#dee2e6}.test-ielts .per-scorable-item .scorable-subitem:not(.show) .scorable-subtitle{display:inline-block}.test-ielts .per-scorable-item .scorable-subitem:not(.show) .scorable-question{display:none}.test-ielts .per-scorable-item .scorable-subitem:not(.show) .scorable-title{width:100%;height:100%}.test-ielts .per-scorable-item .scorable-subitem:not(.show) .scorable-title:before{background-color:transparent}.test-ielts .per-scorable-item .scorable-subitem .scorable-title{display:flex;flex-direction:column;justify-content:space-evenly}.test-ielts .per-scorable-item .scorable-subitem .scorable-title:before{content:"";height:3px;display:block;background-color:#ced4da;width:calc(100% - 3px)}.test-ielts .per-scorable-item .scorable-subitem .scorable-title>span:nth-of-type(1){font-size:12px;color:transparent;margin-bottom:-2px}.test-ielts .per-scorable-item .scorable-subitem .scorable-title>span:nth-of-type(2){border:2px solid;border-radius:5px;border-color:transparent;padding:0 4px}.test-ielts .per-scorable-item .scorable-subitem .scorable-subtitle{display:none;margin-left:25px;color:#00000087}.test-ielts .per-scorable-item .scorable-subitem .scorable-question{display:flex;flex-grow:1 1 auto}.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:space-between}.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number:before{content:"";height:3px;display:block;background-color:#ced4da;width:calc(100% - 3px)}.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number.hasAnswer:before,.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number[data-has-answer=true]:before{background-color:green}.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number:hover>span:nth-of-type(2),.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number.focus>span:nth-of-type(2),.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number[data-focus=true]>span:nth-of-type(2){border-color:#0080c8;font-weight:700}.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number.flag>span:nth-of-type(1),.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number[data-flag=true]>span:nth-of-type(1){color:red!important}.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number>span:nth-of-type(1){font-size:12px;color:transparent;margin-bottom:-2px;margin-top:-4px}.test-ielts .per-scorable-item .scorable-subitem .scorable-question>.question-number>span:nth-of-type(2){border:2px solid;border-radius:3px;border-color:transparent;padding:0 3px}.test-ielts .lists{border:2px solid rgba(222,226,230,.3607843137);border-radius:10px}.test-ielts .lists .skill-title{font-size:1.5em;font-weight:600}.test-ielts .lists .skill-status{text-align:center}.test-ielts .lists .skill-status.completed span{color:green;font-weight:600}.test-ielts .lists .skill-status-content{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.test-ielts .lists .skill-status-content .skill-status{font-weight:500;color:red}.test-ielts .lists .skill-status-content.completed .skill-status span{color:green}.test-ielts .lists .skill-status-content.completed .skill-status-icon>div{display:inline-block;height:40px;width:60px;border-left:10px solid green;border-bottom:10px solid green;border-radius:5px;transform:rotate(-45deg)}.test-ielts .lists .skill-info{display:none;padding:2px;margin:20px 0;border:2px solid #dee2e6;border-radius:8px}.test-ielts .lists .skill-info .skill-info-title{padding:20px;display:inline-block;cursor:pointer;width:100%}.test-ielts .lists .skill-info .skill-info-title:before{content:"";display:inline-block;width:13px;height:13px;border-left:4px solid;border-bottom:4px solid;transform:rotate(-45deg);margin-right:15px}.test-ielts .lists .skill-info .skill-info-status{margin-left:15px;color:red}.test-ielts .lists .skill-info .skill-info-status.confirmed{color:green}.test-ielts .lists .skill-info .skill-info-content{padding-bottom:10px;display:none}.test-ielts .lists .skill-info .skill-info-content .info-content{padding:10px 20px;min-height:100px;max-height:400px;height:100%;overflow-y:auto;margin-bottom:15px}.test-ielts .lists .skill-info.show{background-color:#ced4da}.test-ielts .lists .skill-info.show .skill-info-content{display:block}.test-ielts .lists .skill-info.show .skill-info-title:before{transform:rotate(135deg)}.test-ielts .lists .skill-test{font-size:inherit;text-align:start;min-width:110px}.test-ielts .section-rubric{padding:.25em}.test-ielts .section-rubric>div{border:1px solid #dee2e6;border-radius:10px;background-color:#dee2ef;padding:.35em .5em}.test-ielts .display-type-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:100%;max-height:100%;overflow:hidden}.test-ielts .display-type-container .display-type-container-draggable{position:relative;width:2px;background:#e9ecef;z-index:100}.test-ielts .display-type-container .display-type-container-draggable:hover,.test-ielts .display-type-container .display-type-container-draggable.active{background:#0080c8}.test-ielts .display-type-container .display-type-container-draggable:hover .display-type-container-resize-bar,.test-ielts .display-type-container .display-type-container-draggable.active .display-type-container-resize-bar{background:#e9ecef;-webkit-transition:background .2s ease-out 0s;transition:background .2s ease-out 0s}.test-ielts .display-type-container .display-type-container-draggable:hover .display-type-container-resize-bar .display-type-container-resize-button,.test-ielts .display-type-container .display-type-container-draggable.active .display-type-container-resize-bar .display-type-container-resize-button{border-color:#0080c8;color:#0080c8;background:#e9ecef}.test-ielts .display-type-container .display-type-container-draggable .display-type-container-resize-bar{opacity:1;position:absolute;background:#0000;top:0;right:-14px;width:14px;height:100%;cursor:ew-resize;-webkit-transition:opacity .3s ease-out 0s;transition:opacity .3s ease-out 0s}.test-ielts .display-type-container .display-type-container-draggable .display-type-container-resize-bar .display-type-container-resize-button{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#535353;z-index:2;top:calc(50% - 16px);left:-19px;width:32px;height:32px;background:#f9f9f9;border:2px solid #535353}.test-ielts .display-type-container .display-type-container-draggable .display-type-container-resize-bar .display-type-container-resize-button i{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.test-ielts .display-type-container .display-type-container-section-wrapper{height:100%;width:50%;overflow-y:scroll}.test-ielts .display-type-container .display-type-container-section-wrapper>div{padding:1em 2.5em 0 2em}.test-ielts .display-type-container .display-type-container-section-wrapper img{min-width:500px;width:100%}.test-ielts .display-type-container .display-type-container-section-content{height:100%;overflow-y:scroll;flex:1}.test-ielts .display-type-container .display-type-container-section-content>div{padding:1em 2.5em 4em 2em}.test-ielts .display-type-container .display-type-container-section-content section{margin-bottom:15px;padding-left:10px}.test-ielts .display-type-container .display-type-container-section-content .put-flag{position:relative}.test-ielts .display-type-container .display-type-container-section-content .flag-btn{position:absolute;top:5px;right:-20px;width:10px;height:20px;padding:initial;margin:initial;color:#0080c8;cursor:pointer}.test-ielts .display-type-container .display-type-container-section-content .flag-btn.flag,.test-ielts .display-type-container .display-type-container-section-content .flag-btn[data-flag=true]{color:red!important}.test-ielts .display-type-container .display-type-container-section-content .instruct-before{background-color:#00000029;position:sticky;height:20px;display:none;z-index:1;color:red;text-align:center;padding:0;top:0}.test-ielts .display-type-container .display-type-container-section-content .instruct-after{background-color:#00000029;position:sticky;height:20px;display:none;z-index:1;color:red;text-align:center;padding:0;bottom:0}.test-ielts .tab-content,.test-ielts .tab-content .tab-pane{overflow:hidden}.test-ielts .nowFocus[data-question-number],.test-ielts span.nowFocus{border-color:#0080c8!important;border-style:solid!important;border-width:2px!important;border-radius:3px}.test-ielts .goPartQuestionNumber{position:relative}.test-ielts .goPartQuestionNumber>div{position:absolute;right:30px;bottom:calc(100% + 25px);display:flex;z-index:100}.test-ielts .goPartQuestionNumber>div>div{width:50px;height:50px;background-color:#000;color:#fff;font-size:2.3em;display:flex;justify-content:center;align-items:center;border-radius:3px;opacity:.8}.test-ielts .goPartQuestionNumber>div>div:hover{opacity:1}.test-ielts .goPartQuestionNumber>div>div:first-child{margin-right:3px;background-color:#343a40}.test-ielts .goPartQuestionNumber .question-arrow{cursor:pointer}.test-ielts .goPartQuestionNumber .question-arrow.disabled{pointer-events:none;background-color:#6c757d}.test-ielts audio::-webkit-media-controls-volume-control-container{display:none}.mark-tool small{font-size:12px}.note-area[data-mode=test]{max-height:calc(100% - 52px)!important;height:calc(100% - 52px)!important}