@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";a:hover{text-decoration:none!important}*{font-family:Poppins,sans-serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.001em;-webkit-font-feature-settings:"dlig" 1;-moz-font-feature-settings:"dlig" 1;-ms-font-feature-settings:"dlig" 1;font-feature-settings:"dlig" 1}.button-custom{cursor:pointer;display:flex;padding:20px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:20px;background:var(--primary-primary-blue, #3B56A6);box-shadow:0 3px 20px 3px #3b56a633;color:#fff;font-size:24.2px;font-style:normal;font-weight:600;line-height:normal}.button-custom.add-ex{cursor:pointer;display:flex;height:40px;padding:7px 0;justify-content:center;align-items:center;gap:10px;border-radius:6px;width:120px;max-width:120px;font-size:14px;font-style:normal;font-weight:500;line-height:28px;text-transform:capitalize}.button-custom.del{cursor:pointer;height:40px;padding:7px 10px;justify-content:center;align-items:center;gap:10px;border-radius:6px;background:var(--secondary-primary-orange, #EF452C)}.button-custom.del svg{width:25px;height:25px}.button-custom.md{display:flex;height:54px;padding:14px 20px;justify-content:center;align-items:center;gap:10px;border-radius:10px;font-size:16px;font-weight:500}.button-custom.chapter{display:flex;padding:7px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:15px;font-size:11px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:.055px}.button-custom.clear{color:#e26b6b;border:1px solid #E26B6B;background:#fff;box-shadow:none}.button-custom.transparent{color:#0fcc7f;border:none;background:#fff;box-shadow:none}.status{width:122px;display:inline-block;padding:6px 20px;justify-content:center;align-items:center;gap:10px;border-radius:100px;font-size:14px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:.07px;color:#fff}.status.md{width:auto;height:max-content;display:inline-block}.status.ongoing-les,.status.corrected,.status.aktif,.status.payed,.status.bab-utama{background:#0daa6a}.status.bab-latihan{background:#7588c3}.status.not-les,.status.revision,.status.non-aktif,.status.not-payed{background-color:#ef452c}.status.cuti,.status.not-tried{background-color:#e8e8e8;color:#666}.status.not-tried{color:#fff}.status.check{background-color:#8e5a8f}.filter-group{display:flex;flex-direction:column;align-self:stretch}.filter-group .image{width:231px;height:231px}.filter-group .image img{width:100%;height:100%}.filter-group .item{display:flex;flex-direction:column;position:relative}.filter-group .item label{color:var(--Black, #000);font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.07px}.filter-group .item select{color:#666!important;background:#00f url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='white'/></g></svg>") no-repeat;background-position:right 5px top 50%}.filter-group .item .select-wrapper{position:relative;width:100%}.filter-group .item .select-wrapper label{color:#000}.filter-group .item .select-wrapper select{width:100%;padding:5px 10px;height:43px;border-radius:10px;background-color:#fff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-style:normal;font-weight:400;line-height:25px}.filter-group .item .select-wrapper select:focus,.filter-group .item .select-wrapper select:active{border:1px solid #3B56A6}.filter-group .item .select-wrapper:before{content:"";display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%233B56A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;top:50%;right:0;transform:translate(calc(-50% - 3px),-50%)}.filter-group .item .select-wrapper.answer-option:before{content:"";display:block;position:absolute;background-image:url(/public/images/iconx/arrow-add-device.svg);background-size:20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;top:50%;right:0;transform:translate(calc(-50% - 3px),-50%)}.filter-group .item .select-wrapper.filter-select select{border:1px solid var(--Text-Secondary, #666);color:#666}.filter-group .item .select-wrapper.filter-select:before{content:"";display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M22.75 10.5L14 19.25L5.25 10.5' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;top:50%;right:0;transform:translate(calc(-50% - 3px),-50%)}.filter-group .item .select-wrapper.modal-select:before{content:"";display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%23CDCDCD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;top:70%;right:0;transform:translate(calc(-50% - 3px),-50%)}.filter-group .item input,.filter-group .item select{height:44px;border-radius:10px;padding:0 14px;border:.5px solid #CDCDCD;color:var(--Black, #000);font-size:14px;font-style:normal;font-weight:400;letter-spacing:.07px}.filter-group .item input ::placeholder,.filter-group .item select ::placeholder{color:#666}.filter-group .item input:focus,.filter-group .item select:focus{border:.5px solid #3B56A6;outline:.5px solid #3B56A6}.filter-group .item textarea{border-radius:10px;padding:5px 14px;border:.5px solid #CDCDCD;color:var(--Black, #000);font-size:14px;font-style:normal;font-weight:400;letter-spacing:.07px}.filter-group .item textarea ::placeholder{color:#666}.filter-group .item textarea:focus{border:.5px solid #3B56A6;outline:.5px solid #3B56A6}.filter-group .item.filter input,.filter-group .item.filter select{height:56px;padding:14px 20px;border:.5px solid #ACACAC;border:1px solid #A4A4A4;background:#fff;font-size:16px}.filter-group .item.filter input:focus,.filter-group .item.filter select:focus{border:1px solid #3B56A6;outline:1px solid #3B56A6}.filter-group .item.login input{height:63px;color:#000;font-size:20px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.1px;border:1px solid #A4A4A4;background:#fff}.filter-group .item.login input:focus{border:1px solid #3B56A6;outline:1px solid #3B56A6}.filter-group .item.login ::placeholder{color:#a7a7a7;font-size:20px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.1px}.filter-group .item.login label{color:#313131;font-size:20px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:.1px}.filter-group .item .icon-prefix+input{padding-left:55px}.filter-group .item .icon-prefix,.filter-group .item .icon-suffix{position:absolute;top:50%;transform:translateY(-50%);left:15px}.filter-group .item .icon-prefix.login,.filter-group .item .icon-suffix.login,.filter-group .item .icon-prefix.pass,.filter-group .item .icon-suffix.pass{left:90%;top:70%}.filter-group .item .icon-prefix.rp,.filter-group .item .icon-suffix.rp{top:69%;left:16px}.filter-group .item .code{display:flex;align-items:center;gap:5px;color:#666;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.07px}.filter-group a{color:var(--primary-primary-blue, #3B56A6);font-size:19px;font-style:normal;font-weight:400;line-height:normal}.filter-group.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-group.two-columns.photo{grid-template-columns:1fr 2fr;gap:24px}.filter-group.three-columns{display:grid;grid-template-columns:3fr .8fr 1fr!important;gap:10px}.filter-group.three-columns.fair{grid-template-columns:3fr .8fr .8fr!important}.filter-group.three-columns.type{grid-template-columns:3fr .5fr 1fr!important}.filter-group.five-columns{display:grid;grid-template-columns:3fr .8fr .8fr .8fr 1fr!important}.filter-group.four-columns{display:grid;grid-template-columns:2fr .5fr .5fr 1fr!important}.filter-group.four-columns.md{grid-template-columns:1.7fr .4fr .5fr 1fr!important}@media (width <= 1200px){.filter-group.four-columns.md{grid-template-columns:.3fr .6fr .7fr .8!important}}.filter-group .checkbox-plain{width:18px;height:18px;border-radius:3px;border:#000;vertical-align:middle;cursor:pointer;position:relative}.filter-group .checkbox-plain:after{background-image:url(/build/assets/checked-GKdvu16B.svg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none}.filter-group .checkbox-plain:checked,.filter-group .checkbox-plain.checked{border:none;outline:none}.filter-group .checkbox-plain:checked:after,.filter-group .checkbox-plain.checked:after{display:block}.filter-group .switch-wrapper input:checked+h6{color:#ff0!important}.filter-group .switch-wrapper{gap:12px;display:flex;align-items:center;padding:12px 0}.filter-group .switch-wrapper h6{font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0;color:#788788}.filter-group .switch-wrapper h6.bold{font-weight:500}.filter-group .switch-wrapper.my-16{padding:16px 0}.filter-group .switch{position:relative;display:block;width:28px;height:15px}.filter-group .switch input{opacity:0;width:0;height:0}.filter-group .switch input:checked+.slider{background-color:#3b56a6}.filter-group .switch input:focus+.slider{box-shadow:0 0 1px #27aae11a}.filter-group .switch input:checked+.slider:before{-webkit-transform:translate(14px,50%);-ms-transform:translate(14px,50%);transform:translate(14px,50%);background-color:#fff}.filter-group .switch input:checked+.slider+h6{color:#000}.filter-group .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3b56a6;-webkit-transition:.4s;transition:.4s}.filter-group .switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:0;bottom:50%;transform:translateY(50%);background-color:#fff;-webkit-transition:.4s;transition:.4s}.filter-group .slider.round{border-radius:20px}.filter-group .slider.round:before{border-radius:50%}.date-wrapper{display:flex;justify-content:flex-end}.date-wrapper .item{position:relative}.date-wrapper .item input{width:150px;position:relative;display:flex;padding:10px;align-items:center;gap:6px;border-radius:10px;border:.5px solid var(--primary-primary-blue, #3B56A6);background:var(--Base-White, #FFF);color:#666}.date-wrapper .item input:focus{outline:#3B56A6}.date-wrapper .item img{position:absolute;top:25%;right:5%}.modal label{font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:8px}.modal h3{font-size:20px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:12px}.modal h4{font-size:17px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:0}.modal p{font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.modal p.dark-blue{color:#35203f}.modal p.f-18{font-size:18px;font-weight:600;color:#000;line-height:22.1px}.modal .modal-dialog{max-width:466px}.modal .modal-dialog.modal-xl{max-width:680px}.modal .modal-head{border-bottom:1px solid #CDCDCD;padding-bottom:20px}.modal .modal-content{padding:30px;position:relative;border-radius:12px}.modal .close-modal{position:absolute;top:32px;right:30px;width:16px;height:16px;cursor:pointer;transition:.3s}.modal .close-modal:hover{scale:1.2}.modal .modal-body{padding:24px 0}.modal .modal-body .filter-group .item.icon-prefix input{padding-left:20%}.modal .modal-body .filter-group .item.icon-prefix.sm input{padding-left:17%}.modal .modal-body .select-device-issue h1{padding:0 16px;font-size:20px;font-style:normal;font-weight:600;line-height:24px;color:#068da9;margin-bottom:0}.modal .modal-body .create-wrapper .create-item{display:flex;height:100px;padding:10px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;color:#007aff;text-align:right;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"dlig" on;font-family:Roboto Condensed;font-size:24px;font-style:normal;font-weight:500;line-height:30px}.modal .modal-body .checkbox-items{display:flex;align-items:flex-start;align-content:flex-start;gap:14px 32px;align-self:stretch;flex-wrap:wrap}.modal .modal-body .checkbox-items .checkbox-wrapper{display:flex;gap:8px}.modal .modal-body .checkbox-items .checkbox-wrapper p{font-size:14px;font-style:normal;font-weight:400;line-height:normal}.modal .modal-body .swipper-tobe{width:620px;height:804.84px;border-radius:22.41px;border:.934px solid #8A8A8A}.modal .modal-body .swipper-tobe img{height:100%;width:100%}.modal .modal-body .swiper{display:flex;align-items:center;justify-content:center;color:#000;font-size:16.807px;font-style:normal;font-weight:500;line-height:normal}.modal .modal-body .three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modal .modal-body .assign-two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal .modal-body .image-container{position:relative;display:inline-block;width:231px}.modal .modal-body .image-container .input-image-wrapper{position:relative;display:inline-block;width:231px;overflow:hidden;object-fit:contain}.modal .modal-body .image-container .input-image-wrapper img{display:block;width:100%;height:100%;height:auto}.modal .modal-body .image-container .input-image-wrapper .icon{width:20px;height:18px}.modal .modal-body .image-container .input-image-wrapper .icon.soal{width:24px;height:24px}.modal .modal-body .image-container .input-image-wrapper .button-custom{position:absolute;width:155px;height:42px;padding:9px 20px;top:70%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:12px}.modal .modal-body .image-container .input-image-wrapper .button-custom.soal-btn{top:65%;width:168px;gap:5px}.modal .modal-body .image-container .input-image-wrapper .button-custom.soal-btn-new{top:72%;width:168px;gap:5px}.modal .modal-body .image-container .overlay-image{display:flex;align-items:center;justify-content:center;position:absolute;padding:10px;width:231px;object-fit:contain;top:0;left:0;opacity:0;transition:opacity .3s ease;height:231px}.modal .modal-body .image-container .overlay-image.soal{top:20%;left:23%;width:126px;height:69px;object-fit:contain}.modal .modal-body .image-container .overlay-image img{display:block;width:100%;height:100%!important;height:auto;border-radius:10px}.modal .modal-body .swiper{width:620px;height:804.84px}.modal .modal-body .swiper .swiper-slide .soal{width:620px;height:804.84px;border:1px solid black;border-radius:22.41px}.modal .modal-body .swiper .swiper-slide .soal img{width:100%}.modal .modal-body .swiper .swiper-button-prev,.modal .modal-body .swiper .swiper-button-next{display:flex;width:45.322px;height:45.322px;padding:3.626px 6.345px;justify-content:center;align-items:center;gap:9.064px;flex-shrink:0;border-radius:28.099px;background:#0000001a}.modal .modal-body .swiper .swiper-button-prev:after,.modal .modal-body .swiper .swiper-button-next:after{display:none}.modal .modal-footer{width:100%;display:flex;align-items:center;gap:4px!important;flex-wrap:nowrap;border:none;padding:0}.modal .modal-footer button{display:flex;padding:15px 20px;justify-content:center;align-items:center;gap:5px;flex:1 0 0;border-radius:10px;background:var(--primary-primary-blue, #3B56A6);color:var(--Base-White, #FFF);font-size:16px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:.08px}.modal .modal-footer button.transparent{color:#3b56a6;border:1px solid #3B56A6;background-color:transparent}.table-wrapper{padding-bottom:11px}.table-wrapper.no-padding{padding-bottom:0}.card-datatable{background:#fff;position:relative;border-radius:10px;border:1px solid #CDCDCD}.card-datatable.long-table .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}.card-datatable.long-table .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}.card-datatable.no-pb .dataTables_wrapper{padding-bottom:0}.card-datatable.no-action-icon table tr td{padding:25px 16px}.card-datatable img.avatars{display:inline-block;width:34px;height:34px;margin-right:6px;border-radius:6px;object-fit:cover;position:relative}.card-datatable .image-wrapper{width:34px;height:34px}.card-datatable .dataTables_scrollHeadInner{width:unset!important}.card-datatable .dataTables_scroll{border-radius:8px}.card-datatable .dataTable>thead>tr>th[class*=sort]:before,.card-datatable .dataTable>thead>tr>th[class*=sort]:after{content:""!important}.card-datatable .dataTable.no-footer{margin-top:0!important}.card-datatable .dataTables_wrapper::-webkit-scrollbar{display:none}.card-datatable .dataTables_wrapper div{position:static;max-width:unset}.card-datatable .dataTables_wrapper>.row:nth-child(3){margin:0 2px;display:grid;grid-template-columns:8fr 1fr;max-width:unset}.card-datatable .dataTables_wrapper:nth-child(2){margin:0}.card-datatable .dataTables_wrapper:nth-child(2)>div{padding:0}.card-datatable .dataTables_wrapper table{min-width:100%;border:.986px solid #EEEDED}.card-datatable .dataTables_wrapper thead{width:100%;background-color:transparent;border-bottom:none!important}.card-datatable .dataTables_wrapper th{border:none;height:54px;background-color:#3b56a6;padding:10px;font-size:14px;font-style:normal;font-weight:400;line-height:18px;color:#fff;white-space:nowrap;vertical-align:middle}.card-datatable .dataTables_wrapper th.h-xsm{width:1rem!important;background-color:#00f}.card-datatable .dataTables_wrapper th:first-child{border-top-left-radius:7px}.card-datatable .dataTables_wrapper th:last-child{border-top-right-radius:7px}.card-datatable .dataTables_wrapper tbody{border:1px solid black!important}.card-datatable .dataTables_wrapper tbody tr{background:#f9f9f9;border:1px solid black}.card-datatable .dataTables_wrapper tbody tr:nth-child(odd){background:#fff}.card-datatable .dataTables_wrapper tbody tr.checked{background:#f3f5f9}.card-datatable .dataTables_wrapper tbody:first-child{border-top-left-radius:7px}.card-datatable .dataTables_wrapper tbody:last-child{border-top-right-radius:7px}.card-datatable .dataTables_wrapper td{white-space:nowrap;color:#666;font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.07px;vertical-align:middle;height:54px;padding:10px}.card-datatable .dataTables_wrapper td .images{width:60px;height:60px;padding:7px 20px;border-radius:5.9px;background:#fee6e6}.card-datatable .dataTables_wrapper td .images.with-other-overlay{position:relative}.card-datatable .dataTables_wrapper td .images.with-other-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-image:url("data:image/svg+xml,%3Csvg width='59' height='60' viewBox='0 0 59 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_816_81177)'%3E%3Crect x='0.000488281' y='0.5' width='59' height='59' rx='6.55556' fill='black' fill-opacity='0.17'/%3E%3C/g%3E%3Cpath d='M25.9022 29.4754C25.3279 29.4754 24.8166 29.3771 24.3682 29.1804C23.9198 28.9759 23.5422 28.6809 23.2354 28.2954L24.1558 27.375C24.321 27.6268 24.5531 27.8274 24.852 27.9768C25.1588 28.1263 25.501 28.201 25.8786 28.201C26.2247 28.201 26.5276 28.1381 26.7872 28.0122C27.0468 27.8864 27.2513 27.7054 27.4008 27.4694C27.5503 27.2334 27.625 26.9542 27.625 26.6316C27.625 26.2934 27.5503 26.0141 27.4008 25.7938C27.2592 25.5657 27.0665 25.3966 26.8226 25.2864C26.5866 25.1684 26.3309 25.1094 26.0556 25.1094C25.7409 25.1094 25.4577 25.1448 25.206 25.2156C24.9621 25.2864 24.7222 25.4123 24.4862 25.5932L24.5216 24.7436C24.6475 24.5784 24.793 24.4447 24.9582 24.3424C25.1234 24.2323 25.3161 24.1497 25.5364 24.0946C25.7567 24.0396 26.0163 24.012 26.3152 24.012C26.8973 24.012 27.3851 24.134 27.7784 24.3778C28.1796 24.6217 28.4825 24.9482 28.687 25.3572C28.8915 25.7584 28.9938 26.2068 28.9938 26.7024C28.9938 27.2374 28.8601 27.7133 28.5926 28.1302C28.333 28.5472 27.9711 28.8776 27.507 29.1214C27.0429 29.3574 26.5079 29.4754 25.9022 29.4754ZM24.4862 25.5932L23.7428 24.8498L24.1086 21.0974H25.3476L24.9228 25.0032L24.4862 25.5932ZM24.3446 22.3128L24.1086 21.0974H28.5336V22.3128H24.3446ZM30.0431 25.9944V24.8144H35.2469V25.9944H30.0431ZM32.0491 22.6786H33.2527V28.1184H32.0491V22.6786ZM9.54348 44.3574V36.0974H10.9005V44.3574H9.54348ZM10.4757 44.3574V43.1184H14.7945V44.3574H10.4757ZM18.0301 44.4754C17.5187 44.4754 17.0546 44.3456 16.6377 44.086C16.2286 43.8264 15.9021 43.4764 15.6583 43.0358C15.4223 42.5874 15.3043 42.0879 15.3043 41.5372C15.3043 40.9787 15.4223 40.4792 15.6583 40.0386C15.9021 39.5902 16.2286 39.2362 16.6377 38.9766C17.0546 38.7092 17.5187 38.5754 18.0301 38.5754C18.4627 38.5754 18.8443 38.6698 19.1747 38.8586C19.5129 39.0396 19.7804 39.2913 19.9771 39.6138C20.1737 39.9364 20.2721 40.3022 20.2721 40.7112V42.3396C20.2721 42.7487 20.1737 43.1145 19.9771 43.437C19.7883 43.7596 19.5247 44.0152 19.1865 44.204C18.8482 44.385 18.4627 44.4754 18.0301 44.4754ZM18.2425 43.2482C18.7223 43.2482 19.1078 43.087 19.3989 42.7644C19.6978 42.4419 19.8473 42.0289 19.8473 41.5254C19.8473 41.1872 19.7804 40.8882 19.6467 40.6286C19.5129 40.369 19.3241 40.1684 19.0803 40.0268C18.8443 39.8774 18.565 39.8026 18.2425 39.8026C17.9278 39.8026 17.6485 39.8774 17.4047 40.0268C17.1687 40.1684 16.9799 40.369 16.8383 40.6286C16.7045 40.8882 16.6377 41.1872 16.6377 41.5254C16.6377 41.8637 16.7045 42.1626 16.8383 42.4222C16.9799 42.6818 17.1687 42.8864 17.4047 43.0358C17.6485 43.1774 17.9278 43.2482 18.2425 43.2482ZM19.7647 44.3574V42.8352L19.9889 41.4546L19.7647 40.0858V38.6934H21.0627V44.3574H19.7647ZM22.515 44.3574V38.6934H23.813V44.3574H22.515ZM23.164 37.655C22.9437 37.655 22.7589 37.5803 22.6094 37.4308C22.4678 37.2814 22.397 37.0965 22.397 36.8762C22.397 36.656 22.4678 36.4711 22.6094 36.3216C22.7589 36.1722 22.9437 36.0974 23.164 36.0974C23.3921 36.0974 23.577 36.1722 23.7186 36.3216C23.8602 36.4711 23.931 36.656 23.931 36.8762C23.931 37.0965 23.8602 37.2814 23.7186 37.4308C23.577 37.5803 23.3921 37.655 23.164 37.655ZM29.151 44.3574V41.0888C29.151 40.7112 29.0291 40.4005 28.7852 40.1566C28.5492 39.9128 28.2424 39.7908 27.8648 39.7908C27.6131 39.7908 27.3889 39.8459 27.1922 39.956C26.9956 40.0662 26.8422 40.2196 26.732 40.4162C26.6219 40.6129 26.5668 40.8371 26.5668 41.0888L26.0594 40.8056C26.0594 40.373 26.1538 39.9914 26.3426 39.661C26.5314 39.3228 26.791 39.0592 27.1214 38.8704C27.4597 38.6738 27.8373 38.5754 28.2542 38.5754C28.679 38.5754 29.0566 38.6856 29.387 38.9058C29.7174 39.1182 29.977 39.3975 30.1658 39.7436C30.3546 40.0819 30.449 40.4359 30.449 40.8056V44.3574H29.151ZM25.2688 44.3574V38.6934H26.5668V44.3574H25.2688ZM35.6502 44.3574V41.0888C35.6502 40.7112 35.5283 40.4005 35.2844 40.1566C35.0484 39.9128 34.7416 39.7908 34.364 39.7908C34.1123 39.7908 33.8881 39.8459 33.6914 39.956C33.4948 40.0662 33.3414 40.2196 33.2312 40.4162C33.1211 40.6129 33.066 40.8371 33.066 41.0888L32.5586 40.8056C32.5586 40.373 32.653 39.9914 32.8418 39.661C33.0306 39.3228 33.2902 39.0592 33.6206 38.8704C33.9589 38.6738 34.3365 38.5754 34.7534 38.5754C35.1782 38.5754 35.5558 38.6856 35.8862 38.9058C36.2166 39.1182 36.4762 39.3975 36.665 39.7436C36.8538 40.0819 36.9482 40.4359 36.9482 40.8056V44.3574H35.6502ZM31.768 44.3574V38.6934H33.066V44.3574H31.768ZM40.0963 44.4164L37.6773 38.6934H39.1051L40.7571 42.8942H40.3441L42.0905 38.6934H43.5301L40.8987 44.4164H40.0963ZM38.4089 46.7174L40.1671 43.0948L40.8987 44.4164L39.8485 46.7174H38.4089ZM46.4584 44.4754C45.9471 44.4754 45.4829 44.3456 45.066 44.086C44.6569 43.8264 44.3305 43.4764 44.0866 43.0358C43.8506 42.5874 43.7326 42.0879 43.7326 41.5372C43.7326 40.9787 43.8506 40.4792 44.0866 40.0386C44.3305 39.5902 44.6569 39.2362 45.066 38.9766C45.4829 38.7092 45.9471 38.5754 46.4584 38.5754C46.8911 38.5754 47.2726 38.6698 47.603 38.8586C47.9413 39.0396 48.2087 39.2913 48.4054 39.6138C48.6021 39.9364 48.7004 40.3022 48.7004 40.7112V42.3396C48.7004 42.7487 48.6021 43.1145 48.4054 43.437C48.2166 43.7596 47.9531 44.0152 47.6148 44.204C47.2765 44.385 46.8911 44.4754 46.4584 44.4754ZM46.6708 43.2482C47.1507 43.2482 47.5361 43.087 47.8272 42.7644C48.1261 42.4419 48.2756 42.0289 48.2756 41.5254C48.2756 41.1872 48.2087 40.8882 48.075 40.6286C47.9413 40.369 47.7525 40.1684 47.5086 40.0268C47.2726 39.8774 46.9933 39.8026 46.6708 39.8026C46.3561 39.8026 46.0769 39.8774 45.833 40.0268C45.597 40.1684 45.4082 40.369 45.2666 40.6286C45.1329 40.8882 45.066 41.1872 45.066 41.5254C45.066 41.8637 45.1329 42.1626 45.2666 42.4222C45.4082 42.6818 45.597 42.8864 45.833 43.0358C46.0769 43.1774 46.3561 43.2482 46.6708 43.2482ZM48.193 44.3574V42.8352L48.4172 41.4546L48.193 40.0858V38.6934H49.491V44.3574H48.193Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_816_81177' x='0.000488281' y='0.5' width='59' height='65.7429' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='1180' operator='erode' in='SourceAlpha' result='effect1_innerShadow_816_81177'/%3E%3CfeOffset dy='6.74286'/%3E%3CfeGaussianBlur stdDeviation='3.37143'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_816_81177'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:cover;background-position:center}.card-datatable .dataTables_wrapper td .images img{width:100%;height:100%;object-fit:contain}.card-datatable .dataTables_wrapper td .and-other-image{display:flex;gap:10px}.card-datatable .dataTables_wrapper td.half-text{overflow:hidden;max-width:120px!important;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.long-text{max-width:181px;white-space:unset!important}.card-datatable .dataTables_wrapper td.short-177{max-width:177px;overflow:hidden;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.address{overflow:hidden;max-width:50px!important;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.address-no-hidde{max-width:50px!important;white-space:normal}.card-datatable .dataTables_wrapper td.td-with-sub{display:flex;align-items:center;gap:10px}.card-datatable .dataTables_wrapper td .p-sub-td{font-size:10px;font-style:normal;font-weight:400;color:#c5c1c1;margin-bottom:0}.card-datatable .dataTables_wrapper td:first-child{text-transform:capitalize}.card-datatable .dataTables_wrapper td span{font-size:12px;font-style:normal;font-weight:400}.card-datatable .dataTables_wrapper td .avatar{display:flex;gap:10px;align-items:center;border-radius:50%;object-fit:cover;position:relative}.card-datatable .dataTables_wrapper td .avatar.xl{width:175.538px;height:87.769px}.card-datatable .dataTables_wrapper td .avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover}.card-datatable .dataTables_wrapper td .avatar.box{border-radius:5px}.card-datatable .dataTables_wrapper td .action-btn{width:30px;height:30px;right:20.73px;top:0;background-color:#deefff;border-radius:8px;background-position:center;background-repeat:no-repeat;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='17' height='5' viewBox='0 0 17 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.51416 0.59375C1.41416 0.59375 0.51416 1.49375 0.51416 2.59375C0.51416 3.69375 1.41416 4.59375 2.51416 4.59375C3.61416 4.59375 4.51416 3.69375 4.51416 2.59375C4.51416 1.49375 3.61416 0.59375 2.51416 0.59375ZM14.5142 0.59375C13.4142 0.59375 12.5142 1.49375 12.5142 2.59375C12.5142 3.69375 13.4142 4.59375 14.5142 4.59375C15.6142 4.59375 16.5142 3.69375 16.5142 2.59375C16.5142 1.49375 15.6142 0.59375 14.5142 0.59375ZM8.51416 0.59375C7.41416 0.59375 6.51416 1.49375 6.51416 2.59375C6.51416 3.69375 7.41416 4.59375 8.51416 4.59375C9.61416 4.59375 10.5142 3.69375 10.5142 2.59375C10.5142 1.49375 9.61416 0.59375 8.51416 0.59375Z' fill='%23068DA9'/%3E%3C/svg%3E%0A");transition:all .2s ease-in}.card-datatable .dataTables_wrapper td .action-btn:hover{transform:scale(1.1)}.card-datatable .dataTables_wrapper td .icon-button{margin:0 auto;text-align:center;border:none;background:transparent;border-radius:10px;font-size:18px;display:block;height:22px;display:flex;align-items:center;justify-content:center}.card-datatable .dataTables_wrapper td .dropdown{display:inline-block;align-items:center}.card-datatable .dataTables_wrapper td .dropdown-menu{background:#fff;box-shadow:10px 10px 46px 4px #3b56a61f;border-radius:10px;padding:0;min-width:112px}.card-datatable .dataTables_wrapper td .dropdown-menu.show{top:-2px!important;left:-80px!important}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item{padding:11px 16px;font-size:12px;font-style:normal;font-weight:400;line-height:18px;border-radius:10px;color:#1f1f1f;margin:0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:hover{background:#deefff;color:#3b56a6;font-weight:500}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:active{color:gray}.card-datatable .dataTables_wrapper .dataTables_info{margin-top:10px;font-size:14px;font-style:normal;font-weight:400;color:#666;padding:11px;display:flex;justify-content:right;position:unset;height:30px}.card-datatable .dataTables_wrapper .dataTables_length{height:35px;position:absolute;left:24px;bottom:-10px;font-size:14px;font-style:normal;font-weight:400;color:#666;line-height:16px}.card-datatable .dataTables_wrapper .dataTables_length label{font-size:14px;font-style:normal;font-weight:400;color:#686f82!important;margin-bottom:0}.card-datatable .dataTables_wrapper .dataTables_length select{border:none;box-shadow:none!important;padding-top:0;padding-bottom:0;font-weight:400;font-size:14px;line-height:16px;color:#6a5959}.card-datatable .dataTables_wrapper .dataTables_filter{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate{margin-top:6px;position:absolute;bottom:-10px;right:24px;height:35px}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next{transition:all .2s ease-in;cursor:pointer}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous a,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next a{margin-left:10px;width:26px;height:26px;background:#fff;font-size:20px;padding:0;border:none;box-shadow:none!important;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50px;background-color:#3b56a6}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous:hover,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next:hover{transform:scale(1.2)}.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:unset!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:visible!important}@media (width <= 1193px){.card-datatable.long-table .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}.card-datatable.long-table .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}button{outline:none;border:none}button:focus{outline:none}a{text-decoration:none!important}a:hover{text-decoration:none;color:transparent}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}.sidebar{width:268px;position:fixed;left:0;top:0;overflow-y:auto;background-color:#fff;padding-bottom:34px;height:100vh}.sidebar-brand{padding-left:37px;padding-top:60px}.sidebar-brand img{width:149.451px}.sidebar-navigation{padding-right:22px}.sidebar-navigation .sidebar-nav-group{display:flex;flex-direction:column;gap:10px}.sidebar-navigation .sidebar-nav-group .sidebar-item{display:flex;padding:10px 10px 10px 41px;align-items:center;gap:14px;border-radius:0 900px 900px 0}.sidebar-navigation .sidebar-nav-group .sidebar-item p{margin-bottom:0;color:#666;font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.07px}.sidebar-navigation .sidebar-nav-group .sidebar-item.active{background-color:#3b56a6}.sidebar-navigation .sidebar-nav-group .sidebar-item.active p{font-weight:600;color:#fff}.sidebar-navigation .sidebar-nav-group .sidebar-item.active svg path{stroke:#fff}.sidebar-navigation .sidebar-nav-group .sidebar-submenu{margin-left:70px;margin-top:11px}.sidebar-navigation .sidebar-nav-group .sidebar-submenu .sidebar-submenu-item{display:flex;align-self:stretch;margin-top:10px;color:#666}.sidebar-navigation .sidebar-nav-group .sidebar-submenu .sidebar-submenu-item.active p{border-radius:8px;background:#dfe5f6}.sidebar-navigation .sidebar-nav-group .sidebar-submenu .sidebar-submenu-item p{display:flex;align-self:stretch;width:100%;border-radius:8px;background:var(--White, #fff);padding:8px 10px;align-items:center;margin-bottom:0;gap:14px}@media (min-width: 1800px){.sidebar{width:319px}.sidebar>*{zoom:1.25}}.c-header{display:block}.c-header .left{gap:10px}.c-header h1{color:var(--Black, #000);font-size:26px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:.13px;margin:0}.c-header h1 span{color:#3b56a6}.c-header .right .item{position:relative}.c-header .right .item input{position:relative;display:flex;padding:10px;align-items:center;gap:6px;border-radius:10px;border:.5px solid var(--primary-primary-blue, #3B56A6);background:var(--Base-White, #FFF);color:#666}.c-header .right .item input:focus{outline:#3B56A6}.c-header .right .item img{position:absolute;top:25%;right:5%}.student-card,.teacher-card{cursor:pointer;display:flex;padding:19px;align-items:center;gap:24px;align-self:stretch;border-radius:24px;background:#fff;box-shadow:10px 10px 46px 4px #3b56a61f}.student-card.modal-ver,.teacher-card.modal-ver{padding:16px;gap:10px;border-radius:14px}.student-card.modal-ver .image,.teacher-card.modal-ver .image{width:48px;height:48px}.student-card.modal-ver .image img,.teacher-card.modal-ver .image img{width:100%;height:100%}.student-card.modal-ver h5,.teacher-card.modal-ver h5{font-size:14px;font-weight:600;margin-bottom:0}.student-card.modal-ver p,.teacher-card.modal-ver p{margin-bottom:0;color:#666;font-size:14px;font-style:normal;font-weight:400}.student-card .image,.teacher-card .image{width:110px;height:110px;border-radius:20px}.student-card .image img,.teacher-card .image img{border-radius:20px;width:100%;height:100%;object-fit:cover}.student-card h5,.teacher-card h5{color:var(--Text-Primary, #40434C);font-size:24px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:.12px}.student-card .text .desc,.teacher-card .text .desc{display:flex;padding:4px 20px;align-items:center;gap:10px;border-radius:1000px;background:#3b56a6;margin-right:10px;color:#fff;text-align:center;font-size:15px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:.075px}.teacher-card{display:flex;padding:10px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:20px;background:var(--White, #FFF);box-shadow:10px 10px 46px 4px #3b56a61f}.teacher-card .text h5{font-size:20px;font-style:normal;font-weight:400;line-height:140%;margin-bottom:5px}.teacher-card .text p{margin-bottom:0;color:#666;font-size:17px;font-style:normal;font-weight:400;line-height:140%}.chapter-card{display:flex;padding:16px;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:16px;background:var(--White, #FFF);box-shadow:10px 10px 46px 4px #3b56a61f}.chapter-card .text h5{color:var(--Black, #000);font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:0}.chapter-card .text .class{display:flex;gap:5px;align-items:center;font-size:11px;font-weight:400;line-height:140%;letter-spacing:.055px}.chapter-card.bg-blue{background-color:#dfe5f6}.info-card{cursor:pointer;display:flex;height:82px;padding:14px;align-items:center;gap:10px;border-radius:16.265px;background:var(--White, #FFF);box-shadow:10px 10px 46px 4px #3b56a61f}.info-card h5{color:var(--Black, #000);font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:.07px;margin-bottom:0}.info-card p{color:#666;font-size:14px;font-style:normal;font-weight:400;margin-bottom:0}.soal-header{display:flex;padding:21.429px 21.009px;flex-direction:column;justify-content:center;gap:13.446px;align-self:stretch;border-radius:20.169px;background:var(--primary-bg, #DFE5F6);box-shadow:8.404px 8.404px 38.657px 3.361px #3b56a61f}.soal-header .title{color:#000;font-size:11.765px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.059px}.soal-header .title h6{overflow:hidden;color:var(--Black, #000);text-overflow:ellipsis;font-family:Poppins;font-size:15.127px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:.076px}.soal-header .text p{color:#7d7d7d;font-size:11.765px;font-style:normal;font-weight:400;line-height:normal}.soal-header .text .avatar{color:#000;font-size:13.446px;font-style:normal;font-weight:600;line-height:normal}.soal-header .text .avatar img{width:25.211px;height:25.211px}.soal-header .info{display:flex;padding:8.404px 13.446px;flex-direction:column;border-radius:12.605px;background:var(--primary-light, #7588C3);color:var(--White, #FFF);font-size:10.084px;font-style:normal;font-weight:400;line-height:normal}.p-login .login-wrapper{display:flex;align-items:center;background-color:#dfe5f6;height:100vh}.p-login .login-wrapper .left{padding:0 160px 0 90px;background-color:#fff;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.p-login .login-wrapper .left .vector{position:absolute;bottom:0;left:0;width:480px}.p-login .login-wrapper .left .logo{width:326.4px}@media (min-width: 1800px){.p-login .login-wrapper .left>*{zoom:1.25}}.p-login .login-wrapper .right{width:100%;display:flex;align-items:center;justify-content:center}.p-login .login-wrapper .right .form-wrapper{display:flex;width:582px;height:622px;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;padding:0 43px;gap:40px;border-radius:20px;background:#fff}.p-login .login-wrapper .right .form-wrapper .text{flex-direction:column;align-items:center}.p-login .login-wrapper .right .form-wrapper .text h2{color:var(--primary-primary-blue, #3B56A6);font-size:32px;font-style:normal;font-weight:700;line-height:140%}.p-login .login-wrapper .right .form-wrapper .text h2 span{color:var(--secondary-primary-orange, #EF452C)}.p-login .login-wrapper .right .form-wrapper .text p{color:#666;font-family:Poppins;font-size:19.8px;font-style:normal;font-weight:400}@media (min-width: 1029px){.p-login .login-wrapper .right .form-wrapper{width:482px;height:522px;gap:15px}.p-login .login-wrapper .right .form-wrapper .filter-group label{font-size:18px}.p-login .login-wrapper .right .form-wrapper .filter-group input{height:55px}.p-login .login-wrapper .right .form-wrapper .filter-group .button-custom{padding:15px 0}.p-login .login-wrapper .right .form-wrapper .text h2{font-size:30px}.p-login .login-wrapper .right .form-wrapper .text p{font-size:16px}}@media (min-width: 1440px){.p-login .login-wrapper .right .form-wrapper{display:flex;width:582px;height:622px;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;padding:0 43px;gap:40px;border-radius:20px;background:#fff}.p-login .login-wrapper .right .form-wrapper .filter-group label{font-size:20}.p-login .login-wrapper .right .form-wrapper .filter-group input{height:63px}.p-login .login-wrapper .right .form-wrapper .filter-group .button-custom{padding:20px 0}.p-login .login-wrapper .right .form-wrapper .text{flex-direction:column;align-items:center}.p-login .login-wrapper .right .form-wrapper .text h2{color:var(--primary-primary-blue, #3B56A6);font-size:32px;font-style:normal;font-weight:700;line-height:140%}.p-login .login-wrapper .right .form-wrapper .text h2 span{color:var(--secondary-primary-orange, #EF452C)}.p-login .login-wrapper .right .form-wrapper .text p{color:#666;font-family:Poppins;font-size:19.8px;font-style:normal;font-weight:400}}@media (min-width: 1800px){.p-login .login-wrapper .right>*{zoom:1.25}}.p-siswa{margin-left:268px;background-color:#fafaff;height:100vh}.p-siswa .siswa-content{padding:30px 40px}.p-siswa .siswa-content .content .title{margin-top:30px;display:flex;align-items:center;justify-content:space-between}.p-siswa .siswa-content .content .title h3{color:#000;font-family:Poppins;font-size:22px;font-style:normal;font-weight:700;line-height:140%;letter-spacing:.11px}.p-siswa .siswa-content .content .title p{color:#3b56a6;font-size:19px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.095px;margin-bottom:0}.p-siswa .siswa-content .content .two-columns{display:grid;grid-template-columns:4fr 1fr;gap:13px}.p-siswa .siswa-content .content .two-columns.left-long{grid-template-columns:3fr 1fr}.p-siswa .siswa-content .content .two-columns.equal{grid-template-columns:repeat(2,1fr)}.p-siswa .siswa-content .content .four-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:13px}.p-siswa .siswa-content .content .five-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:13px}.p-siswa .siswa-content .content .three-columns{display:grid;grid-template-columns:1fr 1fr 2.04fr;gap:13px}.p-siswa .siswa-content .content .three-columns.details{grid-template-columns:repeat(3,1fr)}.p-siswa .siswa-content .content .nav-tabs{border:none;width:100%;display:flex;justify-content:stretch;align-items:stretch;gap:20px;flex-wrap:wrap}.p-siswa .siswa-content .content .nav-tabs.nav-tabs-no-background{border-bottom:1px solid #CDCDCD;display:grid;grid-template-columns:repeat(3,1fr)}.p-siswa .siswa-content .content .nav-tabs.nav-tabs-no-background.two-column{grid-template-columns:repeat(2,1fr)}.p-siswa .siswa-content .content .nav-tabs.nav-tabs-no-background.four-column{grid-template-columns:repeat(4,1fr)}.p-siswa .siswa-content .content .nav-tabs.nav-tabs-no-background.five-column{grid-template-columns:repeat(5,1fr)}.p-siswa .siswa-content .content .nav-tabs.nav-tabs-no-background.six-column{grid-template-columns:repeat(6,1fr)}.p-siswa .siswa-content .content .nav-tabs.nav-tabs-no-background .nav-link{border:none;background-color:transparent;padding:10px;font-size:20px;font-style:normal;font-weight:400;line-height:140%;color:#666}.p-siswa .siswa-content .content .nav-tabs.nav-tabs-no-background .nav-link.active{border-bottom:3px solid #3B56A6;font-weight:600;color:#3b56a6}.p-siswa .siswa-content .content .nav-tabs .nav-item{flex-grow:1}.p-siswa .siswa-content .content .nav-tabs .nav-item .nav-link{width:100%}.p-siswa .siswa-content .content .report-item{display:flex;padding:14px 20px;align-items:center;gap:20px;flex:1 0 0;border-radius:24px;border:1px solid var(--primary-bg, #DFE5F6);background:#fff}.p-siswa .siswa-content .content .report-item .text p{margin-bottom:0;color:#606060;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.p-siswa .siswa-content .content .report-item .text h3{color:#3b56a6;font-size:32px;font-style:normal;font-weight:600;line-height:130%;margin-bottom:0}.p-siswa .siswa-content .table-content{padding:16px;border-radius:14px;background:#fff;box-shadow:10px 10px 46px 4px #3b56a61f}@media (min-width: 1800px){.p-siswa{margin-left:319px;padding-top:10px}}.dataTables_scrollBody::-webkit-scrollbar{width:5px!important;height:5px}.dataTables_scrollBody::-webkit-scrollbar-track{background:#f1f1f1}.dataTables_scrollBody::-webkit-scrollbar-thumb{width:5px!important;background:#3b56a6;border-radius:10px}.dataTables_scrollBody::-webkit-scrollbar-thumb:hover{background:#2e4382}.table-content .table-wrapper .card-datatable{border:none}.table-content .table-wrapper .card-datatable.report .dataTables_info,.table-content .table-wrapper .card-datatable.report .dataTables_paginate,.table-content .table-wrapper .card-datatable.report .dataTables_length{display:none}@media (width <= 2000px){.table-content .table-wrapper .card-datatable.report .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}.table-content .table-wrapper .card-datatable.report .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}}@media (width <= 1400px){.table-content .table-wrapper .card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}.table-content .table-wrapper .card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}}.table-content .table-wrapper .table.report{border:none}.table-content .table-wrapper .table.report .report-icon{display:flex;padding:13.899px 9.928px;justify-content:center;height:auto;align-items:center;gap:9.928px;align-self:stretch;border-radius:14.892px;background:#ededed;width:55px}.table-content .table-wrapper .table.report .report-icon img{width:29.784px}.table-content .table-wrapper .table.report .report-icon.left{display:flex;height:35.741px;padding:13.899px 23.827px;justify-content:center;align-items:center;gap:9.928px;align-self:stretch;border-radius:14.892px;background:var(--primary-primary-blue, #3b56a6);color:#fff}.table-content .table-wrapper .table.report .report-head{display:flex;align-items:center;justify-content:center;border-radius:14.892px;background:var(--primary-primary-blue, #3b56a6);width:80.417px;padding:13.899px 9.928px}.table-content .table-wrapper .table.report .report-head.item{display:flex;width:80.417px;height:35.741px;justify-content:center;align-items:center;gap:9.928px;border-radius:14.892px;background:var(--primary-bg, #dfe5f6)}.table-content .table-wrapper .table.report .report-head.item.non-active{background:#ededed}.table-content .table-wrapper .table.report thead{width:auto;margin-right:10px;background-color:transparent}.table-content .table-wrapper .table.report thead th{height:auto;width:auto;background-color:transparent;padding:5px}.table-content .table-wrapper .table.report tr{gap:10px;background:transparent;border:none;border-bottom:none!important}.table-content .table-wrapper .table.report tr:nth-child(odd){background:transparent}.table-content .table-wrapper .table.report:first-child{border-top-left-radius:0}.table-content .table-wrapper .table.report:last-child{border-top-right-radius:0}.table-content .table-wrapper .table.report td{padding:5px;border-bottom:none}.invoice-wrapper{display:flex;justify-content:center;align-items:center;background-color:#3b3f45;padding:40px 0}.invoice{background:#fff;width:1359.872px;border-radius:16px}.invoice hr{margin:0}.invoice .invoice-header{padding:40px 70px;display:flex;justify-content:space-between;align-items:center}.invoice .invoice-header .title{color:var(--primary-primary-blue, #3B56A6);font-size:60px;font-style:normal;font-weight:700;line-height:normal}.invoice .invoice-header .brand-logo img{width:200px}.invoice .invoice-information{padding:40px 70px;display:flex;justify-content:space-between}.invoice .invoice-information .left{width:695px;display:flex;flex-direction:column;gap:35px}.invoice .invoice-information .left .address{color:var(--Text-Secondary, #666);font-size:24px;font-style:normal;font-weight:400;line-height:normal}.invoice .invoice-information .left .address h6{color:var(--5, #3B3F45);font-size:22px;font-style:normal;font-weight:500;line-height:normal}.invoice .invoice-information .left .contacts p{display:flex;align-items:center;gap:10px;color:var(--5, #3B3F45);font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.invoice .invoice-information .right{display:flex;flex-direction:column;justify-content:space-between}.invoice .invoice-information .right .due-items{color:var(--Text-Secondary, #666);font-size:24px;font-style:normal;font-weight:400;line-height:normal}.invoice .invoice-information .right .due-items p{color:var(--primary-primary-blue, #3B56A6);font-size:26px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.invoice .invoice-table{padding:40px 70px}.invoice .invoice-table table{width:100%}.invoice .invoice-table table th,.invoice .invoice-table table td{height:60px;padding:20px}.invoice .invoice-table table thead th{color:#fff;border-right:1px solid var(--primary-bg, #DFE5F6);background:var(--primary-primary-blue, #3B56A6);box-shadow:0 -1px #0000000d inset;color:var(--White, #FFF);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.invoice .invoice-table table tbody td{border-right:1px solid var(--primary-bg, #DFE5F6);background:#fff;box-shadow:0 -1px #0000000d inset;color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.invoice .invoice-table table tbody td:last-child{border-right:none}.invoice .invoice-total{padding:20px 70px 50px;display:grid;grid-template-columns:repeat(2,1fr)}.invoice .invoice-total .detail table{width:100%}.invoice .invoice-total .detail table td{height:60px;padding:20px;border-right:1px solid var(--primary-bg, #DFE5F6);background:var(--primary-primary-blue, #3B56A6);box-shadow:0 -1px #0000000d inset;font-size:20px;color:#fff}.invoice .invoice-total .detail table td.non-bg{background:#fff;border-right:none;color:var(--primary-primary-blue, #3B56A6);font-size:18px;font-style:normal;font-weight:500;line-height:normal}.invoice .invoice-total .detail table td.non-bg.total{font-size:20px;color:#000}.invoice .terms{padding:50px 70px;color:#3b3f45;font-size:26px;font-style:normal;font-weight:600;line-height:normal}.invoice .terms p{color:var(--5, #3B3F45);font-size:22px;font-style:normal;font-weight:400;line-height:normal}