body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;font-size:16px;margin:0}.heading,.title .span,h1,h2,h3,h4,h5,h6{font-family:IBM Plex Sans Thai Looped,sans-serif;font-weight:500}h1{font-size:22px}h2,h3,h4{font-size:20px}h5{font-size:16px}h6{font-size:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.popup-form-input[type=number],.popup-form-input[type=text]{border:1px solid #e6e6e6;border-radius:5px;color:#252525;font-size:13px;font-weight:400;height:32px;width:100%}.colorCheckbox{accent-color:#000}.coloredRadio:checked{accent-color:#000;background-color:#000;border-color:#000}.full-page-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999999}.popUpFooter{border-top:1px solid #dfdfdf;display:flex;padding-top:5px;.cancelBtn{background-color:#fff;border:none;border-radius:5px;color:#252525;margin-left:auto}.cancelBtn,.saveBtn{padding:2px;width:75px}.saveBtn{background-color:#252525;border-radius:5px;color:#fff}}hr{background-color:initial;border:0 solid red;color:#0000;height:100px}.icon-small{width:20px}.select-new-drop-icon{-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27black%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position-x:100%;background-position-y:5px;background-repeat:no-repeat;border:1px solid #dfdfdf;border-radius:4px;color:#252525;padding-left:5px;padding-right:2rem}.date-input,.time-input{-webkit-appearance:none;-moz-appearance:none;border:1px solid #dfdfdf;border-radius:4px;height:36px}.swal2-container,.swal2-container.swal2-backdrop-show{z-index:99999!important}.swal2-popup{z-index:100000!important}.swal2-backdrop{z-index:99998!important}#topNavBar{background:#fff;box-shadow:0 0 6px 0 #00000040;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:11}#sidenavBar{background-color:#fff;border-right:1px solid #e5e5e5;height:100%;min-height:100%;overflow:scroll;padding-bottom:2px;padding-left:2rem;padding-top:5rem;position:fixed;scrollbar-width:5px;top:0;width:230px;z-index:200}#sidenavBar::-webkit-scrollbar,#sidenavBar>div::-webkit-scrollbar{display:none}#sidenavBar .navbar-nav,#sidenavBar .navbar-nav li{margin-top:20px}#sidenavBar .navbar-nav li a{color:#252525;font-weight:400;text-decoration:none}#sidenavBar .navbar-nav li img{margin-right:1rem;width:18px}.activeTabIndicator{background-color:red;height:30px;margin-right:20px;width:4px}::-webkit-scrollbar{height:0;width:8px}::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:5px}::-webkit-scrollbar-track{background-color:#d3d3d3}.searchTop{background-color:#f8fafc;border:none;border-radius:17px;display:flex;flex-direction:column;font-family:Inter;left:50%;position:fixed;top:10px;transform:translate(-50%);width:640px;z-index:100;.searchMain{align-items:center;display:flex;gap:10px;height:30px;justify-content:center;padding:0 20px}input[type=date],input[type=text]{background-color:initial;border:none;color:#757575;font-size:13px;font-weight:400;margin-top:3px;text-align:left;width:93%}img{cursor:pointer;height:14px}.searchFilters{border-top:1px solid #e5e5e5;padding:10px 20px;.filterSelect,.filterSelectDate{align-items:center;border:1px solid #818181;border-radius:5px;color:#818181;display:flex;flex:0.33 1;font-size:13px;height:32px;padding:0}.filterSelect{align-items:center;cursor:pointer;justify-content:space-around;>img{height:7px}}}}.searchInputDiv{height:32px;width:100%}.searchInputDiv input{border:1px solid #e5e5e5;border-radius:5px;color:#909090;font-family:Inter;font-size:13px;font-weight:400;padding:5px 15px;width:100%}.searchInputDiv input:focus{border:1px solid #c5c5c5}.searchInputDiv img{height:10px;position:relative;right:calc(-100% + 20px);top:-27px}.filterSelect{>img{height:7px}}.savingBtn{background-color:#252525;border:0;border-radius:10px;color:#fff;padding:1px 15px 4px}.halfSizeInput{.form-control{height:calc(2rem + 2px)}.form-control,.form-control:not(:placeholder-shown){padding-top:1.3rem}label{font-size:12px;padding:.4rem}}.selectInputDiv{width:"400px"}.skeleton-form{display:flex;flex-direction:column;gap:16px;padding:16px}.skeleton-checkbox-row,.skeleton-editor,.skeleton-info,.skeleton-input,.skeleton-label,.skeleton-radio,.skeleton-textarea,.skeleton-thumbnail{animation:pulse 1.5s ease-in-out infinite;background:#eee;border-radius:4px}.skeleton-input{height:36px;width:100%}.skeleton-textarea{height:80px;width:100%}.skeleton-label{height:16px;width:120px}.skeleton-radio{height:36px;width:200px}.skeleton-thumbnail{height:100px;width:100%}.skeleton-info{height:14px;width:60%}.skeleton-editor{height:120px;width:100%}.skeleton-checkbox-row{height:24px;width:180px}.user-image-container{display:inline-block;.image{border:3px solid #fff;height:auto;width:30px}.image:hover+.username{cursor:"pointer";display:block}.profileIcon:hover+.username{cursor:pointer;display:block}.username{background-color:#fff4cd;border:1px solid #bcbcbc;border-radius:5px;color:#ffae4f;display:none;font-size:14px;left:"50%";padding:5px 10px;position:absolute;top:"100%"}.username:hover{display:block}}.rightHandRightPageMainContainer .thumbnailContainer{align-items:center;border:1px solid #000;border-radius:5px;display:flex;height:80px;justify-content:center;width:80px}.thumbnailContainer img{height:-webkit-fit-content;height:fit-content;width:24px}.series-series-group-selector-wrapper{width:100%}.series-series-group-select-input{align-items:center;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease;width:100%}.series-series-group-select-input:hover{border-color:#9ca3af}.select-placeholder{color:#6b7280;font-size:14px;font-weight:400}.select-arrow{color:#6b7280;font-size:10px}.added-series-groups-section{margin-top:20px}.added-series-groups-section h6{color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;margin-bottom:12px}.added-items-list{display:flex;flex-direction:column;gap:12px}.added-item-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:none;display:flex;height:70px;max-width:600px;padding:0;transition:none;width:100%}.added-item-card:hover{box-shadow:none}.added-item-content{align-items:center;display:flex;gap:12px;height:100%;justify-content:space-between;padding:0 16px;width:100%}.added-item-title{color:#333;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;margin:0;padding:0;text-align:left}.drag-handle-icon{cursor:grab;flex-shrink:0;height:20px;opacity:1;transition:none;width:20px}.drag-handle-icon:hover{opacity:1}.drag-handle-icon:active{cursor:grabbing}.delete-item-icon{cursor:pointer;flex-shrink:0;height:30px;opacity:1;transition:opacity .2s ease;width:30px}.delete-item-icon:hover{opacity:.8;transform:none}.drag-instruction{align-items:center;display:flex;gap:8px;margin-top:12px;padding:0}.lightbulb-icon{display:inline-block;font-size:16px;line-height:1}.instruction-text{color:#999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400}.series-series-group-modal-overlay{background-color:initial;height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:10000}.series-series-group-modal{background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;max-height:500px;overflow:hidden;pointer-events:auto;width:420px}.series-series-group-modal-header{border-bottom:1px solid #f1f1f1;padding:14px 18px}.series-series-group-modal-title{color:#111827;font-size:14px;font-weight:600;margin:0}.series-series-group-modal-content{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:14px 18px}.series-series-group-checkbox-row{align-items:center;display:flex;justify-content:space-between}.series-series-group-checkbox-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px}.series-series-group-checkbox-item input[type=checkbox]{accent-color:#111827;cursor:pointer;height:14px;width:14px}.series-series-group-select-wrapper{align-items:center;cursor:pointer;display:flex;gap:8px}.series-series-group-count-badge{background-color:#9ca3af;border-radius:20px;color:#fff;font-size:11px;font-weight:500;padding:2px 10px;white-space:nowrap}.series-series-group-arrow-icon{height:8px;object-fit:contain;width:8px}.series-series-group-modal-actions{border-top:1px solid #f1f1f1;display:flex;gap:10px;justify-content:flex-end;padding:14px 18px}.series-series-group-cancel-btn,.series-series-group-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;min-width:70px;padding:8px 16px;text-align:center;transition:all .2s ease}.series-series-group-cancel-btn{background-color:#fff;border:1px solid #e5e7eb;color:#374151}.series-series-group-cancel-btn:hover{background-color:#f9fafb}.series-series-group-save-btn{background-color:#111827;color:#fff}.series-series-group-save-btn:hover{background-color:#000}.selectInputDiv{font-family:Inter;width:100%}.select-input-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.selectPopupDiv{height:auto;width:700px}.selectInputDiv .selectInputHeader{color:#252525;font-size:17px;font-weight:500}.selectInputInput{align-items:center;border:1px solid #ccc;border-radius:.25rem;box-sizing:border-box;display:flex;height:calc(3.5rem + 2px);justify-content:space-between;margin-top:.75rem;min-width:0;overflow:hidden;padding:1rem .75rem;width:100%}.custom-dropdown{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;max-width:400px;padding:.75rem 1rem;text-overflow:ellipsis}.select-input-value{display:block;flex:1 1;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectInputDiv .selectInputInput:active{border:1px solid #959595}.selectInputDiv .selectInputInput img{height:7px}.titleAndText{font-family:Inter;font-size:13px;font-weight:400;.hoverChange:hover{.showHover{cursor:pointer;display:flex}.hideHover{display:none}}.hideHover,.showHover{cursor:pointer;width:100%}.showHover{display:none}.showHover img{width:20px}}.addCourseMain{display:flex;flex-direction:column;font-family:Inter;font-size:13px;font-weight:400;gap:10px;height:auto;padding:12px;width:460px}.addCourseMain>span{font-family:Inter;font-size:16px;font-weight:500;letter-spacing:0;line-height:19px;text-align:left}.courseSelector select{border:1px solid #e6e6e6;color:#b4b4b4;flex:0 0 40%;font-size:13px;font-weight:400;letter-spacing:0;line-height:16px;text-align:left}.greyBg{background-color:#f2f2f2}.newCourseContainer{align-items:center;display:flex;gap:5px}.newCourseContainer .courseThumbnail{width:140px}.newCourseContainer .courseName{color:#252525;flex:auto;font-size:14px;font-weight:500;line-height:17px}.newCourseContainer .blackCrossIcon{cursor:pointer;float:right;height:13px;width:13px}.roundPlusBtn{align-items:center;background-color:#252525;border:1px solid #252525;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:32px;justify-content:center;transition:all .2s ease;width:32px}.roundPlusBtn:hover{background-color:#1a1a1a;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.roundPlusBtn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.addSeriesMain{display:flex;flex-direction:column;font-family:Inter;font-size:13px;font-weight:400;gap:10px;height:auto;padding:12px;width:433px}.addSeriesMain>span{font-family:Inter;font-size:16px;font-weight:500;letter-spacing:0;line-height:19px;text-align:left}.seriesSelector select{border:1px solid #e6e6e6;color:#b4b4b4;flex:0 0 80%;font-size:13px;font-weight:400;letter-spacing:0;line-height:16px;text-align:left}.newSeriesContainer{align-items:center;display:flex;gap:5px}.newSeriesContainer .seriesThumbnail{height:58px;width:58px}.newSeriesContainer .seriesName{color:#252525;flex:auto;font-size:14px;font-weight:500;line-height:17px}.newSeriesContainer .blackCrossIcon{cursor:pointer;float:right;height:13px;width:13px}.moveToDiv{font-size:13px}.moveToDiv .searchDiv{align-items:center;display:flex;gap:5px;justify-content:space-between;padding:10px}.moveToDiv .searchDiv input[type=checkbox]{border:1px solid #efefef}.moveToDiv .searchDiv .searchInput{align-items:center;border:1px solid #e5e5e5;color:#909090;display:flex;flex:0.95 1;flex-grow:1;margin-left:0;overflow:hidden;padding:5px 10px}.moveToDiv .searchDiv .searchInput input{border:none;flex:0.95 1}.moveToDiv .searchDiv .searchInput img{margin:0;padding:5px}.moveToDiv .folderOption{display:flex;gap:15px;padding:5px 5px 5px 20px}.moveToDiv .folderOption:hover{background-color:#e5e5e5}.moveToDiv .folderOption img{height:18px}.seriesStatusPopUp{display:flex;flex-direction:column;font-family:Inter;font-size:13px;gap:5px;padding:12px;width:299px}.seriesStatusPopUp span{font-size:16px;font-weight:500;letter-spacing:0;line-height:19px}.seriesSelect{background-color:#f2f2f2;border:1px solid #e4e4e4;color:#b4b4b4;width:100%}hr{margin-bottom:2px;margin-top:2px}.cancleBtn{border:1px solid #fff}.myAlert{background-color:#fff8dc;border:1px solid red;border-radius:10px;color:red;padding:2px;width:100%}.form-floating input{border:.5px solid #ccc}.form-floating input:hover{border:.5px solid #444}.form-floating>label{color:#9f9f9f;font-size:14px}.editor{background:#fefefe;border:1px solid #ddd;border-radius:2px;box-shadow:inset 0 1px 8px -3px #ababab;box-sizing:border-box;cursor:text;font-size:13px;height:200px;margin-bottom:2em;overflow:scroll;padding:16px;width:300px}.editor :global(.public-DraftEditor-content){min-height:240px}.MentionsStyles_mention__aACCU{color:#4a85bb;text-decoration:none}.MentionsStyles_mentionSuggestions__VM27B{background:#fff;border-radius:2px;border-top:1px solid #eee;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;margin:-16px;padding-bottom:8px;padding-top:8px;transform:scaleY(0);transform-origin:50% 0}.MentionsStyles_mentionSuggestionsEntryContainer__d6Ouk{display:table;width:100%}.MentionsStyles_mentionSuggestionsEntryContainerLeft__EXfjp,.MentionsStyles_mentionSuggestionsEntryContainerRight__K5CRd{display:table-cell;vertical-align:middle}.MentionsStyles_mentionSuggestionsEntryContainerRight__K5CRd{padding-left:8px;width:100%}.MentionsStyles_mentionSuggestionsEntry__80Fmw{padding:7px 10px 3px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}.MentionsStyles_mentionSuggestionsEntry__80Fmw:active{background-color:#cce7ff}.MentionsStyles_mentionSuggestionsEntryFocused__msa12{background-color:#e6f3ff;cursor:pointer}.MentionsStyles_mentionSuggestionsEntryText__uC3hg,.MentionsStyles_mentionSuggestionsEntryTitle__AI5kP{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MentionsStyles_mentionSuggestionsEntryTitle__AI5kP{color:#a7a7a7;font-size:80%}.MentionsStyles_mentionSuggestionsEntryAvatar__Wtlru{border-radius:50%;display:block;height:30px;width:30px}.tagDiv .addBtn{display:none}.tagDiv:hover .addBtn{display:inline}.tagDiv .hideImage img{display:none}.bgDiv{background-color:rgba(0,0,0,.575);height:100%;left:0;position:fixed;top:0;width:100%}.verificationCard{background-color:#fff;box-shadow:0 0 5px #858484;display:flex;flex-direction:column;height:70%;left:50%;padding:1%;position:fixed;top:50%;transform:translate(-50%,-50%);width:70%}.verificationCard>div{overflow:scroll}.verificationCard>div::-webkit-scrollbar{height:0;width:0}.backIcon{cursor:pointer;width:1%}.imageHolder{background-color:#d68c8c;overflow:scroll;padding:1%}.imageHolder input[type=checkbox]{height:25px;position:fixed;top:10%;width:25px;z-index:100}.imageHolder>img{left:50%;overflow:scroll;position:relative;transform:translate(-40%)}.verificationCard>div>div{flex:0.5 1}.imageHolder::-webkit-scrollbar{height:5px;width:5px}.imageHolder::-webkit-scrollbar-track{background:#fff}.imageHolder::-webkit-scrollbar-thumb{background:#888}.imageHolder::-webkit-scrollbar-thumb:hover{background:#646464}.imageHolder::-webkit-scrollbar-thumb:active{background:#444}.verificationCard span{align-items:center;display:inline-flex;height:30px}.filterBarSkeleton{align-items:center;display:flex;gap:12px;padding:16px 20px}.skeleton-checkbox{border-radius:3px;height:18px;width:18px}.skeleton-button,.skeleton-checkbox{animation:pulse 1.5s ease-in-out infinite;background:#eee}.skeleton-button{border-radius:4px;height:36px;width:120px}.skeleton-button.green{background:#e8f5e8}.skeleton-button.red{background:#ffe8e8}.skeleton-filter-dropdown{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:#eee;border-radius:4px;display:flex;gap:8px;padding:8px 12px}.skeleton-icon{height:16px;width:16px}.skeleton-icon,.skeleton-text{animation:pulse 1.5s ease-in-out infinite;background:#ccc;border-radius:2px}.skeleton-text{height:14px;width:40px}.skeleton-expand-button{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:#eee;border-radius:4px;display:flex;gap:6px;padding:8px 12px}.skeleton-icon-small{height:14px;width:14px}.skeleton-icon-small,.skeleton-text-small{animation:pulse 1.5s ease-in-out infinite;background:#ccc;border-radius:2px}.skeleton-text-small{height:12px;width:50px}.skeleton-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px}.skeleton-document-card{animation:pulse 1.5s ease-in-out infinite;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.skeleton-card-body{padding:16px;position:relative}.skeleton-image{animation:pulse 1.5s ease-in-out infinite;background:#eee;border-radius:4px;height:200px;margin-bottom:12px;width:100%}.skeleton-zoom-controls{align-items:center;display:flex;gap:8px;margin-bottom:8px}.skeleton-zoom-btn{width:24px}.skeleton-zoom-btn,.skeleton-zoom-input{animation:pulse 1.5s ease-in-out infinite;background:#eee;border-radius:3px;height:24px}.skeleton-zoom-input{width:40px}.skeleton-page-count{animation:pulse 1.5s ease-in-out infinite;background:#eee;border-radius:2px;height:14px;width:30px}.skeleton-card-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.skeleton-name{border-radius:2px;width:120px}.skeleton-checkbox-small,.skeleton-name{animation:pulse 1.5s ease-in-out infinite;background:#eee;height:16px}.skeleton-checkbox-small{border-radius:3px;width:16px}@keyframes pulse{0%{background-color:#f0f0f0}50%{background-color:#e0e0e0}to{background-color:#f0f0f0}}.newFont{color:#252525;font-size:13px}.popUpHeading{font-family:Inter;font-size:17px;font-weight:500;letter-spacing:0;line-height:21px}.addTestMain{display:flex;flex-direction:column;font-family:Inter;font-size:13px;font-weight:400;gap:10px;height:auto;padding:12px;width:433px}.addTestMain>span{font-family:Inter;font-size:16px;font-weight:500;letter-spacing:0;line-height:19px;text-align:left}.testSelector select{border:1px solid #e6e6e6;color:#b4b4b4;flex:0 0 80%;font-size:13px;font-weight:400;letter-spacing:0;line-height:16px;text-align:left}.blackBtn{background-color:#252525;border:1px solid #252525;color:#fff}.paymentInfo{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px}.paymentInfo>*{border:1px solid #e6e6e6;flex:0 0 49%}.greyFont,.paymentInfo>*{color:#b4b4b4;font-size:13px;font-weight:400;letter-spacing:0;line-height:16px;text-align:left}.closeBtn{background:none;border:1px solid #fff;border-radius:8px;padding:1px 25px}.hr{background-color:#e6e6e6;border:none;height:1px;width:100%}.newTestContainer{align-items:center;display:flex;gap:5px}.newTestContainer .testThumbnail{height:58px;width:58px}.newTestContainer .testName{color:#252525;flex:auto;font-size:14px;font-weight:500;line-height:17px}.newTestContainer .blackCrossIcon{cursor:pointer;float:right;height:13px;width:13px}.filterSelect{>img{height:7px}}.filterSelect{>img{height:7px}}.filterSelect{>img{height:7px}}.filterSelect{>img{height:7px}}.filterSelect{>img{height:7px}}.filterSelect{>img{height:7px}}.filterSelect{>img{height:7px}}.filterSelect{>img{height:7px}}.filterSelect,.filterSelectDate{align-items:center;border:1px solid #818181;border-radius:5px;color:#818181;display:flex;flex:0.33 1;font-size:13px;height:32px;padding:0}.filterSelect{justify-content:space-around;>img{height:7px}}