.page[name='studentPrograms'] > .content {
    position:absolute;
    top:96px;
    bottom:0;
    box-sizing:border-box;
    padding-right:20px;
    padding-bottom:20px;
    padding-left:20px;
    overflow-y:auto;
}
.page[name='studentPrograms'] > .content > .schedule {
    box-sizing:border-box;
    padding:24px;
    border-radius:24px;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar {
    display:flex;
    align-items:center;
    margin-bottom:24px;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button {
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='selectDate'] {
    height:44px;
    padding: 12px 20px;
    box-sizing:border-box;
    border-radius:22px;
    font-size:14px;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='selectDate'] > img {
    width:16px;
    height:16px;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='previous'],
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='next'] {
    width:32px;
    height:32px;
    border-radius:50%;
    border:1px solid;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='previous'] > img,
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='next'] > img {
    width:12px;
    height:12px;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='previous'] > img {
    transform:rotate(180deg);
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .info > .title {
    font-size:12px;
    font-weight:500;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .info > .range {
    margin-top:4px;
    font-size:14px;
    font-weight:600;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable {
    overflow:hidden;
    border-radius:24px;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content {
    overflow-x:auto;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table {
    width:100%;
    min-width:1590px;
    table-layout:fixed;
    border-collapse:separate;
    border-spacing:12px;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > thead > tr > th {
    box-sizing:border-box;
    padding-top:18px;
    padding-bottom:18px;
    border-radius:16px;
    font-size:14px;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > thead > tr > th:first-child {
    width:94px;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > thead > tr > th > [key='day'] {
    font-weight:500;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > thead > tr > th > [key='date'] {
    font-weight:600;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td {
    height:80px;
    vertical-align:top;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td[key='time'] {
    vertical-align:middle;
    border-radius:12px;
    font-size:12px;
    font-weight:500;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button {
    height:100%;
    box-sizing:border-box;
    overflow:hidden;
    padding:16px;
    border:1px dashed;
    border-radius:12px;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button.inactive {
    opacity:0.4;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button > .details {
    display:flex;
    align-items:center;
    font-size:12px;
    font-weight:600;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button > .details > [key='subject'] {
    flex:1;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button > .details > [key='status'],
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button > .details > [key='type'] {
    padding: 2px 8px;
    border-radius:10px;
    font-size:10px;
    font-weight:500;
    white-space:nowrap;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button > .name {
    margin-top:8px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:14px;
    font-weight:600;
}