.class-view{position:relative;padding-bottom:60px}.class-view .tabbar{margin-top:-2em}.class-view .tabbar .tabcontainer{display:flex}.class-view .tabbar .tabcontainer a{background-color:#f4f4f4;padding:0 .75em;line-height:2em;color:#4f4f4f;font-weight:300;text-decoration:none;margin:0 1px;display:block;float:left;z-index:10;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-view .tabbar .tabcontainer a.selected{background-color:#fff;font-weight:600;color:#000}.class-view .tabbar .tabcontainer a.with-icon{padding-left:2em;background-repeat:no-repeat;background-position:.75em center;background-size:1em}.class-view .tabbar .tabcontainer a.studentTab{background-image:url('/images/icons/chart-line-grey-1pj0jav.svg')}.class-view .tabbar .tabcontainer a.selected.studentTab{background-image:url('/images/icons/chart-line-black-ji688t.svg')}.class-view .tabbar .tabcontainer a.manageTab{background-image:url('/images/icons/user-plus-grey-n0eic9.svg')}.class-view .tabbar .tabcontainer a.selected.manageTab{background-image:url('/images/icons/user-plus-black-wk4ypb.svg')}.class-view .tabbar .tabcontainer a.assignTab{background-image:url('/images/icons/tasks-grey-d279ti.svg')}.class-view .tabbar .tabcontainer a.selected.assignTab{background-image:url('/images/icons/tasks-black-gilkp.svg')}.class-view .tabbar .tabcontainer a.gradebookTab{background-image:url('/images/icons/grade-book-grey-1fn786k.svg')}.class-view .tabbar .tabcontainer a.selected.gradebookTab{background-image:url('/images/icons/grade-book-black-1evxvhi.svg')}.class-view .tabbar .tabcontainer a.studentViewTab{background-image:url('/images/icons/grad-cap-grey-pnbg0u.svg')}.class-view .tabbar .tabcontainer a.selected.studentViewTab{background-image:url('/images/icons/grad-cap-black-1yauxe.svg')}.class-view .tabbar .tabcontainer a.proficiencyTab{background-image:url('/images/icons/ribbon-grey-u29kyw.svg')}.class-view .tabbar .tabcontainer a.selected.proficiencyTab{background-image:url('/images/icons/ribbon-black-1e43bg.svg')}@media only screen and (max-width: 760px){.class-view .tabbar{font-size:.8em;margin-top:-2.5em}.class-view .tabbar .tabcontainer a{line-height:2.5em;overflow:hidden;text-overflow:ellipsis}}.class-view header{display:block;background:#e1e1e1;background:-moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1e1e1));background:-webkit-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);background:-o-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);background:-ms-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);background:linear-gradient(top, #ffffff 0%, #e1e1e1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e1e1e1", GradientType=0);padding:1em 0 3em 0}.class-view header .description{line-height:175%;font-weight:300;font-size:85%;margin:1em 0}.class-view header h1{color:#000;font-size:35px;margin:0 0 0 0}.class-view header a.school,.class-view header .teacher,.class-view header .dates,.class-view header .gradelevel{font-size:14px}.class-view>header .school+.gradelevel:before{content:" : "}.class-view header .teacher{text-transform:capitalize;margin-bottom:-0.5em}.class-view>header .teachers{margin:.25em 0 0 0;font-size:14px}.class-view>header .teachers ul{list-style:none;margin:0;padding:0;display:inline}.class-view>header .teachers ul>li{display:inline}.class-view>header .teachers ul>li::before{content:", "}.class-view>header .teachers ul>li:last-child::before{content:" and"}.class-view>header .teachers ul>li:first-child::before{content:"" !important}.class-view>header .teachers ul>li:first-child::before{content:""}.class-view dl{margin:0 0 2em 0}.class-view dt{margin:.5em 0 0 0;font-size:12px;float:left;display:block;clear:both;line-height:40px;margin:0}.class-view dd{font-weight:normal;margin:0;display:block;text-align:right;line-height:40px;font-size:30px;border-bottom:1px solid #eee}.class-view a{text-decoration:none}.class-view a:hover{text-decoration:underline}.class-view h2{margin-top:0}.class-view h3{margin-bottom:0;font-size:14px;border-bottom:1px solid #eee}.class-view h4{margin:.5em 0 0 0}.class-view .leaderboard.compact h3{text-transform:none;margin-bottom:0;font-size:14px;border-bottom:none}.class-view .leaderboard p{font-size:.85em;line-height:150%;margin:1em 0}.class-view .button,.class-view button{line-height:2.5em;outline:none;border:none;border-radius:3px;background:none;height:auto;background-color:#b3b3b3;color:#fff;display:inline-block;padding:0 .75em;margin:.35em 10px .35em 0;font-size:12px;cursor:pointer;transition:all .5s ease 0;font-family:"open sans",sans-serif;text-decoration:none !important;text-align:left}.class-view .green{background-color:#69ac1d}.class-view .red{background-color:#a00}.class-view .button:before,.class-view button:before{padding-right:.65em;position:relative;top:2px;font-weight:normal}.class-view .button:hover,.class-view button:hover{box-shadow:0 0 .05em .12em #fff,0 0 .333em .1667em rgba(0,0,0,.2);color:#fff}.class-view button:disabled{opacity:.5;cursor:default}.class-view header .teacher a:after{display:inline-block;font-size:.5em;position:relative;padding-left:.5em;vertical-align:middle}.class-view .flashMessage{padding:.75em 0;background-color:#fffad8;border-bottom:1px solid #f9e7b8}.class-view .flashMessage i{font-style:normal;vertical-align:middle;margin-right:2px;display:inline-block;color:#ffb900}.class-view .tools .button,.class-view .tools button{display:block;margin-right:0;width:100%}.class-view .leaveClass .button,.class-view .leaveClass button{display:block;margin-right:0;width:100%}.class-view .assignments ul{list-style:none;padding:0;margin:0 0 2em 0}.class-view .assignments li{list-style:none;padding:.5em 0;border-bottom:1px solid #eee}.class-view .assignments li a{display:block;min-height:45px;margin-top:.25em;padding-right:50px;position:relative}.class-view .assignments li a:hover{text-decoration:none}.class-view .assignments li a:hover .name{text-decoration:underline}.class-view .assignments li .type{display:block;text-decoration:none;font-size:12px;color:#000;font-weight:300}.class-view .assignments li .duedate{display:block;text-decoration:none;font-size:12px;color:#666;font-weight:300;color:#000}.class-view .duedate .completed{display:block}.class-view .assignments li .notes{display:block;text-decoration:none;font-size:14px;margin:.5em 0 0 0;color:#383838;padding-right:50px;line-height:175%}.class-view .assignments i.progress{position:absolute;right:0;top:2px;display:block}.class-view.class-member .assignments li.overdue .duedate{position:relative;padding-left:15px}.class-view.class-member .assignments li.overdue .duedate:before{font-family:"SSStandard";content:"⚠";color:#ffb900;display:block;top:.1em;left:0;position:absolute;vertical-align:middle;margin-right:.25em}@media only screen and (max-width: 760px){.class-view dl{margin:0 0 1em 0}.class-view h3{margin-top:1em}.class-view section{display:block;margin-bottom:2em}}