.cls-week{background:#f2f2f2;border-radius:15px;display:grid;grid-template-columns:repeat(7,1fr);margin-block:25px;overflow-y:hidden}.day{background:#f2f2f2;display:flex;flex-direction:column;margin-top:15px;position:sticky;text-align:center;top:0;z-index:99999}.class-row{border-right:2px solid #c4c4c4;border-top:2px solid #c4c4c4;height:100%}.cls-view{background:#fff;border:1px solid #c4c4c4;border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;min-height:200px;padding:10px}.cls-view-subject{color:#ff8a00;font-family:Work Sans;font-size:20px;font-weight:600}.cls-time{color:#7b7b7b}.cls-staff-row{align-items:center;display:flex;gap:10px}.cls-staff{border-radius:50%;height:48px;width:48px}.cls-staff-name{color:#333;font-family:Open Sans;font-size:16px;font-weight:600}.week-cal{margin:0 auto;padding-top:60px;width:90%}.md-day-header{background:#f2f2f2;border-radius:20px 20px 0 0;height:120px;padding:25px}.md-day-cell,.md-day-header{display:flex;justify-content:space-between}.md-day-cell{flex-direction:column}.md-cls-list{background:#f2f2f2;border-top:2px solid #c4c4c4}.day-view ul{color:#282828;font-size:13px;list-style:none;margin:0;padding-left:80px;position:relative}.day-view ul:before{border-left:2px solid #ebebeb;content:"";height:100%;position:absolute;width:1px}.day-view ul li{margin-left:15px;position:relative}.day-view ul li span:after{top:100%}.day-view ul li>div{margin-left:10px}.day-view span.number{height:100%}.day-view span.number .date{font-size:18px;font-weight:700;left:-70px;position:absolute;top:0}.day-view span.number .date .date-name{color:#282828;font-family:Asap;font-size:18px;font-weight:500;line-height:21px}.day-view span.number .date .day-name{color:#7b7b7b;font-family:Asap;font-size:14px;line-height:16px}.day-cal{display:none}@media (max-width:767.98px){.week-cal{display:none}.day-cal{display:block;padding-inline:15px;width:100%}.cls-view{margin-bottom:5px;min-height:170px}.md-day-cell:last-child{color:rgba(249,82,40,.54)}}@media (max-width:991.98px){.week-cal{width:100%}}@media (min-width:768px) and (max-width:1024px){.cls-staff-name{font-size:15px}.cls-staff{display:none}.cls-staff-row{gap:0}.cls-view-subject{font-size:16px}}