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