.page[name='studentPrograms'] > .content {
    background:#f7f6ff;
    color:#292747;
}
.page[name='studentPrograms'] > .content > .schedule {
    background:#ffffff;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='selectDate'] {
    background:linear-gradient(to bottom, #f0307f, #e0107a);
    color:#ffffff;
}
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='previous'],
.page[name='studentPrograms'] > .content > .schedule > .toolbar > .button[key='next'] {
    background:#ffffff;
    border-color:#e6e9f2;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable {
    background:#f7f6ff;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > thead > tr > th {
    background:#ffffff;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td[key='time'] {
    background:#fdeaf3;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button.upcoming,
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button.inactive {
    background:#f1f1f4;
    border-color:#d4d4dc;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button.attended {
    background:#eefaf1;
    border-color:#9fd9ac;
}
.page[name='studentPrograms'] > .content > .schedule > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button.missed {
    background:#fdeeee;
    border-color:#f4a9a9;
}
.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'] {
    background:#e9ecf7;
}