@font-face{font-family:National Park;src:url(/fonts/NationalPark/NationalPark-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:National Park;src:url(/fonts/NationalPark/NationalPark-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:National Park;src:url(/fonts/NationalPark/NationalPark-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:National Park;src:url(/fonts/NationalPark/NationalPark-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:National Park;src:url(/fonts/NationalPark/NationalPark-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:National Park;src:url(/fonts/NationalPark/NationalPark-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:National Park;src:url(/fonts/NationalPark/NationalPark-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope/Manrope-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol!important}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container{padding:68px 15px 15px;max-width:1200px;margin-left:auto;margin-right:auto}.login-bg{display:grid;place-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/btg-bg.jpg);background-size:cover;background-position:center}.login-bg .login-box{border-radius:10px;padding:15px;overflow:hidden;box-sizing:border-box;width:400px;max-width:calc(100vw - 30px);max-height:80vh;overflow-y:auto;box-shadow:0 0 6px #0003;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-bg .login-box .login-title{font-size:20pt;font-weight:700;color:#1677ff;text-align:center}.login-bg .login-box .login-desc{text-align:center;padding-top:10px;padding-bottom:15px}.login-bg .login-box .login-desc.error{color:#d4212a}.login-bg .login-box .login-button-container{display:grid;place-items:center}.loading-icon{width:80px;height:80px;border:5px solid #1677ff;border-bottom-color:transparent!important;border-right-color:transparent!important;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.page-loading{display:grid;place-items:center;height:80vh}.modal-loading{text-align:center}.modal-loading .loading-icon{margin-top:10px;margin-bottom:15px}.modal-loading .loading-text{font-size:18pt}.main-title{font-size:16pt;font-weight:600;color:#1677ff;margin-bottom:15px}.main-title.gray{color:#848484}.home-img{width:100%;height:auto;background-size:contain}.login-form{text-align:center}.form-note{font-size:12pt;font-weight:600;margin-bottom:15px}.home-content{display:flex;flex-direction:column;justify-content:center;gap:15px;height:100%}.home-content .content-text{display:flex;flex-direction:column;gap:5px;font-size:16pt}@media (max-width: 576px){.home-content .content-text{font-size:14pt}}.home-content .content-text .text-title{font-size:26pt;font-weight:700}@media (max-width: 576px){.home-content .content-text .text-title{font-size:18pt}}.home-content .content-text .text-desc{font-size:16pt;font-weight:600;color:#1677ff}@media (max-width: 576px){.home-content .content-text .text-desc{font-size:18pt}}.home-content .content-signup button{font-size:20pt;height:auto;font-weight:700;padding:10px 20px}.home-content .content-bottom{display:inline-flex;gap:15px}@media (max-width: 576px){.home-hero-center{margin-top:20px}}.home-hero-center img{width:100%;height:auto}.home-notification{margin-top:30px}.home-notification img{margin-top:15px}.parent-container{background-color:#fff;border:1px solid #DBD6D0;border-radius:10px;box-shadow:0 0 6px #0003;position:relative;overflow:hidden;margin-bottom:20px}.parent-container .parent{padding:10px 15px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #DBD6D0}.parent-container .parent .text-icon{display:flex;gap:6px;align-items:center}.parent-container .parent .text-icon.male{color:#1677ff}.parent-container .parent .text-icon.female{color:#e91e63}.parent-container .parent .text-icon .icon,.parent-container .parent .text-icon .text{font-size:14pt}.parent-container .parent .parent-name .text{font-weight:600;font-size:16pt}.parent-container .parent .parent-action{display:inline-flex;gap:15px}.parent-container .parent .parent-total-fee{color:#388e3c}.parent-container .flex-container{position:relative;display:flex;border-bottom:1px solid #DBD6D0}.parent-container .flex-container:last-child{border-bottom:none}.parent-container .flex-container .side-title{flex:0 0 20px;writing-mode:vertical-rl;padding:10px}.parent-container .flex-container .side-title div{display:inline-block;font-size:16px;transform:rotate(180deg);color:#1677ff;font-weight:600;text-transform:uppercase}.parent-container .flex-container .main-content{flex:1;border-left:1px solid #DBD6D0}.parent-container .flex-container .main-content .parent-student{padding:10px 15px;border-bottom:1px solid #DBD6D0}.parent-container .flex-container .main-content .parent-student:last-child{border-bottom:none}.parent-container .flex-container .main-content .parent-student .student-school{color:#9c9c9c;text-transform:uppercase;font-size:11pt;font-weight:600}.parent-container .flex-container .main-content .parent-student .student-info{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0}.parent-container .flex-container .main-content .parent-student .student-info .gender-icon{font-size:16pt}.parent-container .flex-container .main-content .parent-student .student-info .tag{background:#1677ff;padding:4px 8px;color:#fff;font-size:11pt;border-radius:5px;text-transform:uppercase;font-weight:600}.parent-container .flex-container .main-content .parent-student .student-info .tag.orange{background:#e07f00}.parent-container .flex-container .main-content .parent-student .student-info .tag.female{background:#e91e63}.parent-container .flex-container .main-content .parent-student .student-info .tag.green{background:#388e3c}.parent-container .flex-container .main-content .parent-student .student-name{font-size:14pt;font-weight:600;color:#1677ff}.parent-container .flex-container .main-content .parent-student .student-name.female{color:#e91e63}.parent-container .flex-container .main-content .parent-student .student-date{font-size:12pt;padding:1px 0}.parent-container .flex-container .main-content .parent-student .student-date b.error{color:#d4212a}.parent-container .flex-container .main-content .parent-student .student-date b.warning{color:#e07f00}.parent-container .flex-container .main-content .parent-student .student-fee{font-size:12pt;padding:1px 0}.parent-container .flex-container .main-content .parent-student .student-action{display:inline-flex;flex-wrap:wrap;gap:15px;align-items:center;padding-top:5px;padding-bottom:5px}.custom-modal .modal-header{padding:0 23px 15px;margin:0 -23px;position:sticky;top:0;z-index:100;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #DBD6D0}.custom-modal .modal-header .header-navbar{display:flex;align-items:center;gap:15px}.custom-modal .modal-header .header-navbar .navbar-title{font-size:16pt;font-weight:700}.custom-modal .modal-header .confirm-info-container{padding-top:15px}.custom-modal .modal-header .confirm-info-container .student-info{display:inline-flex;align-items:center;gap:8px}.custom-modal .modal-header .confirm-info-container .student-info .tag{background:#1677ff;padding:1px 6px;border-radius:5px;color:#fff;text-transform:uppercase;font-size:12pt;font-weight:600}.custom-modal .modal-header .confirm-info-container .student-info .tag.orange{background:#e07f00}.custom-modal .modal-header .confirm-info-container .student-info .tag.green{background:#00bd9d}.custom-modal .modal-header .confirm-info-container .student-info .info-gender{font-size:15pt}.custom-modal .modal-header .confirm-info-container .student-info .info-name{font-size:15pt;font-weight:600}.custom-modal .modal-header .confirm-info-container .student-info.male .info-gender,.custom-modal .modal-header .confirm-info-container .student-info.male .info-name{color:#1677ff}.custom-modal .modal-header .confirm-info-container .student-info.female .info-gender,.custom-modal .modal-header .confirm-info-container .student-info.female .info-name{color:#e91e63}.custom-modal .modal-header .confirm-info-container .fee-status{font-size:12pt;padding-top:10px}.custom-modal .modal-header .move-class-container{padding-top:15px;text-align:center}.custom-modal .modal-header .move-class-container .student-info{display:inline-flex;align-items:center;gap:8px}.custom-modal .modal-header .move-class-container .student-info .tag{background:#1677ff;padding:1px 6px;border-radius:5px;color:#fff;text-transform:uppercase;font-size:12pt;font-weight:600}.custom-modal .modal-header .move-class-container .student-info .tag.orange{background:#e07f00}.custom-modal .modal-header .move-class-container .student-info .tag.green{background:#388e3c}.custom-modal .modal-header .move-class-container .student-info .info-gender{font-size:15pt}.custom-modal .modal-header .move-class-container .student-info .info-name{font-size:15pt;font-weight:600}.custom-modal .modal-header .move-class-container .student-info.male .info-gender,.custom-modal .modal-header .move-class-container .student-info.male .info-name{color:#1677ff}.custom-modal .modal-header .move-class-container .student-info.female .info-gender,.custom-modal .modal-header .move-class-container .student-info.female .info-name{color:#e91e63}.custom-modal .modal-body{max-height:80dvh;overflow-y:auto;margin:0 -24px;padding:0 24px 5px}.custom-modal .modal-body.move-class{max-height:65dvh;line-height:1.2}.custom-modal .modal-body.move-class .main-title-btn{margin-top:40px}.custom-modal .modal-body.move-class .main-title-btn:first-child{border-top:none;margin-top:0}.custom-modal .modal-body.move-class .course-item{position:relative}.custom-modal .modal-body.move-class .course-item .course-tag{position:absolute;top:0;right:0;background:#1677ff;color:#fff;border-radius:0 0 0 10px;text-transform:uppercase;font-weight:600;padding:5px 10px;z-index:10}.custom-modal .modal-body.move-class .course-item.error{border:none;outline:3px solid #D4212A;background:#fff4f4;pointer-events:none}.custom-modal .modal-body.move-class .course-item.error .course-tag{background:#d4212a}.custom-modal .modal-body.move-class .course-item.error .course-info{opacity:.5}.custom-modal .modal-body.move-class .course-item.current{border:none;outline:3px solid #388E3C;background:#f4fffd;pointer-events:none}.custom-modal .modal-body.move-class .course-item.current .course-tag{background:#388e3c}.custom-modal .modal-body.move-class .course-item.current .course-info{opacity:.5}.widget-container{border-top:1px solid #DBD6D0;margin-top:20px;padding-top:15px}.widget-container .widget-title{font-size:16pt;font-weight:600;padding-bottom:10px}.custom-collapse{display:flex;align-items:center;gap:10px;cursor:pointer}.custom-collapse .collapse-arrow{flex:0 0 20px;text-align:center;color:#1677ff;font-size:1.2em}.custom-collapse .collapse-item{display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.class-moving-container{padding-top:10px;display:flex;align-items:center;justify-content:center;gap:20px}.class-moving-container .moving-arrow{font-size:25pt;padding-top:30px}.class-moving-container .moving-item{flex:0 1 220px;text-align:center}.class-moving-container .moving-item.left-align{text-align:left}.class-moving-container .moving-item .item-desc{font-size:14pt;font-weight:600;margin-bottom:5px}.class-moving-container .moving-item .item-main{padding-top:5px;color:#1677ff}.class-moving-container .moving-item .item-main .item-main-sub{font-size:12pt;margin-bottom:-5px}.class-moving-container .moving-item .item-main .item-main-title{font-size:16pt;font-weight:700}.class-moving-container .moving-item .item-main .item-select-class{min-height:50px;line-height:1.2;padding:0 15px;border:2px dashed #DBD6D0;display:grid;place-items:center;border-radius:10px;font-size:14pt;font-weight:600;color:#e07f00}.class-moving-container .moving-item .item-main .item-select-payment{height:95.2px;line-height:1.2;padding:0 15px;border:2px dashed #DBD6D0;display:grid;place-items:center;border-radius:10px;font-size:14pt;font-weight:600;color:#e07f00}.class-moving-container .moving-item .item-main-payment{font-size:14pt}.class-moving-container .moving-item .item-main-payment .payment-item span{font-weight:700}.class-moving-container .moving-item .item-main-payment .payment-item span.before{color:#e07f00}.class-moving-container .moving-item .item-main-payment .payment-item span.after{color:#1677ff}.class-moving-container .moving-item .item-main-payment .payment-item .tag{display:inline-block;background:#1677ff;margin-bottom:5px;padding:4px 8px;color:#fff;font-size:11pt;border-radius:5px;text-transform:uppercase;font-weight:600}.class-moving-container .moving-item .item-main-payment .payment-item .tag.orange{background:#e07f00}.class-moving-container .moving-item .item-main-payment .payment-item .tag.female{background:#e91e63}.class-moving-container .moving-item .item-main-payment .payment-item .tag.green{background:#00bd9d}.payment-form{padding-top:15px;padding-bottom:10px}.payment-form .form-label{font-size:12pt;padding-bottom:5px}.payment-form .form-error{font-size:12pt;color:red;margin-top:-5px}.materials-container .material-item-container{overflow:hidden;padding:10px 15px;transition:all .2s ease-in-out;outline:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12pt;background-color:#fff;border:1px solid #DBD6D0;border-radius:10px;box-shadow:0 0 6px #0003}@media (hover: hover) and (pointer: fine){.materials-container .material-item-container:hover{outline-color:#1677ff}}.materials-container .material-item-container .item-name{font-size:16pt;color:#1677ff;font-weight:600;margin-bottom:5px}.materials-container .material-item-container .item-info{line-height:1.4}.materials-container .material-item-container .item-stat{border-top:1px solid #DBD6D0;padding-top:10px;margin-top:10px}.materials-container .material-item-container .item-stat .stat .stat-desc{font-size:18pt;font-weight:600}.modal-bottom-action{text-align:center}.modal-bottom-action .bottom-action{display:inline-flex;gap:15px}.material-manage-student .tag{background:#1677ff;padding:4px 8px;color:#fff;font-size:11pt;border-radius:5px;text-transform:uppercase;font-weight:600}.material-manage-student .tag.orange{background:#e07f00}.material-manage-student .tag.female{background:#e91e63}.material-manage-student .tag.green{background:#388e3c}.material-manage-student .student-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #DBD6D0}.material-manage-student .student-item:last-child{border-bottom:none;padding-bottom:0}.material-manage-student .student-item .item-school{color:#9c9c9c;text-transform:uppercase;font-size:11pt;font-weight:600;margin-bottom:5px}.material-manage-student .student-item .item-info{display:flex;gap:5px;align-items:center;margin-bottom:15px}.material-manage-student .student-item .item-info .item-name{font-size:14pt;font-weight:600;color:#1677ff}.material-manage-student .student-item .item-info .item-name.female{color:#e91e63}.material-manage-student .material-checklist{display:inline-flex;gap:15px;align-items:center;flex-wrap:wrap}.material-manage-student .material-checklist .list-item{overflow:hidden;padding:10px;transition:all .2s ease-in-out;outline:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap;background-color:#fff;border:1px solid #DBD6D0;border-radius:10px;box-shadow:0 0 6px #0003}@media (hover: hover) and (pointer: fine){.material-manage-student .material-checklist .list-item:hover{outline-color:#1677ff}}.material-manage-student .material-checklist .list-item .item-label{font-size:12pt;font-weight:500}.material-manage-student .material-checklist .list-item .item-check-icon{font-size:17pt;flex:0 0 20px;position:relative}.material-manage-student .material-checklist .list-item .item-check-icon .check-placeholder{width:20px;height:20px;border-radius:20px;border:1px solid #DBD6D0}.material-manage-student .material-checklist .list-item .item-check-icon .checked-icon{position:absolute;top:-6px;color:#1677ff;opacity:0;transition:opacity .2s ease-in-out}.material-manage-student .material-checklist .list-item.selected{outline:3px solid #1677ff;background:#e3efff;color:#1677ff}.material-manage-student .material-checklist .list-item.selected .item-check-icon .checked-icon{opacity:1}.material-manage-info{padding-top:15px}.material-manage-info .info-group{font-size:12pt;color:#1677ff;font-weight:600}.material-manage-info .info-course{font-size:16pt;font-weight:700;margin-top:-5px}.material-manage-info .info-material{margin-top:15px;margin-bottom:30px}.material-manage-info .info-material .material-item{overflow:hidden;transition:all .2s ease-in-out;outline:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #DBD6D0;border-radius:10px;box-shadow:0 0 6px #0003;padding:10px 15px}@media (hover: hover) and (pointer: fine){.material-manage-info .info-material .material-item:hover{outline-color:#1677ff}}.material-manage-info .info-material .material-item .material-name{font-size:14pt;color:#1677ff;font-weight:600}.material-manage-info .info-material .material-item .material-stat{display:flex;align-items:flex-start;gap:15px}.material-manage-info .info-material .material-item .material-stat .stat-item{flex:1}.material-manage-info .info-material .material-item .material-stat .stat-item .stat-title{font-size:12pt}.material-manage-info .info-material .material-item .material-stat .stat-item .stat-number{font-size:16pt;font-weight:600;margin-top:-5px}.material-manage-info .info-material .material-item .material-stat .stat-item .stat-number.finished{color:#1677ff}.material-manage-info .info-material .material-item .material-stat .stat-item .stat-number.unfinished{color:#d4212a}.main-navbar{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;padding:10px 15px;border-bottom:1px solid #DBD6D0;height:53px;z-index:100;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a}.main-navbar .top-navbar{display:flex;gap:15px;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto}.main-navbar .top-navbar .navbar-left,.main-navbar .top-navbar .navbar-right{display:inline-flex;align-items:center}.main-navbar .top-navbar .navbar-left .nav-item a,.main-navbar .top-navbar .navbar-right .nav-item a{text-decoration:none;color:#1677ff}.main-navbar .top-navbar .navbar-left .nav-item .item-title,.main-navbar .top-navbar .navbar-right .nav-item .item-title{font-weight:600;font-size:15pt}.main-navbar .top-navbar .navbar-left{flex:1 0 auto}.main-navbar .top-navbar .navbar-right{white-space:nowrap;overflow:auto}.student-form-container{border-top:1px solid #DBD6D0;padding-top:10px;margin-bottom:-20px}.student-form-container .form-header{display:flex;align-items:center;margin-bottom:10px}.student-form-container .form-header .header-title{flex:1;font-size:14pt;font-weight:600}.box-container{background-color:#fff;border:1px solid #DBD6D0;border-radius:10px;box-shadow:0 0 6px #0003;padding:15px}.box-container .box-title{font-size:16pt;font-weight:600;color:#1677ff;border-bottom:1px solid #DBD6D0;margin-top:-5px;padding-bottom:10px;margin-bottom:10px}.form-section-title{font-size:16pt;margin-bottom:5px;font-weight:600;color:#1677ff}.form-section-desc{margin-bottom:15px}.legend-title{font-size:16pt;font-weight:600;margin-top:10px}.legends{margin-block-start:0;padding-inline-start:15px}.checkbox-offset{padding-top:20px}.material-container .material-list-container .list-item{display:flex;align-items:flex-start;gap:10px}.material-container .material-list-container .list-item .item-input{flex:1}.material-container .course-container .group-container{margin-top:10px}.material-container .course-container .group-container .group-item{margin-bottom:20px}.material-container .course-container .group-container .group-item .group-name{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px}.material-container .course-container .group-container .group-item .group-name .name-item{font-size:14pt;font-weight:600}.material-container .course-container .group-container .group-item .group-course{display:inline-flex;gap:15px;flex-wrap:wrap}.material-container .course-container .group-container .group-item .group-course .group-course-item{overflow:hidden;padding:10px 15px;transition:all .2s ease-in-out;outline:1px solid transparent;cursor:pointer;font-size:12pt;font-weight:500;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #DBD6D0;border-radius:10px;box-shadow:0 0 6px #0003}@media (hover: hover) and (pointer: fine){.material-container .course-container .group-container .group-item .group-course .group-course-item:hover{outline-color:#1677ff}}.material-container .course-container .group-container .group-item .group-course .group-course-item.selected{outline:3px solid #1677ff;background:#e3efff;color:#1677ff}.material-container .course-container .group-add{font-size:12pt;margin-bottom:15px}.item-tag{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px}.item-tag .title-tag{background:#1677ff;border-radius:5px;padding:4px 5px;margin-bottom:5px;font-size:10pt;text-transform:uppercase;color:#fff;font-weight:600;outline:1px solid transparent}.item-tag .title-tag.gray{background:#848484;outline-color:#848484}.item-tag .title-tag.red{background:#d4212a;outline-color:#d4212a}.item-tag .title-tag.orange{background:#e07f00;outline-color:#e07f00}.item-tag .title-tag.green{background:#00bd9d;outline-color:#00bd9d}.item-tag .title-tag.outline-style{background:transparent;outline:2px solid #1677ff;color:#1677ff}.item-tag .title-tag.outline-style.red{outline-color:#d4212a;color:#d4212a;background:#fff4f4}.item-tag .title-tag.outline-style.orange{outline-color:#e07f00;color:#e07f00;background:#fff6eb}.item-tag .title-tag.outline-style.green{outline-color:#00bd9d;color:#00bd9d;background:#f4fffd}.course-item{overflow:hidden;padding:10px 15px;transition:all .2s ease-in-out;outline:1px solid transparent;cursor:pointer;background-color:#fff;border:1px solid #DBD6D0;border-radius:10px;box-shadow:0 0 6px #0003}@media (hover: hover) and (pointer: fine){.course-item:hover{outline-color:#1677ff}}.course-item.selected{outline:3px solid #1677ff;background:#e3efff}.course-item.pending{outline:3px solid #e07f00;background:#fff6eb}.item-header{border-bottom:1px solid #DBD6D0;display:flex;align-items:center;gap:15px;padding-bottom:15px}.item-header .header-left{flex:1}.item-header .item-content .item-title-container .item-title{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:5px}.item-header .item-content .item-title-container .item-title .title-text{font-size:18pt;font-weight:700}.item-header .header-right{text-align:right}.item-header .item-room{font-size:12pt}.item-header .item-slots{font-size:12pt;text-align:right;padding-top:5px}.item-header .item-slots b{color:#1677ff}.item-body{display:flex}.item-body .info-content{flex:1;padding-right:15px}.item-body .info-content .content-title{padding-top:10px;padding-bottom:5px;font-size:16pt;font-weight:500}.item-body .info-content .content-desc{font-size:12pt}.item-body .info-content .content-desc.limit-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.student-selector{border-top:1px solid #DBD6D0;padding-top:10px;margin-top:10px}.student-selector .selector-title{font-size:18pt;font-weight:600;color:#1677ff;margin-bottom:15px}.student-selector .selector-desc{margin-top:-10px;font-size:12pt;margin-bottom:15px}.student-selector .selector-list{-webkit-user-select:none;user-select:none}.student-selector .selector-list .list-item{background-color:#fff;border:1px solid #DBD6D0;box-shadow:0 0 6px #0003;outline:3px solid transparent;border-radius:10px;padding:10px 15px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s ease-in-out}.student-selector .selector-list .list-item .list-info{flex:1}.student-selector .selector-list .list-item .list-info .info-name{font-size:14pt;font-weight:600;transition:all .2s ease-in-out}.student-selector .selector-list .list-item .list-info .info-desc{font-size:12pt;display:inline-block;transition:all .2s ease-in-out}.student-selector .selector-list .list-item .list-info .info-desc .item-tag{padding-top:5px}.student-selector .selector-list .list-item .list-info .info-desc .item-tag .title-tag{font-size:10pt}.student-selector .selector-list .list-item .list-info .info-error{font-size:12pt;display:inline-block;color:#d4212a}.student-selector .selector-list .list-item .list-icon{font-size:2em;opacity:0;transition:all .2s ease-in-out}.student-selector .selector-list .list-item.selected{outline-color:#1677ff;background:#e4efff;color:#1677ff;border-color:transparent!important}.student-selector .selector-list .list-item.selected .list-icon{opacity:1;color:#1677ff}.student-selector .selector-list .list-item.disabled{background:#e2e4ea;opacity:.6;pointer-events:none}.student-selector .selector-list .list-item.invalid{opacity:.6;pointer-events:none;border-color:#d4212a;background:#fff4f4;color:#d4212a}.student-selector .selector-list .list-item.invalid .list-icon{opacity:1;color:#d4212a}@media (hover: hover) and (pointer: fine){.student-selector .selector-list .list-item:hover{border-color:#1677ff}}.modal-scroll-container .modal-center-title{margin-top:10px;font-size:18pt;font-weight:700;text-align:center}.modal-scroll-container .modal-list{font-size:14pt}.modal-scroll-container .modal-list .list-item .item-student span:not(:last-child):after{content:", "}.modal-scroll-container .modal-center-desc-price{font-size:20pt;font-weight:700;text-align:center;color:#1677ff;margin-top:-10px}.modal-scroll-container .modal-center-desc{font-size:14pt;text-align:center}.modal-scroll-container .modal-violation-list{text-align:center}.modal-scroll-container .modal-violation-list .violation-name{font-size:16pt;font-weight:600;margin-top:10px}.modal-scroll-container .modal-violation-list .violation-item{font-size:12pt}.registration-container{margin-top:15px}.registration-container .title-tag{background:#1677ff;border-radius:5px;padding:2px 7px;text-transform:uppercase;color:#fff;font-size:10pt;font-weight:600}.registration-container .title-tag.red{background:#d4212a}.registration-container .title-tag.orange{background:#e07f00}.registration-container .title-tag.green{background:#00bd9d}.registration-container .reg-parent{background-color:#fff;border:1px solid #DBD6D0;border-radius:10px;box-shadow:0 0 6px #0003;padding:10px 15px;margin-bottom:15px}.registration-container .reg-parent .parent-info{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #DBD6D0}.registration-container .reg-parent .parent-info .info-basic{font-size:16pt;font-weight:600}.registration-container .reg-parent .parent-info .info-basic .title-tag{margin-right:10px;position:relative;top:-3px}.registration-container .reg-parent .parent-info .info-basic .parent-name{color:#1677ff}.registration-container .reg-parent .parent-info .info-status{font-size:14pt}.registration-container .reg-parent .student-list{font-size:12pt}.registration-container .reg-parent .student-list .student-item{display:flex;align-items:center;gap:15px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #DBD6D0}.registration-container .reg-parent .student-list .student-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.registration-container .reg-parent .student-list .student-item .student-info{flex:1;display:flex;flex-direction:column;gap:2px}.registration-container .reg-parent .student-list .student-item .student-info .student-header{display:inline-flex;align-items:center;gap:10px}.registration-container .reg-parent .student-list .student-item .student-info .student-header .item-name{color:#1677ff;font-size:14pt}.registration-container .reg-parent .student-list .student-item .student-info .student-name b{color:#1677ff}.registration-container .reg-parent .student-list .student-item .student-info .student-date b.error{color:#d4212a}.registration-container .reg-parent .student-list .student-item .student-info .student-date b.warning{color:#e07f00}.registration-container .reg-parent .student-list .student-item .student-action{flex:0 0 180px;display:inline-flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:flex-end}.main-title-btn{display:flex;gap:15px;flex-wrap:wrap;align-items:center;border-top:1px solid #DBD6D0;margin-top:15px;padding-top:15px;padding-bottom:15px}.main-title-btn .main-title,.main-title-btn .item-tag .title-tag{margin-bottom:0}.course-modal .item-header{padding:10px 23px 15px;margin:0 -23px;position:sticky;top:0;z-index:100;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-course-item{border:2px dashed #1677ff;border-radius:10px;height:100%;min-height:200px;display:grid;place-items:center;color:#1677ff;font-weight:600;cursor:pointer}.create-course-item .text-container{display:inline-flex;gap:10px;align-items:center;font-size:20pt}.create-course-item .text-container .text-icon{font-size:1.5em}