.timelineItemRightHeader[data-v-b4202fee]{font-size:12px;font-weight:700}.timelineItemRightContent[data-v-b4202fee]{margin:10px 0 0 0;font-size:14px;font-weight:400;color:#788695}.timelineItemRightHeader[data-v-52362f36]{font-size:12px;font-weight:700}.timelineItemRightContent[data-v-52362f36]{margin:10px 0 0 0;font-size:14px;font-weight:400;color:#788695}.page[data-v-32503fec]{display:flex;flex-direction:row;height:100%!important;padding:15px}.buttons[data-v-32503fec]{display:flex;flex-direction:row;padding-left:25px}.left[data-v-32503fec]{width:100%;height:95%}.button[data-v-32503fec]{padding:7px 14px 7px 14px;height:-moz-fit-content;height:fit-content;border-radius:10px 10px 0 0;color:#203e5f;font-weight:600;font-size:16px;cursor:pointer}.active[data-v-32503fec]{color:#fff;background-color:#7ac38f}.content[data-v-32503fec]{height:100%}.content[data-v-32503fec],.timeline[data-v-32503fec]{background:#fff;border-radius:5px 5px 5px 5px;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);overflow:auto}.timeline[data-v-32503fec]{width:35%;height:99.5%;right:0;bottom:0;margin-left:20px}.counters[data-v-32503fec]{display:flex;flex-direction:row;padding:20px 50px 35px 50px}.section1[data-v-32503fec],.section2[data-v-32503fec]{display:flex;flex-direction:row;flex:1}.counter[data-v-32503fec]{flex:1}.count[data-v-32503fec]{font-size:45px;color:#203e5f;font-weight:700}.aktif[data-v-32503fec]{margin-top:5px;font-size:12px;color:#203e5f;font-weight:600}.type[data-v-32503fec]{margin-top:3px;font-size:16px;color:#788695}.countCBN[data-v-32503fec]{color:#7ac38f!important}.countPASS[data-v-32503fec]{color:#6c95ec!important}.countQR[data-v-32503fec]{color:#b74141!important}.seperatorVertical[data-v-32503fec]{border-left:1.1px solid grey;margin-top:6px;margin-right:10px;margin-left:30px;opacity:.5}.seperatorHorizontal[data-v-32503fec]{border-bottom:1.1px solid grey;align-self:center;width:95%;opacity:.5}.section1 .counter[data-v-32503fec]:last-child{flex:0.5}.graphics[data-v-32503fec]{display:flex;flex-direction:row;margin-top:20px;height:70%}.attendanceTypes[data-v-32503fec]{flex:1.2}.attendanceCounts[data-v-32503fec],.attendanceTypes[data-v-32503fec]{font-size:18px;color:#203e5f;font-weight:700;padding:20px 50px 35px 30px}.attendanceCounts[data-v-32503fec]{flex:.8;height:100%}.countHead[data-v-32503fec],.typesHead[data-v-32503fec]{display:flex;justify-content:space-between}.counterName[data-v-32503fec]{margin:30px 0 20px 20px;font-weight:400;font-size:13px;color:#788695}.courseRow[data-v-32503fec]{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:11px;border-bottom:1px solid rgba(0,0,0,.2)}.courseRowLeft[data-v-32503fec]{display:flex;padding-left:15px;justify-content:space-between;align-self:center;flex-direction:column;font-weight:400;font-size:14px;color:#203e5f}.courseRowName[data-v-32503fec]{font-weight:700}.courseRowDate[data-v-32503fec]{font-weight:400}.courseRowRight[data-v-32503fec]{display:flex;padding-right:15px;font-size:23px}.studentCount[data-v-32503fec]{color:#788695;font-size:23px}.attendedCbnStudent[data-v-32503fec]{color:#7ac38f}.attendedPasswordStudentCount[data-v-32503fec]{color:#6c95ec}.attendedQrStudentCount[data-v-32503fec]{color:#b74141}.section2 .counter[data-v-32503fec]:nth-child(2){margin-left:60px}.counterBody[data-v-32503fec]{height:85%;overflow-y:auto}.counterBody[data-v-32503fec]::-webkit-scrollbar{width:3px}.counterBody[data-v-32503fec]::-webkit-scrollbar-thumb{background:#afafaf;width:3px;border-radius:100px}.timelineHeader[data-v-32503fec]{margin:20px 0 20px 20px;font-weight:700;font-size:18px}.timelineContent[data-v-32503fec]{margin:0 10px 20px 20px;font-weight:700}.timelineItem[data-v-32503fec]{margin:15px 0 0 0;display:flex}.timelineItemLeft[data-v-32503fec]{margin:0 15px 0 10px}.timelineItemRightHeader[data-v-32503fec]{font-size:12px;font-weight:700}.timelineItemRightContent[data-v-32503fec]{margin:10px 0 0 0;font-size:14px;font-weight:400;color:#788695}.coursename[data-v-32503fec]{font-size:14px;font-weight:700;color:#203e5f}@media screen and (max-width:768px){.section1[data-v-32503fec],.section2[data-v-32503fec]{flex-direction:column}.section2 .counter[data-v-32503fec]:nth-child(2){margin-left:0!important}.graphics[data-v-32503fec]{flex-direction:column;height:100%}.typesHead[data-v-32503fec]{flex-direction:column}.typesHead>[data-v-32503fec]{margin:0 0 10px 20px}.timeline[data-v-32503fec]{display:none}.countHead[data-v-32503fec]{flex-direction:column}.countHead>[data-v-32503fec]{margin:0 0 10px 20px}}.card[data-v-32503fec]{background:#fff;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);padding:20px;margin:20px;height:100%}.card-body[data-v-32503fec]{padding:20px}.card-header[data-v-32503fec]{font-size:18px;font-weight:700;color:#203e5f;margin-bottom:20px}.tabs[data-v-6bbe8d03]{display:flex;cursor:pointer;overflow-x:auto}.tab-header[data-v-6bbe8d03]{padding:10px;margin-right:5px;background-color:#f5f5f5;transition:background-color .3s;flex-shrink:0;outline:none}.tab-header.active[data-v-6bbe8d03]{font-weight:700;background-color:#ccc}.tab-header[data-v-6bbe8d03]:focus{outline:2px solid #007bff}.tab-content[data-v-6bbe8d03]{margin-top:10px}.fade-enter-active[data-v-6bbe8d03],.fade-leave-active[data-v-6bbe8d03]{transition:opacity .5s}.fade-enter[data-v-6bbe8d03],.fade-leave-to[data-v-6bbe8d03]{opacity:0}@media (max-width:768px){.tabs[data-v-6bbe8d03]{flex-direction:column}.tab-header[data-v-6bbe8d03]{margin-right:0;margin-bottom:5px}}.body[data-v-6bbe8d03]{display:flex;flex:1;flex-direction:column;align-items:stretch}.form-layout[data-v-6bbe8d03]{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2rem;position:relative}.inputWrapper[data-v-6bbe8d03]{width:100%;display:flex;position:relative;justify-content:flex-end;flex-direction:column}input[data-v-6bbe8d03]{margin:0}.inputWrapper[data-v-6bbe8d03]:last-of-type{margin-right:0}.input[data-v-6bbe8d03]{position:relative;border:.5px solid #afafaf;border-radius:5px;margin:20px 0;display:flex;justify-content:center;align-items:center;padding:5px;width:100%}.input.error[data-v-6bbe8d03]{border-color:#b74141;color:#b74141}small[data-v-6bbe8d03]{position:absolute;top:100%;left:0;font-size:12px}input[data-v-6bbe8d03]{padding-right:20px;border:none;background:transparent;outline:none;font-size:16px;width:100%;height:100%}.input>i[data-v-6bbe8d03]{position:absolute;top:25%;right:15px}label[data-v-6bbe8d03]{top:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:10px;transform:translateY(-50%);transition:all .3s;font-size:14px}input+label[data-v-6bbe8d03],input:focus-within+label[data-v-6bbe8d03]{top:-11px;font-size:13px}input[type=number][data-v-6bbe8d03]::-webkit-inner-spin-button,input[type=number][data-v-6bbe8d03]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.save-button[data-v-6bbe8d03]{float:right}.pageContainer[data-v-7f90ec8f]{display:flex;flex:6;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);margin:15px 40px}.header[data-v-7f90ec8f]{border-bottom:.5px solid #ddd;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;padding:18px 27px;font-size:20px;font-weight:bolder;display:flex;justify-content:space-between;align-items:center;height:50px}.content[data-v-7f90ec8f]{flex:1;display:flex;padding:20px 20px;flex-wrap:wrap;align-items:flex-start;overflow:hidden;padding-top:10px}.atendances[data-v-7f90ec8f]{display:flex;flex-direction:column;border:.5px solid #ccc;padding:11px;border-radius:5px;flex:4;height:100%;overflow:hidden}.attendancesHeader>div[data-v-7f90ec8f]{color:#203e5f!important;justify-content:center;align-items:center;font-size:14px!important}.attendanceWrapper[data-v-7f90ec8f]{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:15px}.attendanceWrapper[data-v-7f90ec8f]::-webkit-scrollbar{width:3px}