.flatpickr-calendar .flatpickr-day{color:#6e6b7b}[dir] .flatpickr-calendar .flatpickr-day.today{border-color:#1c374c}.flatpickr-calendar .flatpickr-day.today:hover{color:#6e6b7b}[dir] .flatpickr-calendar .flatpickr-day.today:hover{background:transparent}.flatpickr-calendar .flatpickr-day.selected,.flatpickr-calendar .flatpickr-day.selected:hover{color:#fff}[dir] .flatpickr-calendar .flatpickr-day.selected,[dir] .flatpickr-calendar .flatpickr-day.selected:hover{background:#1c374c;border-color:#1c374c}[dir] .flatpickr-calendar .flatpickr-day.inRange,[dir] .flatpickr-calendar .flatpickr-day.inRange:hover{background:#4688bb;border-color:#4688bb}[dir=ltr] .flatpickr-calendar .flatpickr-day.inRange,[dir=ltr] .flatpickr-calendar .flatpickr-day.inRange:hover{box-shadow:-5px 0 0 #4688bb,5px 0 0 #4688bb}[dir=rtl] .flatpickr-calendar .flatpickr-day.inRange,[dir=rtl] .flatpickr-calendar .flatpickr-day.inRange:hover{box-shadow:5px 0 0 #4688bb,-5px 0 0 #4688bb}.flatpickr-calendar .flatpickr-day.endRange,.flatpickr-calendar .flatpickr-day.endRange:hover,.flatpickr-calendar .flatpickr-day.startRange,.flatpickr-calendar .flatpickr-day.startRange:hover{color:#fff}[dir] .flatpickr-calendar .flatpickr-day.endRange,[dir] .flatpickr-calendar .flatpickr-day.endRange:hover,[dir] .flatpickr-calendar .flatpickr-day.startRange,[dir] .flatpickr-calendar .flatpickr-day.startRange:hover{background:#1c374c;border-color:#1c374c}[dir=ltr] .flatpickr-calendar .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),[dir=ltr] .flatpickr-calendar .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),[dir=ltr] .flatpickr-calendar .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #1c374c}[dir=rtl] .flatpickr-calendar .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),[dir=rtl] .flatpickr-calendar .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),[dir=rtl] .flatpickr-calendar .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:10px 0 0 #1c374c}.flatpickr-calendar .flatpickr-day.flatpickr-disabled,.flatpickr-calendar .flatpickr-day.nextMonthDay,.flatpickr-calendar .flatpickr-day.prevMonthDay{color:#dae1e7}[dir] .flatpickr-calendar .flatpickr-day:hover{background:#f6f6f6}.flatpickr-calendar:after,.flatpickr-calendar:before{display:none}.flatpickr-calendar .flatpickr-months .flatpickr-next-month,.flatpickr-calendar .flatpickr-months .flatpickr-prev-month{top:-5px}.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover i,.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover i,.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg{fill:#1c374c}.flatpickr-calendar .flatpickr-current-month span.cur-month{font-weight:300}[dir] .flatpickr-time .flatpickr-am-pm:focus,[dir] .flatpickr-time .flatpickr-am-pm:hover,[dir] .flatpickr-time input:focus,[dir] .flatpickr-time input:hover{background:#fff}[dir] .dark-layout .flatpickr-calendar{background:#161d31;border-color:#161d31;box-shadow:none}.dark-layout .flatpickr-calendar .flatpickr-months i,.dark-layout .flatpickr-calendar .flatpickr-months svg{fill:#b4b7bd}.dark-layout .flatpickr-calendar .flatpickr-month{color:#b4b7bd}[dir=ltr] .dark-layout .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks{box-shadow:1px 0 0 #3b4253}[dir=rtl] .dark-layout .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks{box-shadow:-1px 0 0 #3b4253}.dark-layout .flatpickr-calendar .flatpickr-day,.dark-layout .flatpickr-calendar .flatpickr-day.today:hover,.dark-layout .flatpickr-calendar .flatpickr-weekday{color:#b4b7bd}.dark-layout .flatpickr-calendar .flatpickr-day.selected{color:#fff}.dark-layout .flatpickr-calendar .flatpickr-day.flatpickr-disabled,.dark-layout .flatpickr-calendar .flatpickr-day.nextMonthDay,.dark-layout .flatpickr-calendar .flatpickr-day.prevMonthDay{color:#4e5154!important}[dir] .dark-layout .flatpickr-calendar .flatpickr-day.inRange,[dir] .dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover{background:#283046;border-color:#283046}[dir=ltr] .dark-layout .flatpickr-calendar .flatpickr-day.inRange,[dir=ltr] .dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover{box-shadow:-5px 0 0 #283046,5px 0 0 #283046}[dir=rtl] .dark-layout .flatpickr-calendar .flatpickr-day.inRange,[dir=rtl] .dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover{box-shadow:5px 0 0 #283046,-5px 0 0 #283046}.dark-layout .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange){color:#b4b7bd}[dir] .dark-layout .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange){border-color:#283046}[dir] .dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange){background:#283046}[dir] .dark-layout .flatpickr-calendar .flatpickr-time{border-color:#161d31!important}.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm,.dark-layout .flatpickr-calendar .flatpickr-time .numInput{color:#b4b7bd}[dir] .dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,[dir] .dark-layout .flatpickr-calendar .flatpickr-time .numInput:hover{background:#161d31}[dir] .dark-layout .flatpickr-calendar .flatpickr-time .arrowUp:after{border-bottom-color:#b4b7bd}[dir] .dark-layout .flatpickr-calendar .flatpickr-time .arrowDown:after{border-top-color:#b4b7bd}[dir] .dark-layout .flatpickr-time .flatpickr-am-pm:focus,[dir] .dark-layout .flatpickr-time .flatpickr-am-pm:hover,[dir] .dark-layout .flatpickr-time input:focus,[dir] .dark-layout .flatpickr-time input:hover{background:#161d31}.flatpickr-human-friendly[readonly],.flatpickr-input[readonly],.flatpickr-input~.form-control[readonly]{opacity:1!important}[dir] .flatpickr-human-friendly[readonly],[dir] .flatpickr-input[readonly],[dir] .flatpickr-input~.form-control[readonly]{background-color:inherit}[dir] .flatpickr-weekdays{margin-top:8px}.flatpickr-current-month .flatpickr-monthDropdown-months{-webkit-appearance:none}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month .numInputWrapper{font-size:1.1rem;transition:all .15s ease-out}[dir] .flatpickr-current-month .flatpickr-monthDropdown-months,[dir] .flatpickr-current-month .numInputWrapper{border-radius:4px;padding:2px}.flatpickr-current-month .flatpickr-monthDropdown-months span,.flatpickr-current-month .numInputWrapper span{display:none}html[dir=rtl] .flatpickr-calendar .flatpickr-next-month svg,html[dir=rtl] .flatpickr-calendar .flatpickr-prev-month svg{transform:rotate(180deg)}.teacher-select{min-width:150px}body .vs__dropdown-menu{z-index:9999!important}[dir] body .vs__dropdown-toggle{background-color:#fff}.action-badge{user-select:none}[dir] .action-badge{cursor:pointer}.vertical-timetable-scroll{width:100%;overflow:auto}[dir] .vertical-timetable-scroll{border-top:1px solid #ebe9f1}.vertical-timetable-page{min-width:900px;color:#333}[dir] .vertical-timetable-page{padding:18px 20px 24px;background:#fff}[dir] .timetable-titlebar{margin-bottom:12px}.timetable-title{font-size:25px;font-weight:700;letter-spacing:1px}.timetable-subtitle{color:#777;font-size:12px}[dir] .timetable-subtitle{margin-top:4px}.vertical-schedule{display:grid;grid-template-rows:68px auto;width:100%;min-width:100%}[dir] .vertical-schedule{border-top:2px solid #777}[dir=ltr] .vertical-schedule{border-left:1px solid #dfe3e7}[dir=rtl] .vertical-schedule{border-right:1px solid #dfe3e7}.corner-header{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:center;font-weight:700}[dir] .corner-header{border-bottom:1px solid #cfd4d8;background:#fff}[dir=ltr] .corner-header{left:0;border-right:1px solid #cfd4d8}[dir=rtl] .corner-header{right:0;border-left:1px solid #cfd4d8}.vertical-teacher-header{position:sticky;top:0;z-index:8;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center}[dir] .vertical-teacher-header{padding:8px;border-bottom:1px solid #cfd4d8;text-align:center}[dir=ltr] .vertical-teacher-header{border-right:1px solid #cfd4d8}[dir=rtl] .vertical-teacher-header{border-left:1px solid #cfd4d8}.vertical-teacher-header strong{font-size:17px}.vertical-teacher-header small{font-size:10px}[dir] .vertical-teacher-header small{margin-top:4px}.vertical-time-axis{grid-column:1;grid-row:2;position:sticky;z-index:7}[dir] .vertical-time-axis{background:#fff}[dir=ltr] .vertical-time-axis{left:0;border-right:1px solid #cfd4d8}[dir=rtl] .vertical-time-axis{right:0;border-left:1px solid #cfd4d8}.time-row-label{display:flex;align-items:flex-start;justify-content:flex-end;color:#777;font-size:10px;line-height:1}[dir] .time-row-label{border-bottom:1px solid #e5e5e5}[dir=ltr] .time-row-label{padding-right:8px}[dir=rtl] .time-row-label{padding-left:8px}[dir] .time-row-label.hour-start{border-bottom-color:#c6c6c6}.time-row-label strong{color:#444;font-size:12px}[dir] .time-row-label strong{transform:translateY(-5px)}[dir] .time-row-label span{transform:translateY(-4px)}.vertical-teacher-column{position:relative;grid-row:2;min-width:0}[dir] .vertical-teacher-column{background:repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--quarter-height) - 1px),#ddd calc(var(--quarter-height) - 1px),#ddd var(--quarter-height)),repeating-linear-gradient(180deg,var(--first-hour-bg) 0,var(--first-hour-bg) var(--hour-height),var(--second-hour-bg) var(--hour-height),var(--second-hour-bg) var(--two-hour-height))}[dir=ltr] .vertical-teacher-column{border-right:1px solid #cfd4d8}[dir=rtl] .vertical-teacher-column{border-left:1px solid #cfd4d8}.vertical-slot{position:absolute;z-index:2;display:flex;min-width:0;align-items:center;justify-content:center;overflow:hidden;font-size:11px;line-height:1.2;transition:box-shadow .15s ease,transform .15s ease}[dir] .vertical-slot{padding:4px 5px;border:1px solid;border-radius:5px;text-align:center;cursor:pointer}.vertical-slot:hover{z-index:5;overflow:visible}[dir] .vertical-slot:hover{box-shadow:0 4px 12px rgba(0,0,0,.16)}[dir] .vertical-slot.selected{box-shadow:inset 0 0 0 3px #7367f0}.vertical-slot-content{width:100%;min-width:0}.slot-time{opacity:.72;font-size:9px;font-weight:600}[dir] .slot-time{margin-bottom:2px}.slot-mainline{line-height:1.35}.student-name{font-weight:700}.student-age{font-size:9px;font-weight:600}[dir=ltr] .student-age{margin-left:3px}[dir=rtl] .student-age{margin-right:3px}.class-grade{display:inline-block;color:#444;font-size:9px;font-weight:700}[dir] .class-grade{margin-top:2px;padding:1px 7px;border-radius:4px;background:#000}[dir] .vertical-slot.blue,[dir] .vertical-slot.cyan,[dir] .vertical-slot.green,[dir] .vertical-slot.orange,[dir] .vertical-slot.pink,[dir] .vertical-slot.purple{background:#fef5ee}[dir] .vertical-slot.blue{border-color:#bed5e8}[dir] .vertical-slot.green{border-color:#cfdfbd}[dir] .vertical-slot.orange{border-color:#efd4b8}[dir] .vertical-slot.purple{border-color:#d8c8e9}[dir] .vertical-slot.cyan{border-color:#c4e4e5}[dir] .vertical-slot.pink{border-color:#ecc9d6}[dir] .vertical-slot.trial{background:#fdf5a0;border:2px solid #ecad32}[dir] .vertical-slot.short-course{background:#fef5ee;border:2px solid #c8a3f2}.vertical-slot.leave{color:red;font-weight:700}[dir] .vertical-slot.changed{box-shadow:inset 0 0 0 2px #198754}[dir] .vertical-slot.changed.selected{box-shadow:inset 0 0 0 2px #198754,inset 0 0 0 5px #7367f0}.remarks{display:block;color:#b02a37;font-size:9px}[dir] .remarks{margin-top:2px}.todo{display:block;color:#666;font-size:9px}[dir] .todo{margin-top:2px}.vertical-slot.leave .todo{color:red;font-weight:700}.change-from-text{display:block;color:#198754;font-size:9px;font-weight:700}[dir] .change-from-text{margin-top:2px}.nonpaid{display:block;color:#ea5455;font-size:9px;font-weight:700}[dir] .nonpaid{margin-top:2px}.no-data{color:#999;font-size:20px}[dir] .no-data{padding:50px;text-align:center}.timetable-help{color:#999;font-size:11px}[dir] .timetable-help{margin-top:10px}.blue-name{color:#2d6fa6}[dir] .blue-name{background:#f1f8fd}.green-name{color:#4b8c3f}[dir] .green-name{background:#f3f9ee}.orange-name{color:#d36b1e}[dir] .orange-name{background:#fff7ef}.purple-name{color:#6536a4}[dir] .purple-name{background:#faf5ff}.cyan-name{color:#2894a0}[dir] .cyan-name{background:#effbfc}.pink-name{color:#c72c63}[dir] .pink-name{background:#fff3f7}@media print{.vertical-timetable-scroll{overflow:visible}.vertical-timetable-page{min-width:0}[dir] .vertical-timetable-page{padding:0}.corner-header,.vertical-teacher-header,.vertical-time-axis{position:static}@page{size:A3 portrait;margin:8mm}}