@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--platinum: #E5E4E2;--charcoal: #36454F;--filter:#A7C7E7;--black: #343434;--green: #00bd7e;--orange: #FF8C00}#app{margin:0 auto;padding:0;height:100dvh;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;overflow:hidden}.fullWidth{width:100%}.top8{margin-top:8px}.top15{margin-top:15px}.bottom8{margin-bottom:8px}.line30{line-height:30px}.left{float:left}.right{float:right}.vtop{vertical-align:top}.inline{display:inline-block}.inline-container{display:inline-block;vertical-align:.25em}.spacer-10{display:block;width:100%}.spacer-10{height:10px}.width-50{width:50%}.arrow-link{margin-left:8px;color:#d3d3d3;cursor:pointer}.arrow-link:hover{color:#000}.back{padding:0 6px;color:var(--orange);font-size:24px}.back.inline{line-height:24px;width:30px}.back:hover{color:#293133;background-color:#fff5ee;border-radius:10px}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.bg-white{background-color:#fff}.center{margin:0 auto}.center-box{text-align:center}.logo-big{width:75px;height:auto;text-align:center}.option-icon{margin-left:8px;height:18px;color:#cbbfb6;font-size:18px;line-height:24px;cursor:pointer;vertical-align:middle}.option-icon:hover{color:#293133}.option-icon.small{height:14px;font-size:14px;line-height:24px}.option-icon.active{color:var(--filter)}.checked{position:absolute;margin-left:-8px;color:var(--orange)}.icon-green{color:var(--green)}.icon-orange{color:var(--orange)}.table{display:table}.table .tr{display:table-row;width:100%}.table .td{display:table-cell}.loader,.loader-small{margin:0 auto;height:50px;width:50px;background-image:url(/assets/loader-CpDM_02V.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.loader-small{height:30px;width:30px;background-size:contain}.loader-container{padding-top:80px;padding-bottom:20px;height:100%;width:100%;background-color:transparent}.loader-container.subpage-loader{background-color:#fff}.filter .icon-filter{margin:0;height:18px;font-size:18px;line-height:24px;color:#a7c7e7}.filter .dropdown,.filter .dropdown .option-list{background-color:#e3f4ff}.filter .dropdown:hover,.filter .dropdown .option:hover{background-color:#a7c7e7}.filter .dropdown .option-list,.filter .dropdown .option{border-bottom:1px solid #A7C7E7}.avatar{display:inline-block;width:30px;height:30px;line-height:30px;color:#fff;font-size:12px;background-color:#a9a9a9;border-radius:50%;text-align:center}.icon-option{margin:0 8px;height:18px;width:auto;color:#cbbfb6;line-height:40px;cursor:pointer}.icon-option:hover{color:#293133}.icon-submit{height:30px;width:auto;color:#00bd7e;line-height:40px;vertical-align:middle;cursor:pointer}.icon-send{height:20px;width:auto;font-size:12px;line-height:40px;vertical-align:middle;cursor:pointer}.icon-submit:hover,.icon-send:hover{color:#293133}.alert-box{padding:8px;border:2px solid #000000;border-radius:12px;background-color:#fdd}.alert-box h2{margin-top:15px}#footer-menu{position:fixed;padding-top:10px;bottom:0;height:60px;width:100%;background-color:var(--platinum);overflow:hidden}#footer-menu .footer-item{display:inline-block;padding:0;width:20%;color:var(--charcoal);font-size:10px;text-align:center}#footer-menu .footer-item .other{display:inline-block;color:var(--charcoal)}#footer-menu .footer-item.active{color:var(--green)}#footer-menu .footer-item:hover{color:var(--black)}#main-container{overflow:hidden}.column-header{display:flex;align-items:center;width:100%;height:50px}#chapter-column{position:relative;float:left;width:30%;overflow-x:hidden}#chapter-layer{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fff;opacity:.7;visibility:hidden;z-index:9999}#content-column{float:right;display:table-cell;width:calc(70% - 8px);height:calc(100vh - 40px);border-left:2px solid rgba(194,169,146,.33);overflow:hidden}.content{padding:0 30px}.chapter .title{display:inline;padding-left:8px;width:calc(100% - 190px);font-size:24px;font-weight:700}.title-options .options.filter .option-icon{margin:0}.title-options{display:inline-block;margin-right:15px;width:200px;text-align:right}.filterOption{display:inline-block}.options.filter{display:inline-block;width:calc(100% - 80px)}#subpage-main{display:block;width:100%;height:calc(100vh - 160px);background-color:#c2a99254;overflow-x:hidden;overflow-y:scroll;scrollbar-width:thin}#addForm,#editForm,#deleteForm{width:auto;margin-left:30px;margin-right:20px}.input-group{position:relative;padding:5px 0;display:block}.input-group.inline{display:inline-block}.input-group .rounded{border-radius:8px}.input-group .input{padding:5px 10px;width:calc(100% - 100px);height:20px;font-optical-sizing:auto;font-size:16px;line-height:20px;outline:0;border-bottom:1px solid #000}.input-text{padding:5px 0;width:100%;height:20px;font-optical-sizing:auto;font-size:16px;line-height:20px;border:0;border-bottom:1px solid #808080;outline:0}label>.input-text{width:calc(100% - 100px)}.input-text.inline-option{padding-right:80px}.input-group select{width:75%;font-optical-sizing:auto;font-size:16px;line-height:12px;outline:0;border:1px solid #000;border-radius:4px;background-color:#fff}.input-textarea{outline:0}.margin-bottom{margin-bottom:20px}.btn{margin:4px 8px 4px 16px;display:inline-block;width:auto;padding:8px 16px;font-weight:700;cursor:pointer;border-radius:8px;box-shadow:none;outline:0}.btn.fc{font-size:12px;border-radius:4px}.btn.green{color:#fff;background-color:#00bd7e}.btn.red{color:#fff;background-color:#a40000}.btn:hover{color:#fff;background:#000}.btn.small{margin:0 auto;padding:0 15px;color:#000;font-size:12px;font-weight:400;background-color:#ffe8cc;border-radius:8px}.btn.small.active,.btn.small:hover{color:#fff;font-weight:700;background-color:#ff8c00}.button{margin-right:8px;display:inline-block;height:36px;width:36px;color:#fff;font-size:16px;line-height:36px;background-color:#cbbfb6;border-radius:50%;text-align:center;cursor:pointer}.button.active,.button:hover{background-color:#00bd7e}.detail-cell .btn.small{display:block}.btn.cancel{color:#000;background-color:transparent}.page-full{height:100vh;width:100%}.subpage{padding:0 20px}#content-page,#login-page{margin:30px}#login-page h1{font-size:18px;font-weight:500}#login-page .intro{font-size:12px;font-weight:200}#login-page .input-group .input:not(.btn){width:calc(100% - 20px);border:1px solid rgba(194,169,146,.33);border-radius:8px}#login-page .btn{margin:10px 0 0;width:calc(100% + -0px);border:1px solid rgba(194,169,146,.33);border-radius:8px}.TermsText{max-height:100px;overflow-x:auto;overflow-y:scroll}.notifyCount{display:inline-block;width:20px;height:20px;font-size:12px;color:#fff;line-height:20px;background-color:#ff8c00;border-radius:50%;text-align:center}.stopwatch-box{position:relative;cursor:pointer}.stopwatch-box .timer-icon{margin-right:5px}.stopwatch-box .notifyCount{position:absolute;top:0;left:55px;background-color:#a40000}.stopwatch-running{width:30px;height:30px;background-image:url(/assets/ticking-clock-CC0A-pZe.gif);background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 600px){#chapter-column,#content-column{width:100%}}#mobile-install-container{position:absolute;top:5px;left:10px;right:10px;text-align:center}#mobile-install{display:none;padding:10px 16px;color:#fff;background:red;cursor:pointer;border-radius:8px}#mobile-install:hover{opacity:.6}#main-logo{display:block;margin:75px auto;width:125px;height:125px;border:8px solid #67b200;background-repeat:no-repeat;background-position:center}.main-widget{display:inline-block;margin:15px;padding:4px 10px;width:calc(50% - 52px);height:125px;color:#000;background-color:#8ee38e;border-radius:8px;overflow:hidden}.main-widget .widget-title{width:100%;height:25px;text-align:left}.main-widget .widget-title .icon{margin:0 10px 0 0;color:#097969}.main-widget .widget-content{width:100%;height:100px;font-size:11px;font-weight:400;text-align:left}.main-widget .widget-line{width:100%;height:24px;line-height:24px}.main-widget .widget-line label{display:inline-block;width:75%}.main-widget .widget-line .digit{display:inline-block;height:22px;width:22px;line-height:22px;color:#000;font-weight:700;text-align:center}.main-widget .widget-line .alert{display:inline-block;height:22px;width:22px;line-height:22px;color:#fff;font-weight:700;text-align:center;border-radius:50%;background-color:#a40000}.main-button{display:inline-block;margin:15px;padding:0;width:calc(50% - 30px);color:#000;line-height:50px;text-align:left;background-color:#8ee38e;vertical-align:top;border-radius:8px}.main-button:hover{color:#fff!important;background-color:#426b42!important}.main-button .icon{display:inline-block;margin-left:10px;height:50px;width:25px}main-button .name{display:inline-block}#timer{display:inline-block;text-align:center;width:100px}#header{padding-left:8px;width:100%;line-height:32px;color:#ff8c00;background-color:#fff5ee}#header .lemmia{color:#67b200;font-size:14px;font-weight:700}#header .lemmia.logo{margin:0 10px;color:#67b200}#header #logout{float:right;margin-right:20px}#header svg{margin-left:6px;color:#ff8c00}#header svg:hover{color:#293133}body{margin:0}.chapter{color:#293133}.chapter .nav-back-chapter{display:inline-block;padding-right:10px;color:#293133;font-size:24px;font-weight:700;text-decoration:none}.chapter .title{display:inline;padding-left:8px;width:calc(100% - 100px);font-size:24px;font-weight:700}.chapter.back .title{cursor:pointer}.title-options{display:inline-block;margin-right:15px;width:74px;text-align:right}#option-add{color:#00bd7e;height:24px;cursor:pointer}#option-add:hover{color:#293133}.column-header.content{display:block;background-color:#fff}.content .nav-back-chapter{display:inline-block;padding-right:10px;color:#293133;font-size:30px;font-weight:700;text-decoration:none}.content .title{display:inline;width:calc(100% - 74px);font-size:16px;font-weight:700}