.pageContainer[data-v-0fa712d9]{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;margin-right:0}.header[data-v-0fa712d9]{border-bottom:.5px solid #ddd;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;padding:0 27px;font-size:20px;font-weight:bolder;flex-direction:row;display:flex}.content[data-v-0fa712d9]{flex:1;display:flex;padding:20px 20px;align-items:flex-start;overflow:auto}.left[data-v-0fa712d9]{display:flex;flex-direction:column;flex:1;width:100%}@media screen AND (max-width:992px){.content[data-v-0fa712d9]{flex-direction:column}.courseSchedule[data-v-0fa712d9]{margin-left:0!important;margin-top:15px}}.courseDetails[data-v-0fa712d9]{border:.5px solid #ddd;border-radius:5px;background-color:#fafafa;padding:12px 21px;flex:1;display:flex;flex-direction:column;color:#203e5f;line-height:2.2;font-size:16px}.courseTitle[data-v-0fa712d9]{font-weight:700;border-bottom:.5px solid #ddd;text-transform:uppercase}.courseScheduleWrapper[data-v-0fa712d9]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;justify-content:start;width:100%;flex:1;align-items:stretch;padding:3.5px 22px;align-content:flex-start;overflow:auto}.courseScheduleWrapper[data-v-0fa712d9]::-webkit-scrollbar{width:3px}.courseScheduleWrapper[data-v-0fa712d9]::-webkit-scrollbar-thumb{background:#afafaf;width:3px;border-radius:100px}@media screen AND (max-width:1372px){.courseScheduleWrapper[data-v-0fa712d9]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen AND (max-width:992px){.courseScheduleWrapper[data-v-0fa712d9]{grid-template-columns:repeat(1,minmax(0,1fr))}}.courseSchedule[data-v-0fa712d9]{flex:3;margin-left:15px;border:.5px solid #ddd;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.1607843137254902);height:150%;color:#203e5f;display:flex;flex-direction:column;overflow:hidden;min-width:-moz-min-content;min-width:min-content}.courseScheduleTitle[data-v-0fa712d9]{border-bottom:.5px solid #ddd;border-top-left-radius:10px;border-top-right-radius:10px;width:auto;margin:8.5px 27px;margin-bottom:0;padding-bottom:8.5px;font-size:16px;display:inline-flex;font-weight:700}.password[data-v-0fa712d9],.qr[data-v-0fa712d9]{font-size:30px;font-weight:900;background-color:#f1f4f5;align-items:center;justify-content:center;text-align:center;border-radius:5px;padding:14px 30px;margin-top:15px}.actions[data-v-0fa712d9]{display:flex;margin-top:15px;justify-content:center}.actions button[data-v-0fa712d9]{font-size:15px;margin:0;margin-right:10px}.actions button[data-v-0fa712d9]:last-of-type{margin-right:0}.student[data-v-0fa712d9]{border-radius:5px;border:.5px solid #ccc;display:flex;flex:1;align-items:center;padding:8px 17px;margin:5px;flex-basis:30%}.student.attended[data-v-0fa712d9]{background-color:#d6ffd1}.student.izinli[data-v-0fa712d9]{background-color:#f9fac0}.student img[data-v-0fa712d9]{width:41px;height:41px;flex:1;border-radius:50%}.student button[data-v-0fa712d9]{margin:5px;font-size:11px;padding:3px 11px;height:auto}.student>div[data-v-0fa712d9]{display:flex}.student .name-number[data-v-0fa712d9]{flex:5;margin-left:15px;flex-direction:column}.name[data-v-0fa712d9]{font-size:14px;font-weight:700}.number[data-v-0fa712d9]{font-size:12px}.qr.clicked[data-v-0fa712d9]{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;z-index:99999999;margin-top:0}.fullscreen[data-v-0fa712d9]{z-index:99999999;justify-content:space-between;align-items:center;display:flex;flex-direction:row;position:fixed;top:40px;width:500px}.division[data-v-0fa712d9]{display:inline-flex}.time[data-v-0fa712d9]{display:flex;justify-content:space-evenly;padding-top:2px;padding-bottom:2px;border-radius:10px;width:80px}.time.text[data-v-0fa712d9]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.time.paused[data-v-0fa712d9]{color:#b74141;background-color:#f5e4e4}.time.resuming[data-v-0fa712d9]{color:#41a06f;background-color:rgba(65,160,111,.1411764705882353)}.searchField[data-v-0fa712d9]{margin-left:auto}.filterSort[data-v-0fa712d9]{display:flex;width:-moz-min-content;width:min-content;align-self:flex-end;align-items:center;margin-right:15px;gap:20px}.sort[data-v-0fa712d9]{display:flex;align-items:center;gap:5px}.filter[data-v-0fa712d9]{margin-right:10px}.search[data-v-0fa712d9]{border-radius:5px;border:.5px solid #afafaf;display:flex;height:35px;flex:1;padding:3px 12px;align-items:center}.search input[data-v-0fa712d9]{border:none;background-color:transparent;flex:1}.sortDirection[data-v-0fa712d9]{margin-left:10px}.buttons[data-v-0fa712d9]{display:flex;justify-content:flex-end;flex:1}@media screen AND (max-width:768px){.header[data-v-0fa712d9]{border-bottom:unset;padding:8px 15px}.left[data-v-0fa712d9]{flex:unset!important;margin-top:-10px}.courseDetails[data-v-0fa712d9]{width:100%;margin-bottom:10px;font-size:14px;height:100%;overflow:unset!important;padding-top:3px!important}.detail-container[data-v-0fa712d9]{margin-top:10px;width:100%;max-height:40px;overflow:hidden;position:relative;transition:all .3s ease}.accordion[data-v-0fa712d9]{display:block;position:absolute;top:10px;right:10px;width:20px;max-height:20px;transition:all .3s ease}.accordion-opened[data-v-0fa712d9]{transform:scaleY(-1)}.accordion_active[data-v-0fa712d9]{max-height:600px}.courseTitle[data-v-0fa712d9]{border-bottom:unset}.actions[data-v-0fa712d9]{justify-content:center}.filterSort[data-v-0fa712d9]{flex-direction:row;align-items:center!important;justify-content:space-evenly;align-self:unset;padding:3px 1px;width:100vw;overflow:hidden;display:flex;margin:unset!important;gap:unset;max-height:50px}.filter[data-v-0fa712d9]{margin-right:unset}.search[data-v-0fa712d9]{width:calc(48vw - 18px)!important;max-width:calc(48vw - 18px)!important;overflow-x:hidden;position:relative;margin-right:3px!important;margin-left:1px!important;margin-bottom:10px}.selectMain[data-v-0fa712d9]{margin:2px 2px}.sortDirection[data-v-0fa712d9]{margin-left:-2px}.patr[data-v-0fa712d9]{position:absolute;top:25%;right:3%}.courseSchedule[data-v-0fa712d9]{border:unset!important;box-shadow:unset!important}.courseScheduleWrapper[data-v-0fa712d9]{padding:0}.student[data-v-0fa712d9]{padding:8px 5px}.name-number .name[data-v-0fa712d9]{font-size:14px;font-weight:550}.fullscreen[data-v-0fa712d9]{width:100vw;padding:0 10vw;top:40px;flex-direction:row}}