.attendance-view__header .back{margin-left:-10px;margin-bottom:24px}.attendance-view__header h4{margin-top:24px;font-weight:700}.attendance-view__header .title-info{padding:24px 0}.attendance-view__header .title-divider+.title-divider{margin-top:16px}.attendance-view__header .title-divider span{font-size:14px;display:inline-block}.attendance-view__header .title-divider__name{width:140px;font-weight:700}.attendance-view__header .title-divider__value{color:#525252}.attendance-view__header .title-buttons{padding:20px 0}.attendance-view-body{padding:30px 0 60px}.attendance-view-body__title{padding-bottom:10px}.attendance-view-body__title .left{vertical-align:middle}.attendance-view-body__title h5{font-weight:700;margin:0;height:40px;line-height:40px}.attendance-view-body .attendance-buttons{border-top:1px solid #ebebeb;padding-top:10px;text-align:center}.attendance-view-body .attendance-students-li,.attendance-view-body .attendance-students-thead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px}.attendance-view-body .attendance-students-thead{height:48px;line-height:48px;font-weight:700;border-bottom:2px solid #ebebeb;border-top:1px solid #ebebeb}.attendance-view-body li{height:60px;line-height:60px}.attendance-view-body .attd-class,.attendance-view-body .attd-grade,.attendance-view-body .attd-number{width:60px}.attendance-view-body .attd-name{width:100px}.attendance-view-body .attd-checked{-webkit-box-flex:1;-ms-flex:1;flex:1}.attendance-view-body .attd-etc{width:160px}.attendance-view-body ul{padding:0}.attendance-view{min-width:800px;max-width:800px;margin:0 auto}.attendance-view-container{padding:24px 0}.attendance-view .loading{padding-top:100px;width:100%;text-align:center;font-size:16px}.attendance-view .loading span{margin-top:16px}