.sm_star{position:relative;margin:0 auto}.sm_star.backBg{content:"";display:block;height:100%;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:3}.sm_header,.sm_star.backBg{width:100%;position:fixed;left:0;top:0}.sm_header{height:55px;border-bottom:1px solid #e9e9e9;z-index:4;background-color:#fff}.sm_header h1{text-align:center;color:#212121;font-size:1.25rem;font-weight:500;height:55px}.sm_header .close_btn{width:55px;height:55px;position:absolute;left:0;top:0;font-size:0;text-align:center;color:#448aff!important}.close_btn{background:url(/images/close_btn.svg) 50% no-repeat;background-size:22px auto}.sm_header .menu_btn{width:55px;height:55px;position:absolute;left:0;top:0;font-size:0;text-align:center}.sm_header .menu_btn span{width:18px;height:2px;background:#2d6dcc;font-size:0;display:inline-block}.sm_header .menu_btn:after{margin-top:-5px}.sm_header .menu_btn:after,.sm_header .menu_btn:before{width:18px;height:2px;background:#2d6dcc;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sm_header .menu_btn:before{margin-top:5px}.sm_header .search_btn{width:55px;height:55px;position:absolute;right:0;top:0;font-size:0;text-align:center;background:url(/images/search_btn.svg) 50% no-repeat;background-size:22px auto}.sm_header .back_btn,.sm_header .search_btn span{font-size:0;text-indent:-9999px}.sm_header .back_btn{left:0;background:url(/images/back_btn.png) 50% no-repeat;background-size:22px auto}.sm_header .back_btn,.sm_header .more_btn{width:55px;height:55px;position:absolute;top:0;text-align:center}.sm_header .more_btn{right:0;color:#448aff!important;background:url(/images/more_btn.png) 50% no-repeat;background-size:22px auto;font-size:0;text-indent:-9999px}.sm_header .more_box{position:absolute;right:15px;top:45px;width:80px;z-index:10}.more_box{background:#fff;-webkit-box-shadow:0 10px 13px 0 rgba(0,0,0,.1);box-shadow:0 10px 13px 0 rgba(0,0,0,.1);border:1px solid rgba(206,218,220,.5)}.more_box a{display:block;color:#333;font-size:14px;height:30px;line-height:30px;text-align:left;margin-bottom:5px}.more_box a:last-child{margin-bottom:0}.search_box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}.search_box .search_close{width:55px;height:55px;position:absolute;left:0;top:0;font-size:0;text-align:center;background:url(/images/close_btn.svg) 50% no-repeat;background-size:22px auto;text-indent:-9999px}.search_box .search_form{position:absolute;left:60px;top:12px;border:0;background:#fff;font-size:18px;color:#212121;height:30px;width:calc(100% - 125px);outline:none}.sm_wrap{padding:55px 0 0 0}.sm_list,.sm_wrap{position:relative}.sm_list.view{padding-bottom:85px}.sm_list.learning{background:#f9f9f9;position:relative}.process-circle-container{margin-left:16px;margin-right:16px}.progress-circle{font-size:20px;position:relative;padding:0;width:88px;height:88px;background-color:#e3f0ff;border-radius:50%;line-height:88px}.progress-circle:after{border:none;position:absolute;top:4px;left:4px;text-align:center;display:block;border-radius:50%;width:80px;height:80px;background-color:#fff;content:" "}.invalid-icon-data:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg,.invalid-icon-data:not(.mdc-text-field--disabled) .mdc-floating-label,.invalid-icon-data:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--Textfeilderror)!important}.valid-icon-data:not(.mdc-text-field--disabled) .mdc-floating-label,.valid-icon-data:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg,.valid-icon-data:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0,0,0,.6)!important}.invalid-icon-data .mdc-text-field__icon--trailing{display:block}.invalid-icon-data.mdc-text-field--outlined .mdc-notched-outline__leading,.invalid-icon-data.mdc-text-field--outlined .mdc-notched-outline__notch,.invalid-icon-data.mdc-text-field--outlined .mdc-notched-outline__trailing{border-color:var(--Textfeilderror)!important}.progress-circle .content{line-height:88px;width:88px;z-index:2}.progress-circle .content,.progress-circle:after{position:absolute;text-align:center;display:block}.left-half-clipper{border-radius:50%;width:88px;height:88px;position:absolute;clip:rect(0,88px,88px,44px)}.progress-circle.over50 .left-half-clipper{clip:rect(auto,auto,auto,auto)}.value-bar{position:absolute;clip:rect(0,44px,88px,0);width:88px;height:88px;border-radius:50%;border:4px solid var(--KeyBlue);-webkit-box-sizing:border-box;box-sizing:border-box}.progress-circle.over50 .first50-bar{position:absolute;clip:rect(0,88px,88px,44px);background-color:var(--KeyBlue);border-radius:50%;width:88px;height:88px}.progress-circle.p0 .value-bar,.progress-circle:not(.over50) .first50-bar{display:none}.progress-circle.p1 .value-bar{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.progress-circle.p2 .value-bar{-webkit-transform:rotate(7deg);transform:rotate(7deg)}.progress-circle.p3 .value-bar{-webkit-transform:rotate(11deg);transform:rotate(11deg)}.progress-circle.p4 .value-bar{-webkit-transform:rotate(14deg);transform:rotate(14deg)}.progress-circle.p5 .value-bar{-webkit-transform:rotate(18deg);transform:rotate(18deg)}.progress-circle.p6 .value-bar{-webkit-transform:rotate(22deg);transform:rotate(22deg)}.progress-circle.p7 .value-bar{-webkit-transform:rotate(25deg);transform:rotate(25deg)}.progress-circle.p8 .value-bar{-webkit-transform:rotate(29deg);transform:rotate(29deg)}.progress-circle.p9 .value-bar{-webkit-transform:rotate(32deg);transform:rotate(32deg)}.progress-circle.p10 .value-bar{-webkit-transform:rotate(36deg);transform:rotate(36deg)}.progress-circle.p11 .value-bar{-webkit-transform:rotate(40deg);transform:rotate(40deg)}.progress-circle.p12 .value-bar{-webkit-transform:rotate(43deg);transform:rotate(43deg)}.progress-circle.p13 .value-bar{-webkit-transform:rotate(47deg);transform:rotate(47deg)}.progress-circle.p14 .value-bar{-webkit-transform:rotate(50deg);transform:rotate(50deg)}.progress-circle.p15 .value-bar{-webkit-transform:rotate(54deg);transform:rotate(54deg)}.progress-circle.p16 .value-bar{-webkit-transform:rotate(58deg);transform:rotate(58deg)}.progress-circle.p17 .value-bar{-webkit-transform:rotate(61deg);transform:rotate(61deg)}.progress-circle.p18 .value-bar{-webkit-transform:rotate(65deg);transform:rotate(65deg)}.progress-circle.p19 .value-bar{-webkit-transform:rotate(68deg);transform:rotate(68deg)}.progress-circle.p20 .value-bar{-webkit-transform:rotate(72deg);transform:rotate(72deg)}.progress-circle.p21 .value-bar{-webkit-transform:rotate(76deg);transform:rotate(76deg)}.progress-circle.p22 .value-bar{-webkit-transform:rotate(79deg);transform:rotate(79deg)}.progress-circle.p23 .value-bar{-webkit-transform:rotate(83deg);transform:rotate(83deg)}.progress-circle.p24 .value-bar{-webkit-transform:rotate(86deg);transform:rotate(86deg)}.progress-circle.p25 .value-bar{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.progress-circle.p26 .value-bar{-webkit-transform:rotate(94deg);transform:rotate(94deg)}.progress-circle.p27 .value-bar{-webkit-transform:rotate(97deg);transform:rotate(97deg)}.progress-circle.p28 .value-bar{-webkit-transform:rotate(101deg);transform:rotate(101deg)}.progress-circle.p29 .value-bar{-webkit-transform:rotate(104deg);transform:rotate(104deg)}.progress-circle.p30 .value-bar{-webkit-transform:rotate(108deg);transform:rotate(108deg)}.progress-circle.p31 .value-bar{-webkit-transform:rotate(112deg);transform:rotate(112deg)}.progress-circle.p32 .value-bar{-webkit-transform:rotate(115deg);transform:rotate(115deg)}.progress-circle.p33 .value-bar{-webkit-transform:rotate(119deg);transform:rotate(119deg)}.progress-circle.p34 .value-bar{-webkit-transform:rotate(122deg);transform:rotate(122deg)}.progress-circle.p35 .value-bar{-webkit-transform:rotate(126deg);transform:rotate(126deg)}.progress-circle.p36 .value-bar{-webkit-transform:rotate(130deg);transform:rotate(130deg)}.progress-circle.p37 .value-bar{-webkit-transform:rotate(133deg);transform:rotate(133deg)}.progress-circle.p38 .value-bar{-webkit-transform:rotate(137deg);transform:rotate(137deg)}.progress-circle.p39 .value-bar{-webkit-transform:rotate(140deg);transform:rotate(140deg)}.progress-circle.p40 .value-bar{-webkit-transform:rotate(144deg);transform:rotate(144deg)}.progress-circle.p41 .value-bar{-webkit-transform:rotate(148deg);transform:rotate(148deg)}.progress-circle.p42 .value-bar{-webkit-transform:rotate(151deg);transform:rotate(151deg)}.progress-circle.p43 .value-bar{-webkit-transform:rotate(155deg);transform:rotate(155deg)}.progress-circle.p44 .value-bar{-webkit-transform:rotate(158deg);transform:rotate(158deg)}.progress-circle.p45 .value-bar{-webkit-transform:rotate(162deg);transform:rotate(162deg)}.progress-circle.p46 .value-bar{-webkit-transform:rotate(166deg);transform:rotate(166deg)}.progress-circle.p47 .value-bar{-webkit-transform:rotate(169deg);transform:rotate(169deg)}.progress-circle.p48 .value-bar{-webkit-transform:rotate(173deg);transform:rotate(173deg)}.progress-circle.p49 .value-bar{-webkit-transform:rotate(176deg);transform:rotate(176deg)}.progress-circle.p50 .value-bar{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.progress-circle.p51 .value-bar{-webkit-transform:rotate(184deg);transform:rotate(184deg)}.progress-circle.p52 .value-bar{-webkit-transform:rotate(187deg);transform:rotate(187deg)}.progress-circle.p53 .value-bar{-webkit-transform:rotate(191deg);transform:rotate(191deg)}.progress-circle.p54 .value-bar{-webkit-transform:rotate(194deg);transform:rotate(194deg)}.progress-circle.p55 .value-bar{-webkit-transform:rotate(198deg);transform:rotate(198deg)}.progress-circle.p56 .value-bar{-webkit-transform:rotate(202deg);transform:rotate(202deg)}.progress-circle.p57 .value-bar{-webkit-transform:rotate(205deg);transform:rotate(205deg)}.progress-circle.p58 .value-bar{-webkit-transform:rotate(209deg);transform:rotate(209deg)}.progress-circle.p59 .value-bar{-webkit-transform:rotate(212deg);transform:rotate(212deg)}.progress-circle.p60 .value-bar{-webkit-transform:rotate(216deg);transform:rotate(216deg)}.progress-circle.p61 .value-bar{-webkit-transform:rotate(220deg);transform:rotate(220deg)}.progress-circle.p62 .value-bar{-webkit-transform:rotate(223deg);transform:rotate(223deg)}.progress-circle.p63 .value-bar{-webkit-transform:rotate(227deg);transform:rotate(227deg)}.progress-circle.p64 .value-bar{-webkit-transform:rotate(230deg);transform:rotate(230deg)}.progress-circle.p65 .value-bar{-webkit-transform:rotate(234deg);transform:rotate(234deg)}.progress-circle.p66 .value-bar{-webkit-transform:rotate(238deg);transform:rotate(238deg)}.progress-circle.p67 .value-bar{-webkit-transform:rotate(241deg);transform:rotate(241deg)}.progress-circle.p68 .value-bar{-webkit-transform:rotate(245deg);transform:rotate(245deg)}.progress-circle.p69 .value-bar{-webkit-transform:rotate(248deg);transform:rotate(248deg)}.progress-circle.p70 .value-bar{-webkit-transform:rotate(252deg);transform:rotate(252deg)}.progress-circle.p71 .value-bar{-webkit-transform:rotate(256deg);transform:rotate(256deg)}.progress-circle.p72 .value-bar{-webkit-transform:rotate(259deg);transform:rotate(259deg)}.progress-circle.p73 .value-bar{-webkit-transform:rotate(263deg);transform:rotate(263deg)}.progress-circle.p74 .value-bar{-webkit-transform:rotate(266deg);transform:rotate(266deg)}.progress-circle.p75 .value-bar{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.progress-circle.p76 .value-bar{-webkit-transform:rotate(274deg);transform:rotate(274deg)}.progress-circle.p77 .value-bar{-webkit-transform:rotate(277deg);transform:rotate(277deg)}.progress-circle.p78 .value-bar{-webkit-transform:rotate(281deg);transform:rotate(281deg)}.progress-circle.p79 .value-bar{-webkit-transform:rotate(284deg);transform:rotate(284deg)}.progress-circle.p80 .value-bar{-webkit-transform:rotate(288deg);transform:rotate(288deg)}.progress-circle.p81 .value-bar{-webkit-transform:rotate(292deg);transform:rotate(292deg)}.progress-circle.p82 .value-bar{-webkit-transform:rotate(295deg);transform:rotate(295deg)}.progress-circle.p83 .value-bar{-webkit-transform:rotate(299deg);transform:rotate(299deg)}.progress-circle.p84 .value-bar{-webkit-transform:rotate(302deg);transform:rotate(302deg)}.progress-circle.p85 .value-bar{-webkit-transform:rotate(306deg);transform:rotate(306deg)}.progress-circle.p86 .value-bar{-webkit-transform:rotate(310deg);transform:rotate(310deg)}.progress-circle.p87 .value-bar{-webkit-transform:rotate(313deg);transform:rotate(313deg)}.progress-circle.p88 .value-bar{-webkit-transform:rotate(317deg);transform:rotate(317deg)}.progress-circle.p89 .value-bar{-webkit-transform:rotate(320deg);transform:rotate(320deg)}.progress-circle.p90 .value-bar{-webkit-transform:rotate(324deg);transform:rotate(324deg)}.progress-circle.p91 .value-bar{-webkit-transform:rotate(328deg);transform:rotate(328deg)}.progress-circle.p92 .value-bar{-webkit-transform:rotate(331deg);transform:rotate(331deg)}.progress-circle.p93 .value-bar{-webkit-transform:rotate(335deg);transform:rotate(335deg)}.progress-circle.p94 .value-bar{-webkit-transform:rotate(338deg);transform:rotate(338deg)}.progress-circle.p95 .value-bar{-webkit-transform:rotate(342deg);transform:rotate(342deg)}.progress-circle.p96 .value-bar{-webkit-transform:rotate(346deg);transform:rotate(346deg)}.progress-circle.p97 .value-bar{-webkit-transform:rotate(349deg);transform:rotate(349deg)}.progress-circle.p98 .value-bar{-webkit-transform:rotate(353deg);transform:rotate(353deg)}.progress-circle.p99 .value-bar{-webkit-transform:rotate(356deg);transform:rotate(356deg)}.progress-circle.p100 .value-bar{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fixed-bottom-footer{position:fixed;bottom:0;left:0;z-index:999}.bottom-shadow{-webkit-box-shadow:0 2px 4px var(--Shadow1);box-shadow:0 2px 4px var(--Shadow1)}.user-name-char{width:64px;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:28px;color:var(--DocumentWhite);font-weight:500}.user-name-profile{min-width:40px!important;width:40px!important;height:40px!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;font-size:18px!important;color:var(--DocumentWhite)!important;font-weight:500!important;border-radius:50%}.user-name-profile.reply{min-width:28px!important;width:28px!important;height:28px!important;font-size:13px!important;font-weight:400!important}.no-comment-center-checklist{height:calc(100% - 21px)}.lessonListing .scroll-y{height:calc(100vh - 147px)}.scroll-view{margin-left:-64px;padding-left:64px;margin-right:-16px}.scroll-y{overflow-y:auto}.overflow-hidden{overflow:hidden}.board_module.view .fixed-width{max-width:240px}.board_module.view .more_box{display:inline-block;padding:15px 20px;background:var(--DocumentWhite);-webkit-box-shadow:0 10px 13px 0 var(--Shadow1);box-shadow:0 10px 13px 0 var(--Shadow1);border:solid 1px var(--Divider);border-radius:4px;display:none;white-space:nowrap;right:0;z-index:99}.box-absolute{position:absolute;z-index:1;right:0;top:20px}.more_box{display:inline-block;padding:15px 20px;background:var(--DocumentWhite);-webkit-box-shadow:0 10px 13px 0 var(--Shadow1);box-shadow:0 10px 13px 0 var(--Shadow1);border:solid 1px var(--Divider);border-radius:4px;display:none}.fixed-width{max-width:240px}.mgt-8{margin-top:8px!important}.grid-3-item img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.invalid-icon-data:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg,.invalid-icon-data:not(.mdc-text-field--disabled) .mdc-floating-label,.invalid-icon-data:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--Textfielderror)!important}.textBlock textarea{resize:none;padding-top:4px;padding-left:0;padding-bottom:0}.comment_textarea{position:relative;vertical-align:top;font-size:14px;background:none;border:0;resize:none;outline:none;height:25px;line-height:normal}.border-none{border:none}.attachedFileContainer{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 16px!important}.attachedFileContainer img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.scroll-x{overflow:hidden;overflow-x:auto}.remove-image-new{position:absolute;right:15px;top:45px;top:-16px;right:-16px;border-radius:50%;width:24px;height:24px;background:var(--Iconinactive);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:3px solid var(--DocumentWhite);color:var(--DocumentWhite);line-height:0;top:-10px!important;left:34px;border:2px solid var(--DocumentWhite);cursor:pointer}input[type=date]{text-align:left!important}input[type=date]::-webkit-date-and-time-value{text-align:left!important}.video-thumbnail-big{width:104px;height:104px;background-color:#141414}.video-thumbnail-middle{width:80px;height:80px;background-color:#141414}.video-thumbnail-small{width:48px;height:48px;background-color:#141414}.video-thunmail-play_icon{width:30%!important;min-width:0!important;height:auto!important}.video-js{width:100%!important}.preview-input-border{border:none;border:1px solid!important;padding:13px 20px 13px 16px;background-color:#f5f5f5;color:var(--BodyBrayA);border-radius:5px;border-color:#d6d6d6!important}.mdc-text-field__input.t-body3.font-r.t-color-content1{border:none;padding:0}i.mdc-text-field__icon--trailing{bottom:0!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--KeyBlue)!important}.datepicker-text-color[data-v-2de3fea5]{color:var(--Textfeildguid)!important}