.monthly-hours-container[data-v-2e00cf5e]{width:100%;min-width:800px;height:100%;overflow-y:hidden}.monthly-hours-container[data-v-2e00cf5e] .header-area{margin-bottom:var(--space-xxxs);position:relative}.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:-3px;right:0;height:40px}.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose .month,.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose .year{margin-right:15px}.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose .el-date-editor{width:140px}.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose .el-date-editor .el-input__inner{border-radius:16px}.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose .month-filter,.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose .year-filter{border-radius:15px;padding:9px 15px;border:1px solid #cececf;cursor:pointer}.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose .downLoad{padding:var(--space-xs) 15px;background-color:var(--primary-blue);color:var(--primary-white);border-radius:15px;cursor:pointer}.monthly-hours-container[data-v-2e00cf5e] .header-area .top-choose .downLoad:hover{opacity:.8}.monthly-hours-container[data-v-2e00cf5e] .teacher-content{height:calc(100% - 47px);overflow:auto}.monthly-hours-container[data-v-2e00cf5e] .el-table{width:100%;height:calc(100% - 52px)}.monthly-hours-container[data-v-2e00cf5e] .el-table__expanded-cell{padding:var(--space-base) var(--space-lg)}.monthly-hours-container[data-v-2e00cf5e] .el-table th>.cell{font-size:.8rem}.monthly-hours-container[data-v-2e00cf5e] .el-table__header-wrapper{font-family:var(--font-family-medium);margin-bottom:var(--space-sm)}.monthly-hours-container[data-v-2e00cf5e] .el-table__header-wrapper th{background:var(--secondary-grey-3);color:var(--primary-blue);font-size:.7rem}.monthly-hours-container[data-v-2e00cf5e] .el-table__body-wrapper{overflow-y:auto;height:calc(100% - 45px);margin-bottom:5px;margin-right:5px;font-family:var(--font-family-medium)}.monthly-hours-container[data-v-2e00cf5e] .el-table__body-wrapper tr{background:var(--primary-white);text-align:center;font-size:.8rem}.monthly-hours-container[data-v-2e00cf5e] .el-table__body-wrapper tr td{padding:var(--space-base) 0;font-size:var(--font-size-base)!important}.monthly-hours-container[data-v-2e00cf5e] .el-table__body-wrapper tr .cell{word-break:break-word}.monthly-hours-container[data-v-2e00cf5e] .teacher-class-area{width:calc(100% - 60px);background-color:var(--primary-white);padding:30px 30px;border-radius:15px;line-height:1rem;height:calc(100% - 60px)}.monthly-hours-container[data-v-2e00cf5e] .teacher-class-area .teacher-class-header{width:100%;height:100%;background-color:var(--secondary-grey-3);border-radius:4px;color:var(--primary-blue);font-size:.9rem}.monthly-hours-container[data-v-2e00cf5e] .teacher-class-area .teacher-class-header table thead th .cell{text-align:center}.monthly-hours-container[data-v-2e00cf5e] .teacher-class-area .teacher-class-header .el-table:before{display:none}.demo-table-teacher label{width:180px;color:#99a9bf;font-size:var(--font-size-base)}.demo-table-teacher{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.demo-table-teacher .teacher-line{width:33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.demo-table-teacher .el-form-item{margin-right:0;margin-bottom:0}.demo-table-teacher .el-form-item .el-form-item__content{font-size:var(--font-size-base)}