/* Deploy 296 readability (generated) */
@media screen{
body{font-size:16px;color:var(--text)}
button, select{font-size:inherit}
.sidebar{color:rgb(255, 255, 255)}
.logo-mark{font-size:20px;color:var(--gold)}
.brand-title{font-size:19px}
.brand-sub{font-size:13px;color:rgb(188, 208, 237)}
.nav-section{font-size:13.8px;color:rgb(142, 168, 202)}
.nav a{font-size:16.5px;color:rgb(227, 237, 250)}
.nav a.active{color:rgb(16, 35, 63)}
.icon{font-size:19px}
.sidebar-footer strong{font-size:14.8px}
.sidebar-footer span{font-size:13.5px;color:rgb(145, 172, 208)}
.crumb{font-size:15.5px;color:rgb(185, 205, 233)}
.crumb b{color:rgb(255, 255, 255)}
.notification{font-size:21px;color:rgb(216, 229, 247)}
.notification:hover{color:var(--gold)}
.avatar{font-size:16px;color:rgb(16, 35, 63)}
.profile strong{font-size:15px;color:rgb(255, 255, 255)}
.profile span{font-size:13.8px;color:rgb(145, 172, 208)}
.page-header h1{font-size:28px;color:var(--navy)}
.page-header p{font-size:15.5px;color:#5f7088}
.exam-picker label{font-size:14.3px;color:#5c7699}
.fc{font-size:15.5px;color:rgb(24, 53, 87)}
.class-card .cname{font-size:15.5px;color:var(--navy)}
.class-card .cmeta{font-size:14px;color:var(--muted)}
.btn{font-size:13.5px}
.btn-print{color:var(--navy)}
.btn-download{color:rgb(16, 35, 63)}
.btn-share{color:var(--blue)}
.btn-cmt{color:rgb(168, 100, 0)}
.cm-head h2{font-size:18px;color:var(--navy)}
.cm-row .nm{font-size:14.8px;color:var(--navy)}
.cm-row .nm small{color:var(--muted)}
.cm-row textarea{font-size:14.5px}
.cm-row .lbl{font-size:13.3px;color:rgb(102, 128, 163)}
.cm-st{font-size:13.5px;color:var(--muted)}
.empty{color:var(--muted)}
.empty i{font-size:2.4rem}
.empty p{font-size:14.5px}
.toast-msg{font-size:15.6px}


}