@charset "UTF-8";
/* Used in places like the portal page. */
@font-face {
  font-family: "Avenir-Roman";
  src: url("/fonts/AvenirLTStd-Roman.ttf") format("truetype"); }
@font-face {
  font-family: "Avenir-Roman-Bold";
  src: url("/fonts/AvenirLTStd-Heavy.ttf") format("truetype"); }
@font-face {
  font-family: 'Museo-regular';
  src: url("/fonts/museo/Museo100-Regular.otf");
  font-weight: 100; }
@font-face {
  font-family: 'Museo-regular';
  src: url("/fonts/museo/Museo300-Regular.otf");
  font-weight: 300; }
@font-face {
  font-family: 'Museo-regular';
  src: url("/fonts/museo/Museo500-Regular.otf");
  font-weight: 500; }
@font-face {
  font-family: 'Museo-regular';
  src: url("/fonts/museo/Museo700-Regular.otf");
  font-weight: 700; }
@font-face {
  font-family: 'Museo-regular';
  src: url("/fonts/museo/Museo900-Regular.otf");
  font-weight: 900; }
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/RobotoSlab-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/OpenSans-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  src: url("/fonts/OpenSans-Semibold.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: italic;
  src: url("/fonts/OpenSans-Italic.ttf") format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: italic;
  src: url("/fonts/OpenSans-SemiboldItalic.ttf") format("truetype"); }
@font-face {
  font-family: "Comic Sans MS";
  src: local("Comic Sans MS"), local("Comic Sans"), local("ChalkboardSE-Regular"), local("Chalkboard"), local("Marker Felt"), local("Casual"); }
.bgo, .bgo i {
  background-image: url("/images/icons/bullet_go.png"); }

.bgo i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bgo_inverted, .bgo_inverted i {
  background-image: url("/images/icons/bullet_go_inverted.png"); }

.bgo_inverted i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bportal, .bportal i {
  background-image: url("/images/logo_icon.png"); }

.bportal i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.baccount, .baccount i {
  background-image: url("/images/icons/user_edit.png"); }

.baccount i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bportfolio, .bportfolio i {
  background-image: url("/images/icons/report_user.png"); }

.bportfolio i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bmasq, .bmasq i {
  background-image: url("/images/icons/ruby.png"); }

.bmasq i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.blinkgo, .blinkgo i {
  background-image: url("/images/icons/link_go.png"); }

.blinkgo i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bshadow, .bshadow i {
  background-image: url("/images/icons/user_pending.png"); }

.bshadow i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bsaveas, .bsaveas i {
  background-image: url("/images/icons/page_copy.png"); }

.bsaveas i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bmerge, .bmerge i {
  background-image: url("/images/icons/arrow_join.png"); }

.bmerge i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bsave, .bsave i {
  background-image: url("/images/icons/disk.png"); }

.bsave i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bactive, .bactive i {
  background-image: url("/images/icons/lightbulb.png"); }

.bactive i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bunlock, .bunlock i {
  background-image: url("/images/icons/lock_open.png"); }

.bunlock i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bcontract, .bcontract i {
  background-image: url("/images/icons/application_bottom_contract.png"); }

.bcontract i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bview_full, .bview_full i {
  background-image: url("/images/icons/arrow_out.png"); }

.bview_full i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bview_small, .bview_small i {
  background-image: url("/images/icons/arrow_in.png"); }

.bview_small i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bskins, .bskins i {
  background-image: url("/images/icons/palette.png"); }

.bskins i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bstats, .bstats i {
  background-image: url("/images/icons/chart_line.png"); }

.bstats i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.broster, .broster i {
  background-image: url("/images/icons/group.png"); }

.broster i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binvite, .binvite i {
  background-image: url("/images/icons/email.png"); }

.binvite i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binvite_close, .binvite_close i {
  background-image: url("/images/icons/email_delete.png"); }

.binvite_close i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bemail_edit, .bemail_edit i {
  background-image: url("/images/icons/email_edit.png"); }

.bemail_edit i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bemail_reply, .bemail_reply i {
  background-image: url("/images/icons/email_go.png"); }

.bemail_reply i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bemail_send, .bemail_send i {
  background-image: url("/images/icons/email_go.png"); }

.bemail_send i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

/*.bnewpage i { background-image: url(/images/icons/add_page_international.png);}*/
.bcut, .bcut i {
  background-image: url("/images/icons/cut.png"); }

.bcut i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.blayout, .blayout i {
  background-image: url("/images/icons/layout.png"); }

.blayout i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.buser, .buser i {
  background-image: url("/images/icons/user.png"); }

.buser i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bgroup_import, .bgroup_import i {
  background-image: url("/images/icons/group_get.png"); }

.bgroup_import i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bgroup_export, .bgroup_export i {
  background-image: url("/images/icons/group_put.png"); }

.bgroup_export i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.buser_del, .buser_del i {
  background-image: url("/images/icons/user_delete.png"); }

.buser_del i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.buser_view, .buser_view i {
  background-image: url("/images/icons/user_go.png"); }

.buser_view i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.buser_disabled, .buser_disabled i {
  background-image: url("/images/icons/user_pending.png"); }

.buser_disabled i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bright, .bright i {
  background-image: url("/images/icons/bullet_arrow_right.png"); }

.bright i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bleft, .bleft i {
  background-image: url("/images/icons/bullet_arrow_left.png"); }

.bleft i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bbullet_green, .bbullet_green i {
  background-image: url("/images/icons/bullet_green.png"); }

.bbullet_green i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bsearch, .bsearch i {
  background-image: url("/images/icons/zoom.png"); }

.bsearch i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bchart_pie, .bchart_pie i {
  background-image: url("/images/icons/chart_pie.png"); }

.bchart_pie i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bchart, .bchart i {
  background-image: url("/images/icons/chart_bar.png"); }

.bchart i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bchart_del, .bchart_del i {
  background-image: url("/images/icons/chart_bar_delete.png"); }

.bchart_del i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bempty_trash, .bempty_trash i {
  background-image: url("/images/icons/bin_delete.png"); }

.bempty_trash i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.btrashfull, .btrashfull i {
  background-image: url("/images/icons/bin.png"); }

.btrashfull i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpost_write, .bpost_write i {
  background-image: url("/images/icons/comment_add.png"); }

.bpost_write i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpost_edit, .bpost_edit i {
  background-image: url("/images/icons/comment_edit.png"); }

.bpost_edit i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpost_reply, .bpost_reply i {
  background-image: url("/images/icons/comment_reply.png"); }

.bpost_reply i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpost_send, .bpost_send i {
  background-image: url("/images/icons/comment_go.png"); }

.bpost_send i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpost_hide, .bpost_hide i {
  background-image: url("/images/icons/comment_hide.png"); }

.bpost_hide i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpost_show, .bpost_show i {
  background-image: url("/images/icons/comment_show.png"); }

.bpost_show i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpost_per_user, .bpost_per_user i {
  background-image: url("/images/icons/user_comment.png"); }

.bpost_per_user i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binbox, .binbox i {
  background-image: url("/images/icons/inbox.png"); }

.binbox i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binbox_edit, .binbox_edit i {
  background-image: url("/images/icons/inbox_edit.png"); }

.binbox_edit i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binbox_send, .binbox_send i {
  background-image: url("/images/icons/inbox_go.png"); }

.binbox_send i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binbox_unread, .binbox_unread i {
  background-image: url("/images/icons/inbox.png"); }

.binbox_unread i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binbox_forward, .binbox_forward i {
  background-image: url("/images/icons/inbox_go.png"); }

.binbox_forward i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binbox_reply_all, .binbox_reply_all i {
  background-image: url("/images/icons/inbox_reply.png"); }

.binbox_reply_all i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.btick, .btick i {
  background-image: url("/images/icons/tick.png"); }

.btick i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.btick_grey, .btick_grey i {
  background-image: url("/images/icons/tick_grey.png"); }

.btick_grey i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.btick_yellow, .btick_yellow i {
  background-image: url("/images/icons/tick_yellow.png"); }

.btick_yellow i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bwhats_new, .bwhats_new i {
  background-image: url("/images/icons/bell.png"); }

.bwhats_new i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.blittle_delete, .blittle_delete i {
  background-image: url("/images/icons/delete_m.png"); }

.blittle_delete i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.blittle_delete, .blittle_delete i {
  padding-left: 18px; }

.bassess_edit, .bassess_edit i {
  background-image: url("/images/icons/script_edit.png"); }

.bassess_edit i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bassess_ok, .bassess_ok i {
  background-image: url("/images/icons/tick.png"); }

.bassess_ok i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bannouncement, .bannouncement i {
  background-image: url("/images/icons/user_comment.png"); }

.bannouncement i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bimport, .bimport i {
  background-image: url("/images/icons/database_get.png"); }

.bimport i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpopup, .bpopup i {
  background-image: url("/images/popup-icon.gif"); }

.bpopup i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bimport_add, .bimport_add i {
  background-image: url("/images/icons/database_add.png"); }

.bimport_add i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bimport_remove, .bimport_remove i {
  background-image: url("/images/icons/database_delete.png"); }

.bimport_remove i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bhome, .bhome i {
  background-image: url("/images/icons/house.png"); }

.bhome i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.binfo, .binfo i {
  background-image: url("/images/icons/page_white_magnify.png"); }

.binfo i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bunlink, .bunlink i {
  background-image: url("/images/icons/link_break.png"); }

.bunlink i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bloading, .bloading i {
  background-image: url("/images/loading.gif"); }

.bloading i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpage, .bpage i {
  background-image: url("/images/icons/page.png"); }

.bpage i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bscorm_activity, .bscorm_activity i {
  background-image: url("/images/icons/scorm.png"); }

.bscorm_activity i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bbadge, .bbadge i {
  background-image: url("/images/icons/shield.png"); }

.bbadge i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bgdoc, .bgdoc i {
  background-image: url("/images/icons/google_doc.gif"); }

.bgdoc i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bcmt_up, .bcmt_up i {
  background-image: url("/images/icons/comment_arrow_up.png"); }

.bcmt_up i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bstandards, .bstandards i {
  background-image: url("/images/icons/sbg/standards.png"); }

.bstandards i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bsbg_gradebook, .bsbg_gradebook i {
  background-image: url("/images/icons/sbg/gradebook.png"); }

.bsbg_gradebook i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.battendance, .battendance i {
  background-image: url("/images/icons/table_user.png"); }

.battendance i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpaint, .bpaint i {
  background-image: url("/images/icons/page_white_paint.png"); }

.bpaint i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bplay, .bplay i {
  background-image: url("/images/icons/control_play_blue.png"); }

.bplay i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

/* Giant Panda */
.bpower_up, .bpower_up i {
  background-image: url("/images/icons/power_up.png"); }

.bpower_up i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpower_down, .bpower_down i {
  background-image: url("/images/icons/power_down.png"); }

.bpower_down i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bkey, .bkey i {
  background-image: url("/images/icons/key.png"); }

.bkey i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.baeries, .baeries i {
  background-image: url("/images/partners/aeries/aeries_icon.svg"); }

.baeries i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.baeries, .baeries i {
  background-size: 16px 16px; }

.bblackbaud, .bblackbaud i {
  background-image: url("/images/partners/blackbaud/blackbaud_icon.png"); }

.bblackbaud i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bblackbaud, .bblackbaud i {
  background-size: 16px 16px; }

.bpowerschool, .bpowerschool i {
  background-image: url("/images/partners/pearson/pearson_icon.png"); }

.bpowerschool i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.bpearson, .bpearson i {
  background-size: 16px 16px; }

.baeries, .baeries i {
  background-image: url("/images/partners/aeries/aeries_icon.svg"); }

.baeries i {
  display: inline !important;
  margin: 0 3px 0 0;
  padding: 0 7px 1px; }

.baeries, .baeries i {
  background-size: 16px 16px; }

@font-face {
  font-family: 'icomoon';
  src: url("/fonts/icomoon/icomoon.eot?1458067744");
  src: url("/fonts/icomoon/icomoon.eot?#1458067744") format("embedded-opentype"), url("/fonts/icomoon/icomoon.woff?1458067744") format("woff"), url("/fonts/icomoon/icomoon.ttf?1458067744") format("truetype"), url("/fonts/icomoon/icomoon.svg?1458067744#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"], [class*=" b"] i, [class^="b"] i, .dmbutton i, .staticon i {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="icon-"].on, [class*=" icon-"].on, [class*=" b"] i.on, [class^="b"] i.on, .dmbutton i.on, .staticon i.on {
    color: #d85e1c; }

i.icon-activity:before, i.bactivity:before, .bactivity i:before {
  content: ""; }

i.icon-analytics:before, i.banalytics:before, .banalytics i:before {
  content: ""; }

i.icon-announcements:before, i.bannouncements:before, .bannouncements i:before {
  content: ""; }

i.icon-new:before, i.bnew:before, .bnew i:before {
  content: ""; }

i.icon-down:before, i.bdown:before, .bdown i:before {
  content: ""; }

i.icon-down2, i.bdown2, .bdown2 i {
  color: #ced1d4 !important; }
  i.icon-down2:before, i.bdown2:before, .bdown2 i:before {
    content: ""; }

i.icon-up:before, i.bup:before, .bup i:before {
  content: ""; }

i.icon-sorted_up:before, i.bsorted_up:before, .bsorted_up i:before {
  content: ""; }

i.icon-sorted_down:before, i.bsorted_down:before, .bsorted_down i:before {
  content: ""; }

i.icon-next:before, i.bnext:before, .bnext i:before {
  content: ""; }

i.icon-previous:before, i.bprevious:before, .bprevious i:before {
  content: ""; }

i.icon-first:before, i.bfirst:before, .bfirst i:before {
  content: ""; }

i.icon-last:before, i.blast:before, .blast i:before {
  content: ""; }

i.icon-gbook:before, i.bgbook:before, .bgbook i:before {
  content: ""; }

i.icon-assessment:before, i.bassessment:before, .bassessment i:before {
  content: ""; }

i.icon-assignment:before, i.bassignment:before, .bassignment i:before {
  content: ""; }

i.icon-attach:before, i.battach:before, .battach i:before {
  content: ""; }

i.icon-calendar:before, i.bcalendar:before, .bcalendar i:before {
  content: ""; }

i.icon-checkmark:before, i.bcheckmark:before, .bcheckmark i:before {
  content: ""; }

i.icon-close:before, i.bclose:before, .bclose i:before {
  content: ""; }

i.icon-cmt:before, i.bcmt:before, .bcmt i:before {
  content: ""; }

i.icon-post:before, i.bpost:before, .bpost i:before {
  content: ""; }

i.icon-discussion:before, i.bdiscussion:before, .bdiscussion i:before {
  content: ""; }

i.icon-download:before, i.bdownload:before, .bdownload i:before {
  content: ""; }

i.icon-edit:before, i.bedit:before, .bedit i:before {
  content: ""; }

i.icon-error:before, i.berror:before, .berror i:before {
  content: ""; }

i.icon-event:before, i.bevent:before, .bevent i:before {
  content: ""; }

i.icon-export:before, i.bexport:before, .bexport i:before {
  content: ""; }

i.icon-help:before, i.bhelp:before, .bhelp i:before {
  content: ""; }

i.icon-ical:before, i.bical:before, .bical i:before {
  content: ""; }

i.icon-link:before, i.blink:before, .blink i:before {
  content: ""; }

i.icon-unlink:before, i.bunlink:before, .bunlink i:before {
  content: ""; }

i.icon-lock:before, i.block:before, .block i:before {
  content: ""; }

i.icon-organize:before, i.borganize:before, .borganize i:before {
  content: ""; }

i.icon-print:before, i.bprint:before, .bprint i:before {
  content: ""; }

i.icon-publish:before, i.bpublish:before, .bpublish i:before {
  content: ""; }

i.icon-publish_later:before, i.bpublish_later:before, .bpublish_later i:before {
  content: ""; }

i.icon-publish_add:before, i.bpublish_add:before, .bpublish_add i:before {
  content: ""; }

i.icon-reload:before, i.breload:before, .breload i:before {
  content: ""; }

i.icon-settings:before, i.bsettings:before, .bsettings i:before {
  content: ""; }

i.icon-delete:hover, i.bdelete:hover, .bdelete i:hover {
  color: #ff0000; }
[class*="button"]:hover > i.icon-delete, [class*="button"]:hover > i.bdelete, [class*="button"]:hover > .bdelete i {
  color: #ff0000; }
i.icon-delete:before, i.bdelete:before, .bdelete i:before {
  content: ""; }

i.icon-trash:hover, i.btrash:hover, .btrash i:hover {
  color: #ff0000; }
[class*="button"]:hover > i.icon-trash, [class*="button"]:hover > i.btrash, [class*="button"]:hover > .btrash i {
  color: #ff0000; }
i.icon-trash:before, i.btrash:before, .btrash i:before {
  content: ""; }

i.icon-undo:before, i.bundo:before, .bundo i:before {
  content: ""; }

i.icon-ulock:before, i.bulock:before, .bulock i:before {
  content: ""; }

i.icon-user_add:before, i.buser_add:before, .buser_add i:before {
  content: ""; }

i.icon-dropbox:before, i.bdropbox:before, .bdropbox i:before {
  content: ""; }

i.icon-dropbox_view:before, i.bdropbox_view:before, .bdropbox_view i:before {
  content: ""; }

i.icon-dropbox_write:before, i.bdropbox_write:before, .bdropbox_write i:before {
  content: ""; }

i.icon-dropbox_handin:before, i.bdropbox_handin:before, .bdropbox_handin i:before {
  content: ""; }

i.icon-dropbox_edit:before, i.bdropbox_edit:before, .bdropbox_edit i:before {
  content: ""; }

i.icon-inbox_reply:before, i.binbox_reply:before, .binbox_reply i:before {
  content: ""; }

i.icon-inbox_write:before, i.binbox_write:before, .binbox_write i:before {
  content: ""; }

i.icon-ez:before, i.bez:before, .bez i:before {
  content: ""; }

i.icon-restore:before, i.brestore:before, .brestore i:before {
  content: ""; }

i.icon-max:before, i.bmax:before, .bmax i:before {
  content: ""; }

i.icon-inactive:before, i.binactive:before, .binactive i:before {
  content: ""; }

i.icon-audio:before, i.baudio:before, .baudio i:before {
  content: ""; }

i.icon-share:before, i.bshare:before, .bshare i:before {
  content: ""; }

i.icon-embed:before, i.bembed:before, .bembed i:before {
  content: ""; }

i.icon-flickr:before, i.bflickr:before, .bflickr i:before {
  content: ""; }

i.icon-doc:before, i.bdoc:before, .bdoc i:before {
  content: ""; }

i.icon-image:before, i.bimage:before, .bimage i:before {
  content: ""; }

i.icon-minisite:before, i.bminisite:before, .bminisite i:before {
  content: ""; }

i.icon-noteflight:before, i.bnoteflight:before, .bnoteflight i:before {
  content: ""; }

i.icon-note:before, i.bnote:before, .bnote i:before {
  content: ""; }

i.icon-music:before, i.bmusic:before, .bmusic i:before {
  content: ""; }

i.icon-page_text:before, i.bpage_text:before, .bpage_text i:before {
  content: ""; }

i.icon-poll:before, i.bpoll:before, .bpoll i:before {
  content: ""; }

i.icon-video:before, i.bvideo:before, .bvideo i:before {
  content: ""; }

i.icon-wiki:before, i.bwiki:before, .bwiki i:before {
  content: ""; }

i.icon-youtube:before, i.byoutube:before, .byoutube i:before {
  content: ""; }

i.icon-sticky:before, i.bsticky:before, .bsticky i:before {
  content: ""; }

i.icon-late, i.blate, .blate i {
  color: #F76A63 !important; }
  i.icon-late:before, i.blate:before, .blate i:before {
    content: ""; }

i.icon-copy:before, i.bcopy:before, .bcopy i:before {
  content: ""; }

i.icon-more:before, i.bmore:before, .bmore i:before {
  content: ""; }

i.icon-jump:before, i.bjump:before, .bjump i:before {
  content: ""; }

i.icon-hourglass:before, i.bhourglass:before, .bhourglass i:before {
  content: ""; }

i.icon-credly, i.bcredly, .bcredly i {
  color: #F3186C !important; }
  i.icon-credly:before, i.bcredly:before, .bcredly i:before {
    content: ""; }

i.icon-inbox:before, i.binbox:before, .binbox i:before {
  content: ""; }

i.icon-badge:before, i.bbadge:before, .bbadge i:before {
  content: ""; }

i.icon-pages:before, i.bpages:before, .bpages i:before {
  content: ""; }

i.icon-masquerade:before, i.bmasquerade:before, .bmasquerade i:before {
  content: ""; }

i.icon-lightbulb:before, i.blightbulb:before, .blightbulb i:before {
  content: ""; }

i.icon-user, i.buser, .buser i {
  color: #a8adb1 !important; }
  i.icon-user:before, i.buser:before, .buser i:before {
    content: ""; }

i.icon-group:before, i.bgroup:before, .bgroup i:before {
  content: ""; }

i.icon-search:before, i.bsearch:before, .bsearch i:before {
  content: ""; }

i.icon-remove:before, i.bremove:before, .bremove i:before {
  content: ""; }

i.icon-abort:before, i.babort:before, .babort i:before {
  content: ""; }

i.icon-redo:before, i.bredo:before, .bredo i:before {
  content: ""; }

i.icon-email:before, i.bemail:before, .bemail i:before {
  content: ""; }

i.icon-show:before, i.bshow:before, .bshow i:before {
  content: ""; }

i.icon-hide:before, i.bhide:before, .bhide i:before {
  content: ""; }

i.icon-flag_orange, i.bflag_orange, .bflag_orange i {
  color: #f27735 !important; }
  i.icon-flag_orange:before, i.bflag_orange:before, .bflag_orange i:before {
    content: ""; }

i.icon-cross_red, i.bcross_red, .bcross_red i {
  color: #ff0000 !important; }
  i.icon-cross_red:before, i.bcross_red:before, .bcross_red i:before {
    content: ""; }

i.icon-tick_green, i.btick_green, .btick_green i {
  color: #a5bf49 !important; }
  i.icon-tick_green:before, i.btick_green:before, .btick_green i:before {
    content: ""; }

i.icon-asterisk:before, i.basterisk:before, .basterisk i:before {
  content: ""; }

i.icon-asterisk_orange, i.basterisk_orange, .basterisk_orange i {
  color: #f27735 !important; }
  i.icon-asterisk_orange:before, i.basterisk_orange:before, .basterisk_orange i:before {
    content: ""; }

i.icon-minimize:before, i.bminimize:before, .bminimize i:before {
  content: ""; }

i.icon-rubrics:before, i.brubrics:before, .brubrics i:before {
  content: ""; }

i.icon-select_all:before, i.bselect_all:before, .bselect_all i:before {
  content: ""; }

i.icon-feed:before, i.bfeed:before, .bfeed i:before {
  content: ""; }

i.icon-file:before, i.bfile:before, .bfile i:before {
  content: ""; }

i.icon-adobe_flash:before, i.badobe_flash:before, .badobe_flash i:before {
  content: ""; }

i.icon-adobe_illustrator:before, i.badobe_illustrator:before, .badobe_illustrator i:before {
  content: ""; }

i.icon-adobe_pdf:before, i.badobe_pdf:before, .badobe_pdf i:before {
  content: ""; }

i.icon-adobe_postscript:before, i.badobe_postscript:before, .badobe_postscript i:before {
  content: ""; }

i.icon-adobe_swf:before, i.badobe_swf:before, .badobe_swf i:before {
  content: ""; }

i.icon-apple_keynote:before, i.bapple_keynote:before, .bapple_keynote i:before {
  content: ""; }

i.icon-apple_numbers:before, i.bapple_numbers:before, .bapple_numbers i:before {
  content: ""; }

i.icon-apple_pages:before, i.bapple_pages:before, .bapple_pages i:before {
  content: ""; }

i.icon-code_html:before, i.bcode_html:before, .bcode_html i:before {
  content: ""; }

i.icon-c:before, i.bc:before, .bc i:before {
  content: ""; }

i.icon-code:before, i.bcode:before, .bcode i:before {
  content: ""; }

i.icon-cplusplus:before, i.bcplusplus:before, .bcplusplus i:before {
  content: ""; }

i.icon-csharp:before, i.bcsharp:before, .bcsharp i:before {
  content: ""; }

i.icon-google_drawing:before, i.bgoogle_drawing:before, .bgoogle_drawing i:before {
  content: ""; }

i.icon-google_pres:before, i.bgoogle_pres:before, .bgoogle_pres i:before {
  content: ""; }

i.icon-google_spread:before, i.bgoogle_spread:before, .bgoogle_spread i:before {
  content: ""; }

i.icon-microsoft_excel:before, i.bmicrosoft_excel:before, .bmicrosoft_excel i:before {
  content: ""; }

i.icon-microsoft_powerpoint:before, i.bmicrosoft_powerpoint:before, .bmicrosoft_powerpoint i:before {
  content: ""; }

i.icon-microsoft_word:before, i.bmicrosoft_word:before, .bmicrosoft_word i:before {
  content: ""; }

i.icon-ruby:before, i.bruby:before, .bruby i:before {
  content: ""; }

i.icon-scorm:before, i.bscorm:before, .bscorm i:before {
  content: ""; }

i.icon-whats_new:before, i.bwhats_new:before, .bwhats_new i:before {
  content: ""; }

i.icon-zip:before, i.bzip:before, .bzip i:before {
  content: ""; }

i.icon-google_forms:before, i.bgoogle_forms:before, .bgoogle_forms i:before {
  content: ""; }

i.icon-google_my_maps:before, i.bgoogle_my_maps:before, .bgoogle_my_maps i:before {
  content: ""; }

div.calendar {
  font-size: smaller;
  color: #000;
  z-index: 500; }
  div.calendar.popup {
    margin-left: -40px;
    margin-top: -100px; }
  div.calendar table {
    background-color: #eee;
    border: 1px solid #aaa;
    border-collapse: collapse; }
  div.calendar thead {
    background-color: white; }
  div.calendar td, div.calendar th {
    padding: 3px;
    text-align: center; }
  div.calendar td.title {
    font-weight: bold; }
  div.calendar th {
    background: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    color: #555; }
  div.calendar tr.days td {
    width: 2em;
    color: #555;
    text-align: center;
    cursor: pointer; }
  div.calendar tr.days td:hover, div.calendar td.button:hover {
    background-color: #777;
    color: #fff;
    cursor: pointer; }
  div.calendar tr.days td:active, div.calendar td.button:active {
    background-color: #ccc; }
  div.calendar tr.days td.selected {
    font-weight: bold;
    background-color: #fff;
    color: #000; }
  div.calendar tr.days td.today {
    font-weight: bold;
    color: #D50000; }
  div.calendar tr.days td.otherDay {
    color: #bbb; }

/* Styling for the overlays that are displayed beneath TBs */
#TB_overlay, #TBLite_overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #161616;
  opacity: 0.75; }

/* Shows up after a few seconds, allowing users to cancel a TB request if it stalls */
#TB_overlayCancel {
  visibility: hidden;
  color: #000;
  position: absolute;
  width: 95%;
  padding: 5px;
  bottom: 50px;
  text-align: center;
  z-index: 301;
  background-color: #fff;
  filter: alpha(opacity=80);
  opacity: 0.8; }

/* A mini, non-AJAX version of the TB */
#TBLite {
  border: none;
  background-color: #fff;
  padding: 10px; }
  #TBLite .tb_title_bar {
    margin: -5px -5px 10px; }

/* The main TB container */
#TB_window {
  top: 0;
  left: 0;
  position: fixed;
  background: #fff;
  z-index: 102;
  color: #2f3338;
  border: none;
  padding: 20px;
  margin-left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3); }
  #TB_window h3 {
    margin-left: 0; }
  #TB_window.fullscreen {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 250px;
    border-radius: 0px; }

#tb_rf {
  position: absolute;
  right: 0px; }
  #TB_window.fullscreen #tb_rf {
    right: 8px;
    margin-right: 10px;
    margin-top: 2px; }

/* floating bar on bottom of thickbox */
#TB_actionBar {
  padding: 7px;
  background-color: #fff;
  border-top: 1px solid #ccc; }
  #TB_actionBar span {
    display: inline-block; }
  #TB_window.fullscreen #TB_actionBar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto; }

#TB_caption {
  float: left;
  height: 25px;
  padding: 10px 30px 10px 25px; }

.tb_title_bar {
  padding: 0 3px 3px 0;
  margin-bottom: 1px;
  background-color: #fff;
  border-bottom: 1px #ddd solid;
  border-radius: 7px 7px 0 0; }
  .tb_title_bar a {
    float: right;
    padding: 0 18px 3px 0px; }
    .tb_title_bar a img {
      width: 16px;
      height: 16px; }
    .tb_title_bar a .sbutton {
      padding: 13px 16px 6px; }
  .tb_title_bar #tb_loading {
    float: right;
    padding-top: 24px;
    visibility: hidden; }
  .tb_title_bar .tb_title {
    padding: 0 3px 15px 10px;
    font-weight: normal;
    color: #555;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 24px;
    font-family: "Open Sans", sans-serif; }
  #TB_window.fullscreen .tb_title_bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-right: 30px; }
  .tb_title_bar #TB_closeWindowButton, .tb_title_bar .TB_closeWindowButton {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: white;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3); }
    .tb_title_bar #TB_closeWindowButton img, .tb_title_bar .TB_closeWindowButton img {
      width: 16px;
      height: 16px;
      background-color: #fff;
      z-index: 2;
      position: relative; }
    .tb_title_bar #TB_closeWindowButton:before, .tb_title_bar .TB_closeWindowButton:before {
      content: "";
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: #fff;
      right: 10px; }
    .tb_title_bar #TB_closeWindowButton i, .tb_title_bar .TB_closeWindowButton i {
      position: relative;
      font-size: 20px;
      color: #00427C; }
    .tb_title_bar #TB_closeWindowButton:hover i, .tb_title_bar #TB_closeWindowButton i:hover, .tb_title_bar .TB_closeWindowButton:hover i, .tb_title_bar .TB_closeWindowButton i:hover {
      color: #ced1d4; }

/* The container of all elements loaded via AJAX */
#TB_ajaxContent {
  padding: 2px 15px 0 15px;
  overflow: auto; }
  #TB_window.fullscreen #TB_ajaxContent {
    position: absolute;
    left: 0;
    top: 50px;
    bottom: 50px;
    right: 0; }

#TB_load {
  position: fixed;
  top: 40%;
  left: 50%;
  visibility: visible;
  z-index: 101; }

#TB_loadContent {
  margin-left: -125px;
  position: absolute;
  top: -50px;
  left: 50%;
  width: 250px;
  height: 100px;
  visibility: visible; }

#tb_ajax_msg {
  display: none; }

#TB_blocking {
  z-index: 200;
  filter: alpha(opacity=30);
  opacity: 0.3;
  position: fixed;
  background: #000; }

.badge .corner {
  background-color: #c5c5c5;
  overflow: hidden;
  position: relative;
  left: -3.5em;
  width: 9em;
  margin-bottom: -25px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  .badge .corner span {
    border: 1px solid #c5c5c5;
    color: #fff;
    display: block;
    font-size: .8em;
    font-weight: bold;
    padding: 0.5em 2em;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000; }

.badge_grid_list .badge {
  width: 45%;
  height: 120px;
  margin: 8px;
  padding: 8px;
  display: inline-block;
  float: left;
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  .badge_grid_list .badge .remove-icon {
    visibility: hidden; }
  .badge_grid_list .badge:hover {
    border: 1px solid #e0e0e0;
    background-color: #ececec; }
    .badge_grid_list .badge:hover .remove-icon {
      visibility: visible; }
  .badge_grid_list .badge .description {
    width: 240px;
    text-align: justify;
    position: relative;
    display: inline-block; }
  .badge_grid_list .badge .image {
    border: 0; }
    .badge_grid_list .badge .image img {
      margin-right: 8px;
      margin-bottom: 8px;
      width: 100px;
      height: 100px;
      max-width: 100%; }
  .badge_grid_list .badge.badge-in-class .show-if-badge-is-in-class {
    visibility: visible; }
  .badge_grid_list .badge.badge-in-class .show-if-badge-is-not-in-class {
    visibility: hidden;
    height: 0; }
  .badge_grid_list .badge.badge-not-in-class .show-if-badge-is-in-class {
    visibility: hidden;
    height: 0; }
  .badge_grid_list .badge.badge-not-in-class .show-if-badge-is-not-in-class {
    visibility: visible; }
  .badge_grid_list .badge.badge-in-class .bdelete, .badge_grid_list .badge.badge-not-in-class .bdelete {
    margin-left: 0.5em; }
.badge_grid_list.one_row .badge {
  width: 95%;
  float: none; }
  .badge_grid_list.one_row .badge:first-child {
    margin-top: 0; }
.badge_grid_list.square .badge {
  width: 100px;
  height: 140px; }
  .badge_grid_list.square .badge .description {
    width: 100%; }
.badge_grid_list.add_badges_to_eclass .badge {
  height: initial;
  max-height: 110px; }
  .badge_grid_list.add_badges_to_eclass .badge .description {
    width: initial;
    max-width: 400px; }

#tb_badge_image_div {
  width: 300px;
  margin: 0 auto; }
  #tb_badge_image_div.editing {
    width: 600px;
    max-height: 600px; }

#current-badges a .awarded-badge {
  color: #2f3338; }
#current-badges .awarded-badge {
  padding: 10px 10px 10px 10px;
  margin: 0 15px 15px 0;
  float: left;
  overflow: hidden; }
  #current-badges .awarded-badge img {
    padding-bottom: 15px;
    width: 300px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    float: left; }
  #current-badges .awarded-badge .badge-description {
    text-align: justify;
    width: 350px;
    float: left;
    padding-left: 20px; }
  #current-badges .awarded-badge .award-details {
    padding-top: 1px; }
    #current-badges .awarded-badge .award-details .badge-giver {
      font-size: 0.9em; }
#current-badges .badge_grid_list_profile .badge {
  margin-right: 2em; }
  #current-badges .badge_grid_list_profile .badge .badge-title {
    color: black;
    text-align: center; }
  #current-badges .badge_grid_list_profile .badge .image {
    position: relative;
    overflow: hidden; }
#current-badges .badge_grid_list_profile .corner {
  left: -43px;
  top: 6px; }

.form fieldset {
  padding: 1em 1em 0.5em 1em; }
.form .control-group:last-child {
  margin-bottom: 0.8em; }
.form .control-group {
  margin-top: 0.8em;
  *zoom: 1; }
  .form .control-group:before, .form .control-group:after {
    display: table;
    content: "";
    line-height: 0; }
  .form .control-group:after {
    clear: both; }
  .form .control-group .org-entry input {
    float: left;
    margin-right: 0.5em; }
  .form .control-group .controls.requiredField {
    float: none; }
  .form .control-group label, .form .control-group .label {
    display: inline-block;
    margin-bottom: 0.1em; }
  .form .control-group label + .detail {
    padding-left: 25px; }
  .form .control-group .help-block {
    color: #A8ADB1; }
  .form .control-group .controls.radio-vertical .help-block {
    margin-left: 2.1em; }
  .form .control-group .controls.radio-vertical label {
    display: block; }
    .form .control-group .controls.radio-vertical label input {
      margin-right: 0.5em; }
  .form .control-group .controls.radio-vertical label ~ label {
    margin-top: 0.5em; }

.gradebook-entry-popover {
  width: 574px;
  height: 230px; }
  .gradebook-entry-popover .gradebook-entry-popover-title {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5em; }
  .gradebook-entry-popover .gradebook-entry-popover-subtitle {
    display: block;
    margin-bottom: 1em; }
  .gradebook-entry-popover .gradebook-entry-popover-graph {
    width: 370px;
    height: 180px;
    float: left;
    margin-top: 5px; }
  .gradebook-entry-popover .gradebook-entry-popover-due {
    padding-bottom: 1em; }
  .gradebook-entry-popover .gradebook-entry-popover-stats {
    width: 200px; }
  .gradebook-entry-popover .stat {
    float: right; }
  .gradebook-entry-popover .graph {
    height: 185px; }

.haiku-chart {
  position: relative; }

.haiku-chart .nvtooltip {
  top: -25px !important; }

.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 1200px;
  list-style: none;
  font-size: 13px;
  line-height: 20px; }

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }

.dd-list .dd-list {
  padding-left: 30px; }

.dd-collapsed .dd-list {
  display: none; }

.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px; }

.dd-handle {
  display: block;
  height: 40px;
  margin: 10px 0;
  padding: 15px 10px;
  color: #2f3338;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: linear-gradient(top, #fafafa 0%, #eee 100%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd-handle:hover {
  color: #2ea8e5;
  background: #fff; }

.dd-item > button {
  display: block;
  position: absolute;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  left: -23px; }

.dd-item > button:before {
  content: '►';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0; }

.dd-item > button[data-action="collapse"]:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #fafafa;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px; }

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999; }

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0; }

.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }

/**
 * Nestable Extras
 */
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd; }

#nestable-menu {
  padding: 0;
  margin: 20px 0; }

#nestable-output,
#nestable2-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: "Open Sans", sans-serif;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
  color: #fff;
  border: 1px solid #999;
  background: #bbb;
  background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
  background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
  background: linear-gradient(top, #bbb 0%, #999 100%); }

#nestable2 .dd-handle:hover {
  background: #bbb; }

#nestable2 .dd-item > button:before {
  color: #fff; }

@media only screen and (min-width: 700px) {
  .dd {
    float: left;
    width: 70%; }

  .dd + .dd {
    margin-left: 2%; } }
.dd-hover > .dd-handle {
  background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */
.dd3-content {
  display: block;
  height: 40px;
  margin: 5px 0;
  padding: 10px 10px 5px 50px;
  color: #2f3338;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: linear-gradient(top, #fafafa 0%, #eee 100%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.dd3-content:hover {
  color: #2ea8e5;
  background: #fff; }

.dd-dragel > .dd3-item > .dd3-content {
  margin: 0; }

.dd3-item > button {
  margin-left: 30px; }

.dd3-handle {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 40px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #ddd;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: linear-gradient(top, #fafafa 0%, #eee 100%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.dd3-handle:before {
  content: '≡';
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #a8adb1;
  font-size: 20px;
  font-weight: normal; }

.dd3-handle:hover {
  background: #ddd; }

.remove_page {
  display: none;
  visibility: hidden; }

#pagetree {
  margin: 0.5em 1.5em 1.5em 1.5em; }
  #pagetree img[src="/images/icons/transmit_add.png"] {
    margin-left: 2px; }
  #pagetree > .dd-list {
    padding-right: 2em; }
  #pagetree .remove_page {
    visibility: initial;
    display: initial;
    position: absolute;
    right: -25px;
    top: 10px;
    width: 16px;
    height: 20px; }
  #pagetree .dd3-content {
    overflow: hidden; }
    #pagetree .dd3-content .pagetree-sections {
      padding-left: 1em;
      margin-right: 1em;
      bottom: 5px;
      position: relative;
      text-align: left;
      display: inline-block;
      cursor: pointer;
      min-width: 175px; }
      #pagetree .dd3-content .pagetree-sections:hover {
        border: 1px solid #ccc;
        border-radius: 4px; }
    #pagetree .dd3-content .pagetree-name {
      padding: 0 1em; }
      #pagetree .dd3-content .pagetree-name input {
        height: 11px;
        width: 98%;
        background-color: #fff; }
      #pagetree .dd3-content .pagetree-name:hover:not(.open) {
        background-color: #fff;
        border: 1px solid #ccc;
        min-width: 6em;
        position: relative;
        top: -2px; }
    #pagetree .dd3-content .pagetree-sections-list {
      display: inline-block;
      text-align: left; }
      #pagetree .dd3-content .pagetree-sections-list .pagetree-sections-inherited {
        color: #2a9c15;
        border-bottom: 1px dotted #2a9c15; }
      #pagetree .dd3-content .pagetree-sections-list .pagetree-sections-added {
        color: #2a9c15;
        border-bottom: 1px solid #2a9c15; }
      #pagetree .dd3-content .pagetree-sections-list .pagetree-sections-removed {
        color: #c5c5c5;
        text-decoration: line-through; }
    #pagetree .dd3-content .pagetree-publish-changed {
      border-bottom: 2px solid #2a9c15;
      margin-bottom: -2px; }
  #pagetree.dd {
    width: 95%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%; }

.ui-accordion .ui-accordion-icons,
.ui-accordion .ui-accordion-icons .ui-accordion-icons,
.ui-accordion .ui-accordion-content {
  padding-left: 1.7em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 70%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  overflow: auto; }

.ui-state-default .ui-icon:before {
  content: "";
  color: #a8adb1;
  font-size: 9.5px; }

.ui-state-active .ui-icon:before {
  content: "";
  color: #a8adb1;
  font-size: 9.5px; }

/* used to display less-important or less-emphasized details */
/* (e.g. descriptions of Assignments in the Upcoming Activities Block) */
.detail {
  color: #595c60; }

/* Font size multiplier */
.f09 {
  font-size: 12.5px; }

.f11 {
  font-size: 15.5px; }

.f12 {
  font-size: 18.5px; }

/* contains class name, login/logout, and tabs */
#header {
  margin: 0;
  background-color: #fff;
  background-position: left 42px; }
  #header .toplinks {
    position: relative;
    z-index: 1;
    padding: 0;
    font-size: 15.5px;
    height: 42px;
    max-width: 1230px;
    background-color: #00427C;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); }
    #header .toplinks .home {
      height: 42px;
      width: 124px;
      padding: 0 20px;
      float: left;
      background-image: url(/images/powerschool_learning_2019.png);
      background-size: 124px 32px;
      background-repeat: no-repeat;
      background-position: center; }
    #header .toplinks a {
      display: inline-block;
      padding: 10px 20px 0px 20px;
      height: 32px;
      text-align: center;
      float: right;
      color: #fff;
      cursor: pointer; }
      #header .toplinks a.icon_link {
        padding: 9px 9px 0;
        height: 33px; }
        #header .toplinks a.icon_link img {
          height: 24px; }
      #header .toplinks a.first {
        border-left-width: 0px; }
      #header .toplinks a.dmbutton i {
        position: relative;
        top: -1px;
        font-size: 8px;
        margin: 4px 0 6px 5px;
        color: #595c60; }
      #header .toplinks a:hover, #header .toplinks a.selected, #header .toplinks a:active, #header .toplinks a.active {
        color: #fff !important;
        background-color: #00275B !important; }
        #header .toplinks a:hover i, #header .toplinks a.selected i, #header .toplinks a:active i, #header .toplinks a.active i {
          color: #fff; }
      #header .toplinks a.home:hover {
        background-color: #00275B; }
      #header .toplinks a.avatar_circle {
        padding-top: 3px;
        height: 39px; }
  #header #my_identity {
    float: right;
    clear: right; }
  #header h1 {
    height: 42px;
    margin: 0;
    padding: 5px 0 0 15px;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    color: #2f3338; }
    #header h1 a {
      color: #2f3338; }
  #header h3 {
    color: #2f3338; }

@media print {
  .page-break {
    page-break-after: always; } }
html {
  min-height: 100%; }

body {
  margin: 0;
  padding: 0 1em;
  font-size: 13.5px;
  font-family: "Open Sans", sans-serif;
  color: #2f3338;
  background-attachment: fixed;
  background-color: white; }

a:focus {
  box-shadow: 0 0 5px 2px #5ca9d2; }

#colorpicker {
  padding: 7px;
  border: 1px solid #999;
  -webkit-box-shadow: 2px 2px 5px #777;
  -moz-box-shadow: 2px 2px 5px #777;
  box-shadow: 2px 2px 5px #777;
  width: 400px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  z-index: 1001; }

#theme_bar {
  position: fixed;
  left: 0px;
  height: 320px;
  overflow: auto;
  width: 100%;
  background: #4e5156;
  color: #fff;
  display: block;
  z-index: 99; }
  #theme_bar .thumb {
    display: inline-block;
    border: 3px solid #fff;
    background: #fff;
    width: 75px;
    height: 75px; }
  #theme_bar .hover-hilite:hover {
    background-color: #5f5f5f; }
  #theme_bar label {
    color: #fff; }
  #theme_bar .plupload_container {
    padding: 0; }
  #theme_bar .plupload_file_status, #theme_bar .plupload_file_size {
    display: none; }
  #theme_bar .plupload_buttons {
    padding: 0; }
    #theme_bar .plupload_buttons a {
      padding: 7px 6px 0px 6px; }
  #theme_bar a {
    color: #FFCC7F; }
    #theme_bar a.ibutton {
      color: #fff; }
  #theme_bar .sbutton {
    color: #2f3338; }
  #theme_bar .button {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    padding: 15px;
    margin: 10px;
    text-transform: capitalize; }
  #theme_bar .button:hover {
    background-color: #e0e0e0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e0e0e0));
    background-image: -webkit-linear-gradient(top, #fff, #e0e0e0);
    background-image: -moz-linear-gradient(top, #fff, #e0e0e0);
    background-image: linear-gradient(to bottom, #fff, #e0e0e0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#e0e0e0'); }
  #theme_bar .cell {
    padding: 0; }
  #theme_bar .vmenu div {
    padding: 8px; }
    #theme_bar .vmenu div.selected {
      font-weight: bold;
      background: url(/images/icons_svg/arrow_right_l.svg) no-repeat center right #303338;
      background-size: 14px; }
    #theme_bar .vmenu div:hover {
      background-color: #303338;
      cursor: pointer; }
  #theme_bar .theader {
    font-size: 15.5px;
    font-weight: bold;
    padding: 4px 0; }
  #theme_bar td.label {
    color: #fff;
    text-align: right; }
  #theme_bar .color-preview {
    border: 3px solid #fff;
    width: 60px;
    height: 20px;
    cursor: pointer;
    display: inline-block; }
  #theme_bar .topleft-filler {
    background: #4e5156;
    height: 30px; }
  #theme_bar .ttab {
    font-size: 15.5px;
    background: #4E5154;
    padding-left: 20px;
    padding-top: 0 0 0 auto; }
    #theme_bar .ttab ._ttab {
      display: block;
      margin: 0; }
      #theme_bar .ttab ._ttab div {
        display: inline-block;
        padding: 12px 15px;
        margin: 0px 2px -1px 0;
        border: none;
        cursor: pointer;
        color: #fff; }
      #theme_bar .ttab ._ttab div.selected {
        background: #303338;
        color: #fff; }
      #theme_bar .ttab ._ttab div:hover {
        background: #303338;
        cursor: pointer;
        color: #fff; }
  #theme_bar .ttab_content ._ttab_content {
    padding: 0 10px 5px 10px;
    max-width: 1210px;
    margin: 0 auto; }
  #theme_bar .theme_list {
    white-space: nowrap;
    height: 130px; }
  #theme_bar .arrow {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 130px; }
    #theme_bar .arrow:hover {
      background-color: #777; }
  #theme_bar .aleft {
    float: left;
    margin-right: 3px;
    background: url(/images/icons_svg/arrow_left_l.svg) no-repeat center/16px; }
  #theme_bar .aright {
    float: right;
    margin-left: 3px;
    background: url(/images/icons_svg/arrow_right_l.svg) no-repeat center/16px; }

#theme_edit_container.cell {
  padding: 5px 20px;
  height: 195px;
  background: #303338; }
  #theme_edit_container.cell div.sbutton {
    color: #595c60;
    padding: 8px 2px 6px 15px; }
  #theme_edit_container.cell li.plupload_uploading {
    /* This is kinda hacky but plupload's off-white background looks really bad on the
       black themebar background. */
    background: #4e5156 !important; }

#theme_select_container {
  height: 132px;
  background: #303338; }

#theme_edit td {
  padding: 3px;
  height: 48px; }
  #theme_edit td .theme-upload-holder {
    padding-left: 20px; }
    #theme_edit td .theme-upload-holder .upload-column {
      padding: 5px 10px; }

#theme_edit .fontselect {
  padding: 8px 5px 6px 15px; }

#theme_edit_buttons, #thm_current_theme_btns, #thm_previewing_btns {
  position: absolute;
  bottom: 5px; }

#theme_edit_buttons {
  left: 118px; }

#thm_current_theme_btns, #thm_previewing_btns {
  left: 160px; }

#theme_edit_layout {
  padding-top: 15px; }
  #theme_edit_layout .theme-checkbox-label {
    padding-top: 8px; }

#theme_categories.cell {
  padding: 20px 10px; }

#create_theme_button {
  margin: 2px 0 5px 22px; }

#bg-image-container {
  padding: 5px;
  width: 120px;
  margin-right: 20px; }

.theme_category {
  width: 140px;
  height: 168px;
  overflow: hidden;
  background: #4e5156;
  margin: 5px; }

.theme_pallete {
  border: 3px solid #fff;
  display: inline-block;
  height: 20px; }
  .theme_pallete div {
    float: left;
    width: 20px;
    height: 20px; }

.atheme {
  padding: 5px;
  cursor: pointer;
  display: inline-block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .atheme.selected {
    background: #4e5156; }
  .atheme:hover {
    background: #4e5156; }
  .atheme .theme_name {
    text-align: left;
    width: 100px;
    height: 20px;
    overflow: hidden; }
    .atheme .theme_name div {
      width: 800px; }
  .atheme .icon-down {
    color: white;
    font-size: 10px; }

.theme_thumb {
  width: 106px;
  height: 70px;
  margin-top: 5px; }

#content_blocker {
  position: fixed;
  width: 100%;
  display: block;
  z-index: 12;
  background: url(/images/preview.text.bg.png) no-repeat center 100px transparent; }

p {
  margin: .5em 0; }

textarea {
  font-family: sans-serif;
  overflow: auto; }

input[type=password], input[type=text], input[type=number], textarea {
  border-width: 1px;
  padding: 6px 12px;
  border-style: solid;
  border-color: #e0e0e0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3);
  -moz-box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3);
  box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3); }

input:focus[type=password], input:focus[type=text], input:focus[type=number], textarea:focus {
  background: #ffd; }

select, input, textarea {
  font-family: "Open Sans", sans-serif;
  font-size: 14.5px; }

select {
  -webkit-appearance: none;
  color: #595c60;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 8px 50px 6px 15px;
  background: url(/images/icons_svg/downarrow_padded_right_hack.svg) no-repeat right;
  background-color: #fff;
  background-size: 22px;
  -webkit-box-shadow: inset 0 -2px 12px -8px rgba(80, 80, 80, 0.5);
  -moz-box-shadow: inset 0 -2px 12px -8px rgba(80, 80, 80, 0.5);
  box-shadow: inset 0 -2px 12px -8px rgba(80, 80, 80, 0.5);
  /*This is to replace the dropdown arrow on IE 11*/ }
  select:hover, select:active, select.active {
    -webkit-box-shadow: inset 0 2px 12px -8px rgba(80, 80, 80, 0.5);
    -moz-box-shadow: inset 0 2px 12px -8px rgba(80, 80, 80, 0.5);
    box-shadow: inset 0 2px 12px -8px rgba(80, 80, 80, 0.5); }
  select::-ms-expand {
    color: transparent;
    border: none;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background-color: transparent;
    background-image: url(/images/icons_svg/arrow_down_d.svg);
    background-size: 16px; }

input[type="radio"] {
  -webkit-appearance: none;
  background: #fff;
  -webkit-box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3);
  -moz-box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3);
  box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3);
  border: solid 1px #e0e0e0;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  vertical-align: middle; }
  input[type="radio"]:checked:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #A8ADB1;
    border-radius: 20px;
    margin: 3px; }

input[type="checkbox"] {
  -webkit-appearance: none;
  width: 19px;
  height: 19px;
  border: solid 1px #e0e0e0;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3);
  -moz-box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3);
  box-shadow: inset 2px 2px 5px -2px rgba(80, 80, 80, 0.3);
  vertical-align: middle; }
  input[type="checkbox"]:checked:after {
    content: "";
    display: inline-block;
    background-image: url(/images/icons_svg/checkmark_d.svg);
    background-size: 14px;
    width: 14px;
    height: 14px;
    margin: 2px; }

select:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 3px 3px rgba(114, 171, 255, 0.66); }
select:disabled, .disabled select, select.disabled, input[type="radio"]:disabled, .disabled input[type="radio"], input[type="radio"].disabled, input[type="checkbox"]:disabled, .disabled input[type="checkbox"], input[type="checkbox"].disabled {
  background-color: #f6f6f6;
  box-shadow: none; }

input.placeholder, input.placeholder, textarea.placeholder, textarea.placeholder {
  border: 1px solid #e0e0e0;
  color: #A8ADB1;
  padding: 12px 10px 6px; }
input.placeholderF, input.placeholderF, textarea.placeholderF, textarea.placeholderF {
  color: #2f3338; }

h1, h2, h3, h4 {
  color: #6d9323;
  font-family: "Open Sans", sans-serif;
  margin: 5px 0; }
  h1 a, h2 a, h3 a, h4 a {
    color: #6d9323;
    text-decoration: none; }

h1 {
  font-weight: normal;
  font-size: 27px; }

h2 {
  font-weight: normal;
  font-size: 22px;
  padding-top: 14px; }

h3 {
  margin: 5px 0;
  font-weight: normal;
  font-size: 16px; }

h4 {
  margin: 5px 0;
  font-weight: bold;
  padding: 4px 0;
  border-bottom: 1px solid #e0e0e0; }

a {
  color: #0f8ab6;
  text-decoration: none; }

img {
  border-width: 0; }

/* wraps the entire content of the body */
#frame {
  max-width: 1230px;
  min-width: 960px;
  min-height: 88.5vh;
  margin: 0 auto 1em;
  padding: 0;
  -webkit-box-shadow: 0 0 5px rgba(80, 80, 80, 0.3);
  -moz-box-shadow: 0 0 5px rgba(80, 80, 80, 0.3);
  box-shadow: 0 0 5px rgba(80, 80, 80, 0.3);
  background-color: rgba(255, 255, 255, 0.7); }

.avatar-name {
  top: 8px;
  position: relative; }

.avatar-img {
  border-radius: 50%;
  padding: 2px;
  float: left;
  margin-right: 3px; }

.dropdown {
  padding-right: 16px;
  background: transparent url(/images/icons/bullet_arrow_down.png) no-repeat scroll right 1px; }

.sidebar_menu {
  width: 165px;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0; }
  .sidebar_menu ul {
    margin: 0;
    padding: 0; }
    .sidebar_menu ul li {
      position: relative;
      margin: 0;
      padding: 0;
      list-style: none; }
      .sidebar_menu ul li:first-child a {
        -webkit-border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px; }
      .sidebar_menu ul li:last-child a {
        -webkit-border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px; }
      .sidebar_menu ul li:not(:first-child) {
        border-top: 1px solid #ddd; }
      .sidebar_menu ul li a {
        padding: 8px;
        padding-left: 20px;
        margin: 0;
        display: block;
        color: black; }
        .sidebar_menu ul li a:hover, .sidebar_menu ul li a.selected {
          background-color: #eee;
          color: black; }

/* the sidebar for page navigation */
#sidebar {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-left: 0;
  border-top-width: 0;
  -webkit-border-radius: 0 0 6px 0;
  -moz-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
  overflow: hidden; }
  #sidebar .ibutton {
    padding-left: 7px; }

@media (max-width: 1220px) {
  .hide_navigation {
    display: none; }

  .extra_button {
    display: initial; } }
@media (min-width: 1220px) {
  .hide_navigation {
    display: initial; }

  .extra_button {
    display: none; } }
[class^='sub_navigation_tier_'] li i {
  position: relative;
  top: 0px;
  margin-left: 1px;
  font-size: 8px; }

.sub_navigation_tier_1 {
  height: 42px;
  font-family: "Open Sans", sans-serif;
  max-width: 1230px;
  font-size: 15.5px;
  background-color: #fff;
  /* a button within a tab that displays a menu */ }
  .sub_navigation_tier_1 ul {
    padding: 0px;
    margin: 0px; }
  .sub_navigation_tier_1 li {
    padding: 12px 14px 0;
    height: 30px;
    float: left;
    margin: 0;
    list-style: none;
    cursor: pointer;
    background: #fff;
    color: #00427C;
    white-space: nowrap; }
    .sub_navigation_tier_1 li a {
      text-decoration: none;
      color: #00427C; }
    .sub_navigation_tier_1 li i {
      color: #595c60; }
    .sub_navigation_tier_1 li.manage i, .sub_navigation_tier_1 li.share i {
      font-size: 11.5px; }
    .sub_navigation_tier_1 li.manage, .sub_navigation_tier_1 li.whats_new {
      margin-left: 10px; }
    .sub_navigation_tier_1 li.selected, .sub_navigation_tier_1 li:hover, .sub_navigation_tier_1 li.active, .sub_navigation_tier_1 li:active {
      background: #00427C;
      color: #fff; }
      .sub_navigation_tier_1 li.selected a, .sub_navigation_tier_1 li.selected i, .sub_navigation_tier_1 li:hover a, .sub_navigation_tier_1 li:hover i, .sub_navigation_tier_1 li.active a, .sub_navigation_tier_1 li.active i, .sub_navigation_tier_1 li:active a, .sub_navigation_tier_1 li:active i {
        color: #fff; }
    .sub_navigation_tier_1 li.right {
      float: right; }

.tabmenu ul {
  font-family: "Open Sans", sans-serif;
  display: inline;
  margin: 0; }
  .tabmenu ul li {
    float: left;
    margin: 0 2px -1px 0;
    border: 1px #e0e0e0 solid;
    list-style: none;
    cursor: pointer;
    color: #999;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0D505050', EndColorStr='#002E2E2E', GradientType=0);
    background-color: #fff; }
    .tabmenu ul li a {
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      text-decoration: none;
      color: #999;
      padding: 7.5px 12px;
      display: block; }
      .tabmenu ul li a:hover {
        background: #fff; }
    .tabmenu ul li.selected {
      background: #fff;
      border-bottom-color: #fff;
      color: #555; }
      .tabmenu ul li.selected a {
        color: #555; }

.tabmenu_border {
  border-bottom: 1px #e0e0e0 solid; }

.tabmenu-margin {
  margin-bottom: 1.5em; }

.tabs_content {
  padding: 15px 10px;
  border: solid 1px #e0e0e0 !important;
  background-color: #fff !important; }

#header-body {
  position: relative;
  margin-top: 53px;
  background: transparent; }

#header-logo {
  display: none;
  position: absolute;
  top: -53px;
  left: 0;
  height: 70px;
  margin: 15px;
  background-repeat: no-repeat;
  background-position: left bottom; }

#skip-to-content a {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

#skip-to-content a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  width: auto;
  height: auto;
  background: #BF1722;
  border-bottom-right-radius: 8px;
  color: white;
  padding: 6px;
  z-index: 100; }

/* used in Pages, contains the title of a content block */
.head {
  background-color: #fafafa;
  color: #2f3338;
  border: 0;
  font-weight: bold;
  padding: 5px; }
  .head td {
    padding-right: 5px; }
  .head .tabmenu {
    font-weight: normal; }
  .head > a {
    font-weight: normal; }

.content_box {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 15px; }

/* used in Pages and portal, contains the body of a content block */
.box {
  overflow: hidden;
  padding-right: 6px; }
  .box table {
    padding-right: 0px; }
  .box p, .box ul {
    margin-left: 0;
    margin-top: 0; }
  .box ul {
    padding-left: 1.5em; }
  .box .empty_box {
    display: block;
    text-align: center; }
  .box .box_text {
    overflow: hidden;
    word-break: break-word;
    padding-bottom: 0px; }

a.cldr_truncate {
  text-overflow: ellipsis;
  width: 50px; }

/* used in Calendar & the Mini Calendar Block */
table.cldr .day_header a, .cldln a {
  display: block; }

table.cldr {
  margin-bottom: 8px;
  border-top: 1px #e0e0e0 solid;
  border-left: 1px #e0e0e0 solid;
  background-color: #fff; }
  table.cldr th p {
    font-size: 13px; }
  table.cldr td {
    overflow: hidden;
    width: 14%;
    padding: 4px; }
  table.cldr td td, table.cldr th td {
    border: 0; }
  table.cldr td, table.cldr th {
    border-bottom: 1px #e0e0e0 solid;
    border-right: 1px #e0e0e0 solid; }
  table.cldr td p, table.cldr td td {
    font-size: 12.5px; }
  table.cldr .day_header {
    font-size: 12.5px;
    color: #aaa;
    font-weight: bold;
    text-align: right; }
  table.cldr .day_header a {
    color: #aaa;
    text-decoration: none; }
  table.cldr .day_header:hover {
    background-color: #feb; }
  table.cldr .today .day_header:hover {
    background-color: #fff; }
  table.cldr td.colhour {
    background-color: #e9e9e9; }
  table.cldr td.grey {
    background-color: #ececec; }
  table.cldr td.grey a {
    color: #A8ADB1; }
  table.cldr td.today {
    background-color: #feb; }

.cldln:hover {
  background-color: #feb; }

.today .cldln:hover {
  background-color: #fff; }

.cal_mo .cldln {
  margin-left: 20px; }

.cal_mo .cldln {
  margin-left: 20px; }

cldln b {
  font-size: 11.5px; }

.cldln a {
  text-decoration: none; }

/* .event a, .event { color: #696; }
.assignment, .assignment a { color: #966; }
*/
.cday {
  overflow: hidden;
  height: 7em; }

.cldln {
  overflow: hidden;
  height: 1.0em; }

.cldr_more {
  float: left;
  display: none; }

/* used in the Mini Calendar Block, also appear on portal */
table.lil_cldr {
  font-size: 12.5px; }
  table.lil_cldr th {
    background: #f0f0f0;
    padding: 4px; }
  table.lil_cldr td.hilite {
    background-color: #fdd; }
  table.lil_cldr td.today {
    background-color: #feb; }
  table.lil_cldr td {
    text-align: right; }

.logging_in {
  color: #2f3338;
  position: relative;
  top: 200px; }

#widecol {
  padding: 1em;
  background: #fff; }

/* contains the main page content */
#content {
  margin-top: 0; }

#footer {
  padding: 7px;
  color: #777;
  margin: 0;
  height: 33px; }
  #footer div {
    margin-top: 20px; }
  #footer .powerschool_legal {
    text-align: right;
    max-width: 1230px;
    min-width: 960px;
    margin: auto; }
  #footer .center_links {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 400px;
    color: #e0e2e3; }

.horizontal-link-tab a.selected {
  font-weight: bold; }

.subnav-tier2-empty {
  border-top: 3px solid #00427C;
  height: 0px; }

/* used for 2nd level navigation (e.g. sub-tabs in the Connect tab) */
ul.sub_navigation_tier_2 {
  height: 42px;
  font-family: "Open Sans", sans-serif;
  font-size: 15.5px;
  background-color: #005daf;
  padding: 0px;
  margin: 0px; }
  ul.sub_navigation_tier_2 a.ilink {
    color: #fff; }
  ul.sub_navigation_tier_2 li {
    list-style: none;
    float: left; }
    ul.sub_navigation_tier_2 li a {
      display: inline-block;
      padding: 12px 15px 0;
      height: 30px;
      color: #fff; }
    ul.sub_navigation_tier_2 li:hover, ul.sub_navigation_tier_2 li.selected, ul.sub_navigation_tier_2 li.active {
      background: #00427C;
      color: #fff; }
      ul.sub_navigation_tier_2 li:hover a, ul.sub_navigation_tier_2 li.selected a, ul.sub_navigation_tier_2 li.active a {
        color: #fff; }
    ul.sub_navigation_tier_2 li.right {
      border-right: none; }

ul.subtabmenu {
  font-family: "Open Sans", sans-serif;
  margin: -1px 0 0 0;
  padding: 8px 5px 4px 5px;
  background: #00427C;
  -webkit-box-shadow: 0 3px 7px #777;
  -moz-box-shadow: 0 3px 7px #777;
  box-shadow: 0 3px 7px #777;
  /* used for right-aligned items in the subtabmenu */ }
  ul.subtabmenu a.ilink {
    color: #fff;
    font-size: 12.5px; }
  ul.subtabmenu li {
    list-style: none;
    display: inline;
    padding: 0 4px; }
  ul.subtabmenu li a {
    color: #fff;
    padding: 2px 5px 4px 5px;
    font-weight: bold; }
  ul.subtabmenu li a:hover {
    background-color: #fff;
    padding: 2px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #2f3338; }
  ul.subtabmenu li a.selected {
    border: 0;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    color: #2f3338; }
  ul.subtabmenu li a.selected:hover {
    padding: 2px 5px 4px 5px; }
  ul.subtabmenu li a.selected.dropdown:hover {
    padding-right: 16px; }
  ul.subtabmenu li a.dropdown {
    padding-right: 16px; }
  ul.subtabmenu li.right {
    border-right: none; }

/* applied when dragging into sortable columns */
.hoverclass {
  background-color: #ffc; }

span.bullet {
  position: absolute;
  top: 7px;
  left: 2px;
  background: url(/images/bullet.gif) no-repeat 0 0;
  padding: 8px 5px;
  font-size: 1px;
  cursor: pointer; }

span.bullet_open {
  position: absolute;
  top: 4px;
  left: 2px;
  background: url(/images/bullet_open.gif) no-repeat 1px 7px;
  padding: 8px 5px;
  font-size: 1px;
  cursor: pointer; }

span.bullet_closed {
  position: absolute;
  top: 4px;
  left: 2px;
  background: url(/images/bullet_closed.gif) no-repeat 0 5px;
  padding: 8px 5px;
  font-size: 1px;
  cursor: pointer; }

.bullet_closed {
  padding-left: 15px;
  background: url(/images/bullet_closed.gif) no-repeat 4px; }

.bullet_open {
  padding-left: 15px;
  background: url(/images/bullet_open.gif) no-repeat 4px; }

/* used for listing records in table format */
table.list {
  border-left: 1px #e0e0e0 solid;
  border-right: 1px #e0e0e0 solid;
  border-collapse: collapse;
  background: #fafafa; }
  table.list tr:nth-child(even) {
    background: #fff; }
  table.list.no_odd_row_color tr:nth-child(even) {
    background: #fafafa; }
  table.list th {
    border-top: 1px #e0e0e0 solid;
    padding: 10px 5px 5px 5px;
    background-color: #fafafa;
    color: #9ca1a6;
    font-size: 12.5px;
    font-weight: bold; }
  table.list td, table.list th {
    border-bottom: 1px #e0e0e0 solid;
    text-align: left;
    vertical-align: middle;
    padding: 15px; }
table.hover_glow tr:hover {
  background-color: #eaeaea; }
  table.hover_glow tr:hover.head {
    background-color: #fafafa; }
table.hover_glow tr.noglow:hover {
  background-color: #fff; }
table.no_header {
  border-top: 1px #e0e0e0 solid; }

/* bar for action buttons (eg: for Save, Cancel, etc) usually appears on bottom  */
.action {
  padding: 4px;
  border-top: 1px solid #e0e0e0; }

/* toolbar containing tool buttons (eg: Add Assignment, Manage Assignment), usually appear on top */
.actrow {
  border-width: 1px;
  border-color: #e0e0e0;
  border-style: solid;
  padding: 5px;
  background: #f7f7f7; }
  .actrow.below-tabs {
    background: #fff; }

/* Buttons */
/* button is used for any <input type="button" or type="submit" /> */
.button {
  padding: 12px 15px 9px;
  margin: 2px;
  min-height: 22px;
  text-transform: capitalize;
  font-size: 14.5px;
  border: solid 1px #e0e0e0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #595c60;
  background-image: linear-gradient(to top, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0D505050', EndColorStr='#002E2E2E', GradientType=0);
  background-color: #fff;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  cursor: pointer; }
  .button:hover {
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26505050', EndColorStr='#0D969696', GradientType=0);
    color: #2f3338; }
    .button:hover i {
      color: #2f3338; }
  .button:active, .button.active {
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26505050', EndColorStr='#0D969696', GradientType=0);
    color: #2f3338; }
    .button:active i, .button.active i {
      color: #2f3338; }

a.button {
  display: inline-block;
  vertical-align: bottom; }

/* small button */
.sbutton {
  display: inline-block;
  min-height: 22px;
  margin: 2px;
  padding: 11px 16px 8px;
  font-size: 14.5px;
  background-color: #fff;
  white-space: nowrap;
  border: solid 1px #e0e0e0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #595c60;
  background-image: linear-gradient(to top, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0D505050', EndColorStr='#002E2E2E', GradientType=0);
  background-color: #fff;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  cursor: pointer;
  line-height: 19px; }
  .sbutton:hover {
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26505050', EndColorStr='#0D969696', GradientType=0);
    color: #2f3338; }
    .sbutton:hover i {
      color: #2f3338; }
  .sbutton:active, .sbutton.active {
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26505050', EndColorStr='#0D969696', GradientType=0);
    color: #2f3338; }
    .sbutton:active i, .sbutton.active i {
      color: #2f3338; }
  .sbutton i {
    display: inline-block;
    font-size: 15.5px;
    color: #595c60;
    margin: 0 10px 0 0;
    line-height: 13px;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 13px; }
    .sbutton i.right {
      float: none;
      margin: 0 0 0 10px; }
    .sbutton i.icon-new {
      font-size: 12.5px; }
  .sbutton.bnew i {
    font-size: 12.5px !important; }
  .sbutton.bicon_only {
    color: rgba(255, 255, 255, 0.05); }
    .sbutton.bicon_only:after {
      content: '.'; }
    .sbutton.bicon_only i {
      margin-right: -5px; }
      .sbutton.bicon_only i.right {
        margin-left: 0; }
  .sbutton svg {
    display: inline;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 16px;
    top: 2px;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    margin: 0 3px 0 0;
    position: relative; }

input.sbutton {
  position: relative;
  top: -1px;
  box-sizing: content-box; }

.sbutton.medium {
  font-size: 15.5px; }
  .sbutton.medium i {
    margin: 0 6px 0 0; }

.sbutton.big {
  font-size: 18.5px; }
  .sbutton.big i {
    margin: 0 8px 0 0; }

.sbutton.selected {
  border-color: #cccccc;
  background-image: linear-gradient(to bottom, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  background-image: -webkit-linear-gradient(top, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#002E2E2E', EndColorStr='#0D505050', GradientType=0);
  background-color: #eee; }

.theme-color-bg {
  background-color: #00427C !important;
  color: #fff; }
  .theme-color-bg a:not([class='sbutton']), .theme-color-bg i {
    color: #fff; }

.gb-grid-color-bg {
  background-color: #5d646d !important;
  color: #fff; }
  .gb-grid-color-bg a:not([class='sbutton']), .gb-grid-color-bg i {
    color: #fff; }
  .gb-grid-color-bg input:focus[type=text], .gb-grid-color-bg textarea:focus {
    background: #fff; }

.gb-hover {
  padding: 10px;
  float: left;
  width: 100%; }
  .gb-hover:hover {
    background-color: #006bc9;
    color: #fff;
    cursor: pointer; }

.theme-color-contrast {
  color: #00427C !important; }

.sbutton.bno_icon i {
  background: none;
  width: 0; }

.ibutton {
  margin: 0;
  font-size: 15.5px;
  color: #595c60;
  cursor: pointer;
  background-position: -50px -50px;
  background-repeat: no-repeat;
  background-size: 2px; }
  .ibutton i {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 18px;
    width: 20px;
    height: 20px; }
  .ibutton:hover {
    color: #2f3338; }
  .ibutton.padded {
    padding: 6px; }
  .ibutton svg {
    display: inline;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 18px;
    width: 20px;
    height: 20px; }

/*
ilink = link with icon (maintains link color)
Only meant to be used when there is text inside an <a> tag
*/
.ilink {
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 12px; }

.dmbutton i {
  margin: 0 0 0 10px;
  font-size: 11.5px; }
  .dmbutton i:before {
    content: ""; }
.dmbutton svg {
  display: inline-block;
  margin: 0px 5px 0 10px;
  width: 12px; }

/* Big Button, used for MD dialog boxes (in case of errors or for confirmations) */
.bbutton {
  font-size: 14.5px;
  line-height: 26px;
  vertical-align: middle;
  margin: 10px auto 0;
  padding: 7px 10px;
  border: solid 1px #e0e0e0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #595c60;
  background-image: linear-gradient(to top, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0D505050', EndColorStr='#002E2E2E', GradientType=0);
  background-color: #fff;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  cursor: pointer; }
  .bbutton:hover {
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26505050', EndColorStr='#0D969696', GradientType=0);
    color: #2f3338; }
    .bbutton:hover i {
      color: #2f3338; }
  .bbutton:active, .bbutton.active {
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26505050', EndColorStr='#0D969696', GradientType=0);
    color: #2f3338; }
    .bbutton:active i, .bbutton.active i {
      color: #2f3338; }
  .bbutton a {
    text-decoration: none;
    color: #555; }
  .bbutton i {
    background-repeat: no-repeat;
    background-size: 14px;
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 10px 0 2px; }
  .bbutton svg {
    fill: #595c60;
    display: inline;
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 2px; }

/* Toggle button, todo: currently this is not visible because of the gradient background */
.stoggle_on {
  border-right: 1px #bbb solid;
  border-bottom: 1px #bbb solid; }

/* disabled control */
.disabled {
  cursor: default;
  color: #A8ADB1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.5;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .disabled:hover, .disabled:active, .disabled.active {
    background-image: none;
    color: #A8ADB1; }
  .disabled i {
    opacity: 0.5; }

/* AltTip, used to add text to icon-only buttons (eg Calendar next/previous month buttons & Cms My Classes tab) */
.alttip {
  z-index: 150;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px #e0e0e0 solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  font-size: 12.5px;
  background-color: #fff;
  word-wrap: break-word; }

.banner_notification {
  position: relative;
  top: 0;
  left: -1em;
  z-index: 1;
  margin: 0;
  padding: 10px 18px 10px 10px;
  width: 100%;
  padding-right: 18px;
  color: white; }
  .banner_notification a {
    text-decoration: underline;
    color: white; }
  .banner_notification i.icon-close {
    padding-left: 5px;
    color: white; }

.banner_notification_masquerading {
  background: #c84600; }

.banner_notification_shadowing {
  background: #4c7b00; }

.banner_notification_hide_link {
  float: right;
  cursor: pointer; }
  .banner_notification_hide_link a {
    text-decoration: none; }

.small {
  font-size: 12.5px; }

/* marks an input as required */
div.requiredField:after, span.requiredField:after {
  padding-left: 1.5em !important;
  background: url(/images/icons_svg/asterisk_h.svg) no-repeat left/12px;
  content: "";
  margin-left: 0.5em; }

div.requiredField {
  float: left; }

/* text explaining validation to the user (eg, must contain only digits) */
span.reqirement {
  color: #E07D20;
  font-size: 12.5px; }

/* for when validation fails on user input */
.fieldWithErrors input, .fieldWithErrors select, input.fieldWithErrors, textarea.fieldWithErrors, select.fieldWithErrors {
  background: #fdd; }

.fieldWithErrors span {
  display: inline;
  color: #933;
  font-size: 12.5px; }

td.fieldWithErrors, span.fieldWithErrors {
  background-color: #fcc; }

/* displays unobtrusive notices or errors to the user */
div.notice {
  /* Use top: auto; so that when Admin Announcements are added, the message is still appropriately positioned */
  position: absolute;
  top: auto;
  z-index: 51;
  left: 30%;
  max-width: 450px;
  margin: 0;
  padding: 5px 0;
  text-align: center; }
  div.notice span {
    display: block;
    position: relative;
    top: 90px;
    border: 1px #999 solid;
    padding: 20px;
    background: #fff;
    color: #2f3338;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }

a.notice_close_button {
  float: right;
  margin: 0 5px;
  border-width: 0;
  background: #fff url(/images/delete.gif) no-repeat top left;
  width: 16px;
  height: 16px;
  cursor: pointer; }

a.delete_x_button {
  float: right;
  margin: 0 5px;
  border-width: 0;
  background: #fff url(/images/delete.gif) no-repeat top left;
  width: 15px;
  height: 15px;
  cursor: pointer; }

/* Styling for the fixedwidth layout */
.fwbox {
  background-color: #fff;
  margin: 20px auto;
  text-align: left;
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: 4px 4px 8px #777;
  -moz-box-shadow: 4px 4px 8px #777;
  box-shadow: 4px 4px 8px #777; }
  .fwbox div.notice {
    margin-top: -18px;
    text-align: left; }
    .fwbox div.notice span {
      position: relative;
      display: block;
      text-align: center; }
  .fwbox a.notice_close_button {
    margin-left: 0; }

#fwcontent {
  padding: 25px 10px; }

/* Notices that are inside a TB */
#TB_window div.notice {
  top: 25px;
  left: 0;
  margin: 0;
  padding: 0 10%; }

/* form labels */
label, .label {
  color: #555;
  font-weight: bold;
  font-family: "Open Sans", sans-serif; }

label.no_color, .label.no_color, .label .no_color {
  color: #2f3338;
  font-weight: normal; }

label.no_color {
  cursor: pointer; }

/* Displays when there is a system error */
/* Also used when Removing Features from a class */
div.error {
  margin: 5px 0;
  border: #c33 2px solid;
  padding: 3px; }

.error {
  color: red;
  font-family: "Open Sans", sans-serif; }

/* used for error/confirmation dialogs, the overlay will completely cover the screen */
#MD_box {
  background: #fff;
  border: none;
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-family: "Open Sans", sans-serif;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3); }

#MD_box input.bbutton {
  display: block;
  margin: 10px auto 0;
  width: 100%;
  text-align: center;
  font-weight: bold; }

#MD_box a.bbutton {
  display: block;
  margin: 10px auto 0;
  padding-left: 1%;
  padding-right: 1%;
  width: 98%;
  text-align: center; }

#MD_overlay {
  background-color: #a4a6a8;
  opacity: 0.75; }

/* Styles the text displayed in MD_alerts and MD_confirmations */
.md_text {
  color: #2f3338;
  margin: 4px;
  font-size: 14.5px; }

/* TODO: we could get rid of this and just style it in md_box */
/* Just-In-Time Help styling */
#help_jit {
  position: absolute;
  z-index: 5000;
  background-color: transparent;
  width: 225px;
  font-size: 13.5px;
  font-family: "Open Sans", sans-serif; }

#help_jit_message {
  position: relative;
  left: 24px;
  border: 1px #000 solid;
  padding: 7px;
  background-color: #fff;
  color: #000;
  width: 200px; }

#help_jit_arrow_left, #help_jit_arrow_right {
  position: absolute;
  z-index: 10; }

img.help_jit {
  cursor: pointer; }

img.help_jit_empty {
  background-color: #ff0; }

/*Credits: http://www.dynamicdrive.com/style - now heavily modified*/
.pagination {
  padding: 3px 2px;
  font-family: "Open Sans", sans-serif; }

.pagination > div {
  display: inline-block;
  padding-right: 10px;
  position: relative;
  top: 12px;
  height: 50px; }

.pagination > div.pagination_total_no_pages {
  top: 0px;
  height: 0px; }

.pagination > div.pagination_show_no_pages {
  top: 0px;
  height: 45px; }

.pagination ul {
  margin: 0;
  padding: 0;
  text-align: left;
  display: inline-block; }

.pagination li {
  vertical-align: top;
  display: inline-block;
  height: 16px;
  padding: 12px 14px 10px;
  margin-right: 5px;
  border: solid 1px #e0e0e0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 -2px 12px -8px rgba(80, 80, 80, 0.5);
  -moz-box-shadow: inset 0 -2px 12px -8px rgba(80, 80, 80, 0.5);
  box-shadow: inset 0 -2px 12px -8px rgba(80, 80, 80, 0.5);
  font-size: 14.5px;
  text-align: center; }
  .pagination li a, .pagination li div, .pagination li:visited {
    text-decoration: none;
    color: #0f8ab6;
    font-weight: normal; }

.pagination li:hover, .pagination a:active, .pagination a.active {
  background-color: #fff7df; }

.pagination li.currentpage {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-weight: bold; }

.pagination li.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.6; }
  .pagination li.disabled:hover, .pagination li.disabled div:hover {
    background-color: #fff; }

.pagination .next, .pagination .previous {
  background-color: #fff;
  color: transparent;
  height: 16px;
  width: 12px;
  padding: 12px 14px 10px; }
  .pagination .next a, .pagination .next div, .pagination .previous a, .pagination .previous div {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    color: transparent;
    width: 12px;
    height: 16px;
    display: inline-block; }

.pagination .next {
  -webkit-border-radius: 0px 6px 6px 0px;
  -moz-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px; }
  .pagination .next a, .pagination .next div {
    background-image: url(/images/icons_svg/arrow_right_d.svg); }

.pagination .previous {
  -webkit-border-radius: 6px 0px 0px 6px;
  -moz-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px; }
  .pagination .previous a, .pagination .previous div {
    background-image: url(/images/icons_svg/arrow_left_d.svg); }

#my_account_content {
  padding: 10px; }

/* TODO: review usage, we might be able to use a general content container */
#my_account_content p {
  margin-left: 0; }

#my_account_content .vlist div.left_column_labels {
  float: left;
  padding-top: .3em;
  width: 14em; }

fieldset {
  padding: 5px 10px 10px 10px;
  border: 1px solid #e0e0e0;
  margin: 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

fieldset legend {
  color: #555;
  font-weight: bold;
  font-family: "Open Sans", sans-serif; }

fieldset.collapsible .fieldset_wrapper {
  overflow: auto; }

fieldset.collapsible legend a {
  padding-left: 14px;
  background: url(/images/bullet_open.gif) no-repeat 2px 4px;
  cursor: pointer; }

fieldset.collapsed {
  border-width: 1px 0 0 0;
  height: 1em; }

fieldset.collapsed legend a {
  background: url(/images/bullet_closed.gif) no-repeat 2px 4px; }

fieldset.collapsed .fieldset_wrapper {
  display: none; }

/* used when there is nothing available */
#col2 .empty_column {
  border-top: 1px #e0e0e0 solid; }

.empty_column {
  border-width: 0;
  padding: 20px 5px 20px 5px;
  background: #f7f7f7;
  color: #595c60;
  text-align: center; }

.vlist div {
  padding: 7px; }
  .vlist div:hover {
    background-color: #f9f9f9; }

.vlist div div {
  border-width: 0;
  padding: 0; }

.vlist_compact div {
  padding: 5px 0; }

.vlist div.vrow div {
  float: left;
  overflow: hidden;
  white-space: nowrap; }

.vlist div.vrow {
  height: 1.8em; }

table.vlist {
  width: 100%; }

table.vlist td {
  margin: 0;
  border-bottom: 1px #e0e0e0 solid;
  padding: 5px; }

table.vlist td div {
  border-width: 0;
  padding: 0; }

.unread {
  font-weight: bold; }

.bulleted {
  position: relative;
  padding-left: 15px; }

td.label {
  vertical-align: top;
  font-weight: normal; }

td i:first-child {
  margin-top: 0px; }

td.right, table.list td.right, th.right, table.list th.right {
  text-align: right;
  float: none; }

/* ckeditor workarounds */
.vlist div .cke {
  border-width: 1px;
  background-color: #fff; }
  .vlist div .cke .cke_contents, .vlist div .cke .cke_inner {
    width: 100%; }

/* used for Messages & Discussions to signify a quotation */
.title {
  font-weight: bold;
  font-size: 15.5px; }

.quote .title {
  color: #000;
  font-weight: bold; }

.quote {
  display: block;
  border-left: 2px solid #00f;
  padding-left: .5em;
  color: #00f; }

.quote .quote {
  border-left-color: #0f0;
  margin-left: -.2em;
  color: #0f0; }

.quote .quote .quote {
  border-left-color: #f00;
  color: #f00; }

/* used for Discussions, Dropbox & Inbox to display & new items */
.count {
  font-size: 12.5px;
  font-weight: bold;
  color: #000; }

a.count:hover, a .count:hover {
  color: #E07D20; }

/* makes a link not look like a link */
a.nolink, a .nolink, .protector_wrapper a {
  color: #000;
  cursor: default; }

/* Likewise, since there is no default a:hover styling, there is no need to explicity override it. */
hr {
  border-width: 0;
  border-top: 1px solid #e0e0e0; }

.vlist_col {
  float: left; }

div.progressBar {
  margin: 15px; }

#progressBar {
  width: 95%;
  height: 7px;
  border: 1px #777 solid;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#progressBar #statusBar {
  display: block;
  height: 7px;
  width: 0;
  background: url(/images/progress_bar.gif);
  border-right: solid 1px #777; }

#progressBar #statusText {
  display: block;
  padding: 0 15px;
  line-height: 25px;
  position: absolute;
  top: 0;
  left: 0; }

.msg_icons {
  display: block;
  float: right;
  margin-left: 10px;
  margin-bottom: -16px; }

.staticon {
  color: #595c60;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 16px; }
  .staticon b {
    font-size: 0;
    color: #fff; }

.stitle {
  color: #555;
  font-weight: bold; }

/*** User Selection ***/
#user_selection {
  width: 12em;
  position: absolute;
  display: none;
  height: 16em;
  overflow: auto;
  background-color: #fff;
  border: 1px solid #e0e0e0; }

#user_selection .user_sel {
  padding: 1px;
  cursor: pointer; }

#user_selection_title {
  padding: 2px;
  color: #555;
  border-bottom: 1px solid #777; }

a.usel_user {
  margin: 2px;
  padding: 10px;
  display: block;
  color: #000; }

a.usel_user:hover, a.usel_user:focus {
  background-color: #777;
  color: #fff; }

/** General **/
.note, .info, .help {
  margin: 3px 0;
  padding: 12px 12px 13px 30px;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .note.v_center, .info.v_center, .help.v_center {
    background-position-y: center; }
  .note.v_multiline, .info.v_multiline, .help.v_multiline {
    background-position-y: 21px; }

.note {
  background: url(/images/icons_svg/warning_d.svg) no-repeat 10px 14px/13.5px #fcfcdd; }

.info {
  background: url(/images/icons_svg/info_d.svg) no-repeat 10px 14px/13.5px #fafafa;
  min-height: 16px; }

.help {
  background: url(/images/icons_svg/help_d.svg) no-repeat 10px 14px/13.5px #f0f0f0;
  min-height: 16px; }

.suborg {
  background: url(/images/icons_svg/suborg_d.svg) no-repeat 0px 1px/25px; }

.post_note {
  background-image: url(/images/icons/comment.png); }

.radio_opt {
  border: 1px solid transparent;
  cursor: pointer;
  margin: 1px 0;
  padding: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.radio_opt_sel, .radio_opt:hover {
  border: 1px solid #e0e0e0;
  background-color: #f0f0f0; }

.dismissible {
  margin: 3px 0;
  padding: 5px 5px 5px 7px;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fcfcdd; }

/* highlighted button */
.primary_button, .ajax_post_form {
  background-color: #00427C;
  color: #fff;
  border-color: transparent; }
  .primary_button:hover, .primary_button:active, .primary_button.active, .ajax_post_form:hover, .ajax_post_form:active, .ajax_post_form.active {
    color: #fff; }
  .primary_button i, .primary_button:hover i, .ajax_post_form i, .ajax_post_form:hover i {
    color: #fff; }

/** 2.2 additions **/
/* This style is used when a comment needs to be made within a table */
table td .comment {
  padding-left: 20px;
  background: url(/images/icons/comment.png) no-repeat top left;
  color: #58B; }

.error_text {
  color: #f00; }

/* old interface attachment image display, todo: remove this once we convert all old attachment display */
.attach_thumbs {
  text-align: center;
  font-size: 11.5px; }

.attach_thumbs .thumbimg {
  margin-right: 10px; }

/* New for 2.4 */
ul.choice_list {
  margin-left: 0;
  padding-left: 5px;
  list-style: none; }

ul.choice_list li {
  cursor: pointer;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px;
  margin: 2px 0; }

ul.choice_list li:hover {
  background-color: #f0f0f0;
  border-color: #e0e0e0; }

ul.choice_list li.selected {
  background-color: #f0f0f0;
  border-color: #e0e0e0;
  font-weight: bold;
  color: #555; }

ul.choice_list li .choice_stub {
  font-weight: normal;
  color: #777;
  padding-left: 24px; }

ul.bullet_go {
  list-style-position: inside;
  list-style-image: url(/images/icons/bullet_go.png); }

/* New for 3.1 */
/* Used for number lists of steps (see Change Organization or Admin Export) */
.step_number {
  position: static;
  top: 0;
  padding: 0 8px;
  font-size: 18px;
  color: #E07D20;
  font-family: "Open Sans", sans-serif; }

table.step {
  margin: 0;
  margin-left: 10px;
  padding: 0;
  border-spacing: 0; }

table.widestep {
  width: 525px; }

table.step table {
  margin: 0;
  border-spacing: 0; }

table.step table td {
  padding: 3px; }

table.step td {
  border: none;
  width: auto;
  vertical-align: top; }

.big_or {
  text-align: center;
  font-size: 20px;
  font-weight: bold; }

.outlined {
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  overflow: auto; }

.accordion_opt {
  border: 1px solid #e0e0e0;
  padding: 5px;
  margin: 5px 0; }

.accordion_title {
  color: #555;
  font-weight: bold;
  cursor: pointer; }

.hover_border {
  cursor: pointer;
  border: 1px solid transparent;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.hover_border:hover, .hover_border.border_on {
  border-color: #e0e0e0; }

.bold_txt {
  font-weight: bold;
  color: #555; }

table.details {
  border-spacing: 0; }

table.details td {
  padding: 4px 5px;
  text-align: left; }

table.details td.label {
  text-align: right; }

table.details td.label:after {
  content: ":"; }

/*
* Used for the search field with clear results button
*/
input.search_icon {
  background-image: url("/images/icons_svg/search_d.svg");
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 14px;
  padding-left: 25px; }
  input.search_icon:focus {
    background-image: url("/images/icons_svg/search_d.svg");
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 14px;
    background-color: #ffd; }

.search_clear {
  display: inline-block;
  width: 16px;
  height: 16px;
  left: -25px;
  position: relative;
  padding: 0;
  visibility: hidden;
  cursor: pointer;
  background: url("/images/icons_svg/clear_d.svg") no-repeat center left/12px;
  text-decoration: none;
  filter: alpha(opacity=60);
  opacity: 0.6;
  zoom: 1; }

table.grid {
  border-top: 1px #e0e0e0 solid;
  border-right: 1px #e0e0e0 solid; }

table.css_grid {
  border-collapse: collapse; }

table.grid th {
  background-color: #fafafa;
  color: #9ca1a6;
  text-align: left;
  font-size: 12.5px; }

table.grid th a {
  text-decoration: none; }

table.grid td, table.grid th {
  border-left: 1px #e0e0e0 solid;
  border-bottom: 1px #e0e0e0 solid;
  vertical-align: middle;
  padding: 15px; }

table.grid {
  border-collapse: collapse;
  background: #fafafa; }
  table.grid tr:nth-child(even) {
    background: #fff; }
  table.grid.no_odd_row_color tr:nth-child(even) {
    background: #fafafa; }

table.col_colors {
  border-top: 1px #e0e0e0 solid;
  border-right: 1px #e0e0e0 solid; }
  table.col_colors th {
    background-color: #fafafa;
    color: #9ca1a6;
    text-align: left;
    font-size: 12.5px; }
  table.col_colors td, table.col_colors th {
    border-left: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
    vertical-align: middle;
    padding: 15px; }

table.nogrid {
  border-width: 0; }

table.nogrid td, table.nogrid th {
  border-width: 0; }

/* so far only used on the signup page */
table.form {
  border-left: solid 1px #E3DED2;
  border-top: solid 1px #E3DED2; }

table.form th {
  background: #E8DFD5; }

table.form td {
  border-right: solid 1px #E3DED2;
  border-bottom: solid 1px #E3DED2; }

.sortable .head_dragable {
  cursor: move; }

.srtbl_line {
  cursor: move;
  padding: 3px;
  margin: 3px;
  border: 1px #e0e0e0 solid; }

.handle {
  cursor: move;
  background-color: #c9cfc0; }

/* style for drag drop organizing (ordering) items */
#slist li {
  cursor: move;
  list-style: none;
  margin: 3px 3px 3px -30px;
  padding: 3px 0 3px 3px;
  border: 1px #e0e0e0 solid; }

#slist > li:hover {
  background-color: #eee; }

#slist > li ul > li:hover {
  background-color: #fff; }

#slist > li ul > li ul > li:hover {
  background-color: #eee; }

#slist > li ul > li ul > li ul > li:hover {
  background-color: #fff; }

/* used for time selection */
#cb_time {
  height: 100px;
  width: 100px;
  overflow: auto; }

/* tooltip styles */
.tooltip {
  position: absolute;
  background-color: #fff;
  border: 1px #e0e0e0 solid;
  padding: 5px;
  display: none; }

.dragtip {
  margin-left: auto;
  margin-right: auto;
  font-size: 9.5px;
  color: #A8ADB1;
  text-align: center;
  overflow: hidden; }

input.pinput {
  padding: 7px 10px 4px;
  background: transparent; }

input.pinput_hover {
  border: 1px #e0e0e0 solid;
  padding: 7px 10px 4px;
  background-color: #ffe; }

input.pinput_focus {
  border: 1px #e0e0e0 solid;
  border-style: inset;
  padding: 7px 10px 4px;
  background-color: #ffe; }

/* provides some default settings to MD_boxes (eg, positioning, z-index, etc) */
.MD_box {
  display: none; }

#MD_box {
  position: absolute;
  display: block;
  z-index: 215; }

#MD_overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 100%; }

#TBLite {
  position: absolute;
  display: block;
  -webkit-box-shadow: 0px 1px 5px #555;
  -moz-box-shadow: 0px 1px 5px #555;
  box-shadow: 0px 1px 5px #555; }

#TBLite_overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 150;
  width: 100%;
  height: 100%; }

.green_txt {
  color: green;
  font-weight: bold; }

.red_txt {
  color: red;
  font-weight: bold; }

.med_txt {
  font-size: 15.5px; }

.login_admin_announcement {
  margin: 0 auto 5px;
  border: 1px #000 solid;
  padding: 5px 12px 5px 25px;
  width: 446px;
  background: url(/images/icons/information.png) no-repeat 5px 0.4em #ffc;
  font-size: 10.5px; }

.signup_admin_announcement {
  margin: 0 50px 10px 20px;
  border: 1px #000 solid;
  padding: 5px 12px 5px 25px;
  background: url(/images/icons/information.png) no-repeat 5px 0.4em #ffc;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000; }

.dashboard_admin_announcement {
  margin: .5em 0 1.5em;
  border: 1px #000 solid;
  border-width: 1px 0;
  padding: 5px 5px 5px 25px;
  background: url(/images/icons/information.png) no-repeat 5px 0.4em #ffc;
  font-size: 11.5px; }

/* only used in roster */
.hilite_err {
  background-color: #fee;
  border: 1px solid #c99; }

/* term schedule */
.ts_box {
  border: 1px solid #e0e0e0;
  padding: 5px;
  margin: 0 5px 5px 0;
  background-color: #f0f0f0; }

.ts_sbox {
  border: 1px solid #e0e0e0;
  padding: 3px;
  margin: 5px 0 0 10px;
  background-color: #fff; }

.code {
  font-family: "Courier New", Courier, monospace;
  font-size: 9.5px; }

/* displayed when a user is masquerading as another user */
.lms_masq_masq {
  position: fixed;
  top: 0;
  left: 0;
  border: 2px solid #c84600;
  width: 0;
  height: 0;
  background-color: #fff; }

#lms_masq_masq {
  width: auto;
  height: auto;
  border-width: 2px;
  padding: 2px;
  font-size: 13px;
  z-index: 10; }

/* displayed when a user is shadowing another user */
.lms_masq {
  position: fixed;
  top: 0;
  left: 0;
  border: 2px solid #4c7b00;
  width: 0;
  height: 0;
  background-color: #fff; }

#lms_masq {
  width: auto;
  height: auto;
  border-width: 2px;
  padding: 2px;
  font-size: 13px;
  z-index: 10; }

#lms_masq_t {
  width: 100%; }

#lms_masq_r {
  height: 100%;
  left: auto;
  right: 0; }

#lms_masq_b {
  width: 100%;
  top: auto;
  bottom: 0; }

#lms_masq_l {
  height: 100%; }

/* the Navbar, attached to the bottom of nearly every screen */
#navbar {
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 1px solid #777;
  width: 100%;
  color: #575553;
  z-index: 15;
  -webkit-box-shadow: 0 -1px 8px #999;
  -moz-box-shadow: 0 -1px 8px #999;
  box-shadow: 0 -1px 8px #999;
  /* When shadowing another user. */
  /* When masqerading as another user. */ }
  #navbar .hsuggest {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    overflow: auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35);
    -moz-box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35);
    box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35); }
    #navbar .hsuggest div {
      padding: 2px 2px 2px 2px;
      cursor: pointer; }
    #navbar .hsuggest div.nothing, #navbar .hsuggest div.nothing div {
      cursor: default; }
    #navbar .hsuggest div:hover {
      background-color: #fff;
      color: #000 !important; }
    #navbar .hsuggest div.selected {
      background-color: #00427C;
      color: #fff; }
    #navbar .hsuggest .h {
      display: none; }
  #navbar.lms_masq_nav {
    border-top: 4px solid #4c7b00; }
    #navbar.lms_masq_nav #navbarowner {
      right: -2px;
      margin-top: -9px;
      border-color: #4c7b00;
      border-width: 3px 3px 0; }
    #navbar.lms_masq_nav #navmenu {
      margin-left: -2px;
      border-top: 2px solid #4c7b00;
      border-right: 2px solid #4c7b00;
      border-left: 2px solid #4c7b00; }
  #navbar.lms_masq_masq_nav {
    border-bottom: 4px solid #c84600;
    padding-left: 3px;
    padding-right: 3px;
    width: 99.5%; }
    #navbar.lms_masq_masq_nav #navbarowner {
      border-color: #c84600;
      border-width: 0 4px 0 0; }
  #navbar #navbarowner {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%); }
  #navbar #navmenu {
    position: fixed;
    bottom: 20px;
    width: 14em;
    z-index: 11;
    border: 1px solid #e0e0e0;
    background: #fff url(/images/navbar_menu_bg.gif) repeat-x left bottom;
    -webkit-box-shadow: 1px -2px 4px #999;
    -moz-box-shadow: 1px -2px 4px #999;
    box-shadow: 1px -2px 4px #999;
    border-radius: 5px 5px 0 0; }
    #navbar #navmenu #navmenu_history > div {
      padding-right: 18px;
      overflow: hidden;
      background: #fff url(/images/icons/resultset_previous.png) no-repeat right center;
      border-radius: 5px 5px 0 0; }
  #navbar #navmenu_history > div > div {
    overflow: hidden;
    white-space: nowrap;
    color: #0f8ab6;
    margin-left: 15px; }
  #navbar #navmenu_head {
    font-weight: bold; }
    #navbar #navmenu_head div {
      cursor: auto; }
    #navbar #navmenu_head hr {
      -webkit-margin-before: 0.05em;
      -webkit-margin-after: 0.05em; }
  #navbar #navmenu_title {
    border: 1px solid #e0e0e0;
    border-width: 1px 0;
    font-size: 15.5px; }
  #navbar #navmenu_search_msg {
    color: #777;
    font-weight: normal; }
  #navbar #navmenu_search {
    width: 85%; }
  #navbar #navmenu_to_update {
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
    cursor: default; }
    #navbar #navmenu_to_update div:hover, #navbar #navmenu_to_update div.selected {
      color: #fff !important; }
    #navbar #navmenu_to_update > div {
      overflow: hidden;
      white-space: nowrap; }
      #navbar #navmenu_to_update > div.navbar_msg {
        white-space: normal; }
      #navbar #navmenu_to_update > div.hr, #navbar #navmenu_to_update > div.hr:hover {
        padding: 2px 3px 2px;
        background: #eee;
        color: #666 !important;
        font-size: 11.5px; }
      #navbar #navmenu_to_update > div.bicon {
        float: none;
        padding-left: 25px; }
  #navbar > ul {
    margin: 0;
    border: none;
    padding: 0;
    background: #F1F1F1;
    font-size: 15.5px; }
    #navbar > ul li {
      float: left;
      margin: 0;
      padding: 10px 20px;
      list-style: none;
      cursor: pointer;
      color: #575553; }
      #navbar > ul li:hover {
        background-color: #00427C;
        color: #fff; }
      #navbar > ul li i {
        padding-left: 5px;
        font-size: 8px;
        color: #a8adb1; }

/* Menu list css */
.list_separator {
  padding: 2px 3px 2px;
  background: #eee;
  color: #666;
  font-size: 11.5px; }

.uppercase {
  text-transform: uppercase; }

.resource-font {
  font-size: 18px;
  color: #00427C; }

.resource-detail {
  font-size: 11.5px;
  font-weight: bold; }

.resource-thumbnail {
  height: 97px;
  widows: 97px;
  padding: 5px 20px 5px 20px;
  vertical-align: top; }

.resource {
  height: 160px;
  width: 890px;
  padding: 20px; }

.resource-btn {
  padding: 13px 16px 6px;
  margin: 2px;
  min-height: 22px;
  color: #2f3338;
  font-size: 14.5px; }
  .resource-btn span {
    color: #2aabd9; }
  .resource-btn i {
    font-size: 11.5px;
    color: #a8adb1;
    padding-left: 5px; }

.resource-list {
  border-radius: 0px;
  overflow: auto;
  border-width: 1px;
  border-color: #e0e0e0;
  border-style: solid;
  padding: 5px;
  border-top: none; }

.clickbl {
  cursor: pointer; }

.hover_fade:hover {
  opacity: 0.5; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.loading {
  visibility: hidden; }

.outline {
  border-width: 1px; }

.smallcaps {
  font-variant: small-caps; }

/* add padding to things */
.margintop {
  margin-top: 3px; }

.padtb {
  padding: 5px 0; }

.pad2 {
  padding: 2px; }

.pad3 {
  padding: 3px; }

.pad7 {
  padding: 7px; }

.pad_ten {
  padding: 10px; }

.nowrap {
  white-space: nowrap; }

/* Style for sbutton with icon */
.iicon {
  background-repeat: no-repeat;
  background-position: 5px 2px;
  padding: 4px 5px 1px 25px; }

.bicon {
  background-repeat: no-repeat;
  background-position: 5px center;
  float: left;
  padding: 4px 5px 1px 25px;
  min-height: 14px; }

input.bicon, input.bicon:hover {
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding: 2px 20px 2px 25px;
  float: none; }

.bno_icon {
  padding-left: 5px; }

i {
  color: #595c60; }

/* drop down menu */
#dmenu {
  z-index: 1006; }

.dmenu {
  font-family: "Open Sans", sans-serif;
  position: absolute;
  border: 1px #e0e0e0 solid;
  background-color: #fff;
  cursor: pointer;
  z-index: 5;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35);
  -moz-box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35);
  box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35);
  /* the .holder class is used for items (like a div) that is within a .dmenu but not intended to be visible to end users (e.g. for use by JavaScript) */ }
  .dmenu table {
    border-collapse: collapse; }
  .dmenu a {
    display: block; }
  .dmenu div, .dmenu tr, .dmenu a {
    color: #333; }
  .dmenu div, .dmenu th, .dmenu td, .dmenu a {
    padding: 3px;
    font-weight: normal; }
  .dmenu .dmoption:hover, .dmenu .dmoption:hover a, .dmenu ul.select2-results li.select2-highlighted, .dmenu .dmoption:hover i {
    background-color: #00427C;
    color: #fff; }
  .dmenu i.on {
    color: #fff; }
  .dmenu .holder {
    padding: 0; }
  .dmenu .b {
    font-weight: bold; }
  .dmenu hr {
    height: 0;
    margin: 2px 0;
    border: 0 #e0e0e0 solid;
    border-top-width: 1px; }
  .dmenu .selected {
    padding-left: 25px;
    background-image: url(/images/icons_svg/checkmark_g.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 3px 3px; }
  .dmenu .not_selected {
    padding-left: 25px; }
  .dmenu .dmoption {
    padding: 8px 15px 6px 25px;
    float: none;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 14px; }
    .dmenu .dmoption i {
      margin: 0 2px 0 -19px;
      color: #aaa; }
      .dmenu .dmoption i.on {
        color: #d85e1c; }
      .dmenu .dmoption i.icon-analytics {
        margin-right: 5px; }
  .dmenu .hr {
    margin-top: -1px;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px 0;
    padding: 2px 3px 2px;
    background: #eee;
    color: #555;
    font-size: 11.5px; }
  .dmenu .bno_icon {
    padding-left: 3px; }

.dmenu.mobile .dmoption {
  padding: 10px 15px 10px 30px;
  background-position: 10px 10px; }
.dmenu.mobile .bno_icon {
  padding-left: 10px; }

.dmenu.nav {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: none;
  border: none;
  background-color: #00427C; }
  .dmenu.nav div, .dmenu.nav tr, .dmenu.nav a {
    color: #fff; }
  .dmenu.nav .hover, .dmenu.nav .dmoption:hover, .dmenu.nav .dmoption:hover a {
    background-color: #006bc9;
    color: #fff; }
  .dmenu.nav hr {
    height: 1px;
    opacity: 0.5;
    color: #00427C;
    margin: 0px; }
  .dmenu.nav .dmoption {
    padding: 15px;
    float: none;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 5px center; }

.dmenu.dmenu-toplinks {
  background-color: #00427C !important; }
  .dmenu.dmenu-toplinks div, .dmenu.dmenu-toplinks tr, .dmenu.dmenu-toplinks a {
    color: #fff !important; }
  .dmenu.dmenu-toplinks .hover, .dmenu.dmenu-toplinks .dmoption:hover, .dmenu.dmenu-toplinks .dmoption:hover a {
    color: #fff !important;
    background-color: #00275B !important; }

/* Auto-complete search results (e.g. switching between Peer Review WikiSites in preview mode) */
.hsuggest {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  overflow: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35);
  -moz-box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35);
  box-shadow: 2px 2px 3px rgba(41, 41, 41, 0.35); }
  .hsuggest div {
    padding: 2px 15px 10px 15px;
    cursor: pointer; }
  .hsuggest div.nothing, .hsuggest div.nothing div {
    cursor: default; }
  .hsuggest div:hover, .hsuggest div.selected, .hsuggest div.selected > .detail {
    background-color: #00427C;
    color: #fff; }
  .hsuggest .h {
    display: none; }
  .hsuggest .t {
    display: inline-block;
    padding: 9px 0 0 5px; }

.hover {
  cursor: pointer;
  background-color: #00427C;
  color: #fff; }

table.form_nogrid td {
  padding: 0 10px 10px 0; }

.a {
  cursor: pointer; }

.super {
  vertical-align: super;
  font-size: 10.5px; }

/* The following are used to style offical announcements from haiku */
.official_announcement {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  z-index: 2;
  left: -1em;
  width: 100%;
  padding-right: 18px;
  color: white; }
  .official_announcement a {
    text-decoration: underline;
    color: white; }
  .official_announcement i.icon-close {
    padding-left: 5px;
    color: white; }

.official_announcement_about_downtime, #login_view .official_announcement_about_downtime, #login_google .official_announcement_about_downtime {
  background: #006d94; }

.official_announcement_about_class_feature, #login_view .official_announcement_about_class_feature, #login_google .official_announcement_about_class_feature {
  background: #fafafa;
  color: #2f3338; }
  .official_announcement_about_class_feature a, #login_view .official_announcement_about_class_feature a, #login_google .official_announcement_about_class_feature a {
    text-decoration: underline;
    color: #006d94; }

.official_announcement_about_browser, #login_view .official_announcement_about_browser, #login_google .official_announcement_about_browser {
  background: #006d94; }

div.official_announcement_hide_link, #login_view div.official_announcement_hide_link, #login_google div.official_announcement_hide_link {
  float: right;
  cursor: pointer; }
  div.official_announcement_hide_link a, #login_view div.official_announcement_hide_link a, #login_google div.official_announcement_hide_link a {
    text-decoration: none;
    color: white; }
  div.official_announcement_hide_link a.notice_close_button, #login_view div.official_announcement_hide_link a.notice_close_button, #login_google div.official_announcement_hide_link a.notice_close_button {
    display: inline-block;
    margin: 0 5px;
    border-width: 0;
    padding: 0;
    background: #fff url(/images/delete.gif) no-repeat top left;
    width: 16px;
    height: 16px;
    cursor: pointer;
    text-decoration: none;
    filter: alpha(opacity=60);
    opacity: 0.6; }

/* Use this on the parent container instead of <br style="clear:both"> especially if you run into IE weirdness */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

img.clickbl {
  padding: 2px; }

table.nobo td {
  border-width: 0; }

.pct_bg {
  background-color: #fff;
  border: 1px solid #777;
  float: left; }

.pct_bar {
  background-color: #aaa; }

.check_detail {
  padding-left: 30px; }

p input, p textarea, p select {
  margin-top: 2px; }

.b {
  font-weight: bold; }

table.hspacing td {
  padding-right: 10px; }

table.cell_hover td:hover {
  background-color: #fafafa; }

form {
  margin: 0; }

/* IE adds margin on form which makes it ugly */
.progress_bar {
  width: 80px;
  height: 7px;
  border: 1px solid #e0e0e0;
  padding: 0;
  margin: 0;
  position: relative;
  background-image: url("/images/progress_bar.gif");
  background-repeat: repeat-x; }

.progress_bar div {
  background-color: #fff; }

#tb_attachments .tb_attach {
  padding: 4px;
  border-bottom: 1px solid #e0e0e0; }

#tb_attachments .tb_attach:hover {
  background-color: #f0ffdf; }

/* this is to style the swf upload flash button */
.swfupload {
  padding: 2px 4px;
  margin-right: 5px;
  border-width: 1px;
  background-color: #ECECEC;
  border-color: #e0e0e0;
  border-style: solid;
  text-decoration: none;
  font-weight: normal;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.swfupload:hover {
  background-color: #fff7df; }

/* Used for images and, more specifically, image captions. in ckeditor? */
.image {
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 0 0 1px;
  display: block; }

.image img {
  width: 100%; }

.image_caption {
  display: block;
  border: none; }

/* Used in protectCKeditor (from application.js) to hide textarea elements while CKEditor loads */
.ckeditor_wrapper {
  background: url(/images/loading.gif) no-repeat center center; }

.ckeditor_wrapper > .ckeditor_wrapper {
  visibility: hidden; }

.table {
  display: table;
  width: 100%; }

.row {
  display: table-row; }

.cell {
  display: table-cell;
  vertical-align: top;
  padding: 3px; }

.medium-grey {
  color: #9ca1a6; }

/* Used for the title of a WikiSite */
#wiki_title {
  border-bottom: 1px solid #e0e0e0;
  color: #555;
  -webkit-box-shadow: 0 1px 3px #bbb;
  -moz-box-shadow: 0 1px 3px #bbb;
  box-shadow: 0 1px 3px #bbb;
  padding: 7px;
  background: #fff; }

/* Used for Comments associated with a CmsPage */
/* The Comments button that appears near the Page title on a CmsPage with comments */
#pgtitle .cmt_button, #page_comments_list .cmt_button {
  margin: -5px 0 0 14px;
  padding: 2px 4px;
  min-height: 14px;
  font-size: 9.5px;
  border: solid 1px #e0e0e0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #595c60;
  background-image: linear-gradient(to top, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.05) 0%, rgba(46, 46, 46, 0) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0D505050', EndColorStr='#002E2E2E', GradientType=0);
  background-color: #fff;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  #pgtitle .cmt_button:hover, #page_comments_list .cmt_button:hover {
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26505050', EndColorStr='#0D969696', GradientType=0);
    color: #2f3338; }
    #pgtitle .cmt_button:hover i, #page_comments_list .cmt_button:hover i {
      color: #2f3338; }
  #pgtitle .cmt_button:active, #pgtitle .cmt_button.active, #page_comments_list .cmt_button:active, #page_comments_list .cmt_button.active {
    background-image: linear-gradient(to top, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    background-image: -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.15) 0%, rgba(150, 150, 150, 0.05) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26505050', EndColorStr='#0D969696', GradientType=0);
    color: #2f3338; }
    #pgtitle .cmt_button:active i, #pgtitle .cmt_button.active i, #page_comments_list .cmt_button:active i, #page_comments_list .cmt_button.active i {
      color: #2f3338; }
  #pgtitle .cmt_button i, #page_comments_list .cmt_button i {
    vertical-align: text-top; }

#page_comments_list .cmt_button {
  font-size: 12.5px; }

#pgtitle {
  margin-right: 220px; }
  #pgtitle .sbutton {
    line-height: 0px; }

/* Used for the TBLite for writing Comments */
#TBLite.page_comments_writer {
  bottom: -1px;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0; }

/* Used for the list of current Comments, display at the bottom of a Page */
#page_comments_list {
  float: left;
  width: 100%;
  /*todo: Once we have changed all of the bullets to use the new icons, this can be removed */ }
  #page_comments_list > div {
    margin: 0;
    background: #fff; }
    #page_comments_list > div > span {
      display: block; }
    #page_comments_list > div > div.comments_loading {
      position: relative;
      background: transparent;
      min-height: 150px; }
      #page_comments_list > div > div.comments_loading > div {
        position: absolute;
        width: 100%;
        height: 150px;
        background: url(/images/loading.gif) no-repeat center center transparent; }
  #page_comments_list table.list .comment_head {
    width: 30px;
    padding: 5px 3px;
    text-align: center;
    vertical-align: top; }
  #page_comments_list .comment_head > img {
    margin-bottom: 5px; }
  #page_comments_list p {
    margin: 0 0 1em; }
  #page_comments_list .bullet_closed, #page_comments_list .bullet_open {
    background: none;
    top: 8px;
    color: #a8adb1;
    font-size: 9.5px; }
  #page_comments_list .bullet_closed i:before {
    content: ""; }
  #page_comments_list .bullet_open i:before {
    content: ""; }

/* Used for hidde Discussion Posts & Comments */
.post_body_hidden p {
  text-align: center; }
.post_body_hidden fieldset, .post_body_hidden fieldset p {
  text-align: inherit; }

.static_bullets span.bullet, .static_bullets span.bullet_open, .static_bullets span.bullet_closed {
  position: static;
  background-position: 0 0; }

/* new discussion interface */
#dsc_v2 {
  background: #fff;
  color: #2f3338; }

#thread_list {
  display: table;
  width: 100%;
  background: #fff; }
  #thread_list .body {
    color: #777;
    overflow: hidden;
    height: 1.3em;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px; }
  #thread_list .avatar.first, #thread_list .content.first {
    border-top: 1px solid #e0e0e0; }

#thread_list_scroller {
  float: left;
  height: 400px;
  width: 340px; }

#thread_view {
  overflow: auto;
  background: #fff;
  display: inline-block;
  padding-left: 10px; }
  #thread_view .replyto {
    color: #777;
    padding: 3px 0; }

#thread_list .name, #thread_view .name {
  font-weight: bold;
  color: #555; }

#tb_scroll_for_more {
  text-align: center;
  color: #777;
  width: 340px; }

.thread_item .avatar {
  border-bottom: 1px solid #e0e0e0;
  width: 40px; }
.thread_item .content {
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 0 1px 1px 0; }

.default-border {
  border: 1px solid #e0e0e0; }

.thread_item .content {
  background-color: #f2f2f2; }
.thread_item .content:hover {
  cursor: pointer;
  background-color: #f0ffdf; }
.thread_item.selected .content {
  border-right: 0;
  background-color: #fff; }

.dsc_post .subject {
  font-weight: bold;
  color: #2f3338; }
.dsc_post .avatar {
  border-top: 1px solid #e0e0e0;
  width: 50px; }
.dsc_post .content {
  border-top: 1px solid #e0e0e0; }
.dsc_post.post_unread2 .content {
  background: #f2fff1; }
.dsc_post.post_unread2 .avatar {
  background: #f2fff1;
  border-left: 2px solid #777; }
.dsc_post.dsc_top_post .content, .dsc_post.dsc_top_post .avatar {
  border: 0; }

#dsc_edit_post_body {
  width: 97%;
  margin-left: 2px; }

.dsc_reply_indicator {
  color: #555; }

.post_hidden {
  background-color: #eee;
  opacity: 0.5; }

#hbalon {
  position: absolute;
  overflow: auto;
  padding: 5px;
  background-color: #555;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 4px rgba(73, 73, 73, 0.79);
  -moz-box-shadow: 2px 2px 4px rgba(73, 73, 73, 0.79);
  box-shadow: 2px 2px 4px rgba(73, 73, 73, 0.79); }
  #hbalon a {
    color: #fff;
    text-decoration: underline; }
  #hbalon .hkhelp {
    margin: 0;
    padding: 8px;
    color: #2f3338;
    background: #fff; }
    #hbalon .hkhelp a {
      color: #0f8ab6; }
    #hbalon .hkhelp .help_nav {
      text-align: right; }
    #hbalon .hkhelp .sbutton {
      font-size: 15.5px; }
  #hbalon .user-popover {
    margin: 0;
    padding: 8px;
    color: #2f3338;
    background: #fff; }
    #hbalon .user-popover a {
      color: #0f8ab6;
      text-decoration: none; }
  #hbalon .gradebook-entry-popover {
    margin: 0;
    padding: 8px;
    color: #2f3338;
    background: #fff; }
    #hbalon .gradebook-entry-popover a {
      color: #0f8ab6;
      text-decoration: none; }

#hbalon_foc {
  position: absolute;
  border: 5px solid #ee0; }

#hbalon_arrow {
  position: absolute;
  height: 10px;
  width: 20px;
  background: url(/images/balon_arw.png) no-repeat; }

#hbalon_arrow_up {
  position: absolute;
  height: 10px;
  width: 20px;
  background: url(/images/balon_arw_up.png) no-repeat; }

.hbalon_body {
  background: #fff;
  color: #000;
  overflow: auto;
  padding: 7px;
  margin: -2px; }

/* used in Pages or any sidebar navigation */
ul.sidebar_nav {
  margin: 0;
  padding: 0;
  clear: both;
  background: #FAFAFA; }
  ul.sidebar_nav li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
    border-top: 1px solid #ddd;
    /*todo: Once we have changed all of the bullets to use the new icons, this can be removed */ }
    ul.sidebar_nav li.first {
      border-top: 0; }
    ul.sidebar_nav li div {
      overflow: hidden;
      word-wrap: break-word; }
      ul.sidebar_nav li div:hover {
        background: whitesmoke; }
      ul.sidebar_nav li div.selected {
        background: #FFF; }
        ul.sidebar_nav li div.selected:hover {
          background: #FFF; }
      ul.sidebar_nav li div img {
        padding: 8px; }
    ul.sidebar_nav li span {
      top: 0;
      left: 0;
      display: block;
      width: 0;
      height: 14px;
      overflow: visible;
      padding: 12px 15px 12px 5px;
      font-size: inherit; }
    ul.sidebar_nav li .bullet_closed, ul.sidebar_nav li .bullet_open {
      background: none;
      color: #a8adb1;
      font-size: 9.5px; }
    ul.sidebar_nav li .bullet_closed i:before {
      content: ""; }
    ul.sidebar_nav li .bullet_open i:before {
      content: ""; }
    ul.sidebar_nav li a {
      text-decoration: none;
      color: #2f3338; }
      ul.sidebar_nav li a.nav, ul.sidebar_nav li a.tlink {
        padding: 10px;
        padding-left: 20px;
        display: block; }
    ul.sidebar_nav li a.ibutton {
      padding: 10px;
      color: #595c60; }
      ul.sidebar_nav li a.ibutton:hover {
        color: #2f3338; }
  ul.sidebar_nav ul {
    margin: 0;
    padding: 0;
    background: #FAFAFA; }
    ul.sidebar_nav ul li {
      margin: 0 0 0 10px; }

.pagetitle {
  padding-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  color: #d85e1c;
  font-size: 27px;
  font-weight: normal; }

.pagetitle_inplace_edit {
  border: 1px transparent solid;
  padding: 1px; }

.pagetitle_inplace_edit_hover {
  border: 1px #e0e0e0 solid;
  background-color: #ffe; }

/* Used in the Portal to show the list of class filters */
.eclass_list h4 {
  color: #000;
  font-size: 1em; }
.eclass_list ul {
  margin: 0;
  padding: 0;
  clear: both;
  border-top: 1px solid #e0e0e0; }
  .eclass_list ul li {
    position: relative;
    padding: 5px 0;
    list-style: none; }
    .eclass_list ul li div a {
      color: #2f3338; }
    .eclass_list ul li:not(:last-child) {
      border-bottom: 1px solid #e0e0e0; }
    .eclass_list ul li .filter {
      margin-right: 9px;
      margin-top: 4px;
      cursor: pointer; }
    .eclass_list ul li:hover {
      background-color: #fafafa; }

#dmenu .filter {
  float: left;
  margin: 0 5px 0 2px;
  padding: 0;
  width: 13px;
  font-size: 9.5px;
  overflow: hidden;
  text-indent: 50px; }

#dmenu .filter_picker {
  margin-bottom: 2px; }

#dmenu .filter_picker .filter {
  float: left;
  margin: 1px;
  padding: 3px;
  width: 13px; }

#dmenu .filter_picker .selected, #dmenu .filter_picker .filter:hover, #dmenu .hover .filter {
  border-color: #000;
  background-image: none; }

#dmenu .filter_picker .selected {
  cursor: auto; }

#dmenu .filter_picker br {
  clear: left; }

.eclass_filter:hover {
  text-decoration: none; }

.event_dot {
  float: left;
  width: 0px;
  margin: 2px 4px 0 0;
  border: 1px solid #555;
  padding: 4px;
  background-color: #555;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.filter {
  padding: 1px 4px;
  background-color: #555;
  border: 1px solid #555;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.filter a {
  color: #fff; }

.filter_no_text .filter {
  width: 7px;
  font-size: 9.5px;
  overflow: hidden;
  text-indent: 50px; }

.filter_off .eclass_filter, .filter_off .cldr_filter {
  background-color: #fff; }

.cday .event_no_marketplace {
  background-color: #279127;
  border-color: #279127; }

.calcontent#caltwocol {
  padding-right: 20px; }
  .calcontent#caltwocol #cms_page_header.calheader {
    padding: 5px 5px 15px; }
.calcontent#widecol .calheader {
  padding-bottom: 5px; }
  .calcontent#widecol .calheader #tpgtitle {
    padding: 0; }

.event a {
  color: #000;
  font-size: .85em; }

.event a.event_time {
  float: right;
  color: #777; }

/* red */
.filter_0 {
  background-color: #e34b4b;
  border-color: #e34b4b; }

.filter_off .filter_0, .filter_off .filter_0 a {
  color: #de3838; }

.cday .event_0 a {
  color: #e34b4b; }

.border_color_0 {
  border-color: #e34b4b; }

/* orange */
.filter_1 {
  background-color: #f5904c;
  border-color: #f5904c; }

.filter_off .filter_1, .filter_off .filter_1 a {
  color: #f5904c; }

.cday .event_1 a {
  color: #f5904c; }

.border_color_1 {
  border-color: #f5904c; }

/* yellow */
.filter_2 {
  background-color: #d1c134;
  border-color: #d1c134; }

.filter_off .filter_2, .filter_off .filter_2 a {
  color: #d1c134; }

.cday .event_2 a {
  color: #d1c134; }

.border_color_2 {
  border-color: #d1c134; }

/* green */
.filter_3 {
  background-color: #519951;
  border-color: #519951; }

.filter_off .filter_3, .filter_off .filter_3 a {
  color: #279127; }

.cday .event_3 a {
  color: #279127; }

.border_color_3 {
  border-color: #519951; }

/* blue */
.filter_4 {
  background-color: #517b91;
  border-color: #517b91; }

.filter_off .filter_4, .filter_off .filter_4 a {
  color: #517b91; }

.cday .event_4 a {
  color: #517b91; }

.border_color_4 {
  border-color: #517b91; }

/* purple */
.filter_5 {
  background-color: #9442a1;
  border-color: #9442a1; }

.filter_off .filter_5, .filter_off .filter_5 a {
  color: #9232a1; }

.cday .event_5 a {
  color: #9232a1; }

.border_color_5 {
  border-color: #9442a1; }

/* red 2 */
.filter_6 {
  background-color: #d16f9e;
  border-color: #d16f9e; }

.filter_off .filter_6, .filter_off .filter_6 a {
  color: #d16f9e; }

.cday .event_6 a {
  color: #d16f9e; }

.border_color_6 {
  border-color: #d16f9e; }

/* orange 2 */
.filter_7 {
  background-color: #8c705e;
  border-color: #8c705e; }

.filter_off .filter_7, .filter_off .filter_7 a {
  color: #8c705e; }

.cday .event_7 a {
  color: #8c705e; }

.border_color_7 {
  border-color: #8c705e; }

/* yellow 2 */
.filter_8 {
  background-color: #b8934d;
  border-color: #b8934d; }

.filter_off .filter_8, .filter_off .filter_8 a {
  color: #b8934d; }

.cday .event_8 a {
  color: #b8934d; }

.border_color_8 {
  border-color: #b8934d; }

/* green 2 */
.filter_9 {
  background-color: #8fab6a;
  border-color: #8fab6a; }

.filter_off .filter_9, .filter_off .filter_9 a {
  color: #8fab6a; }

.cday .event_9 a {
  color: #8fab6a; }

.border_color_9 {
  border-color: #8fab6a; }

/* blue 2 */
.filter_10 {
  background-color: #7da1b5;
  border-color: #7da1b5; }

.filter_off .filter_10, .filter_off .filter_10 a {
  color: #7da1b5; }

.cday .event_10 a {
  color: #7da1b5; }

.border_color_10 {
  border-color: #7da1b5; }

/* purple 2 */
.filter_11 {
  background-color: #887aa3;
  border-color: #887aa3; }

.filter_off .filter_11, .filter_off .filter_11 a {
  color: #887aa3; }

.cday .event_11 a {
  color: #887aa3; }

.border_color_11 {
  border-color: #887aa3; }

.filter_tgl {
  float: left;
  margin: 2px 2px;
  border-width: 1px;
  border-color: #e0e0e0;
  padding: 0px;
  width: 15px;
  height: 15px;
  background: #fff url(/images/icons_svg/checkmark_d.svg) no-repeat 0 0;
  background-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.filter_off .filter_tgl {
  background-image: url(/images/icons_svg/checkmark_l.svg);
  background-size: 15px; }

.eclass_list .eclass_filter, .eclass_list .cldr_filter {
  float: left;
  margin-left: 3px;
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  top: 4px;
  position: relative;
  text-overflow: ellipsis; }

/** group editing, used in section editing on domain admin too **/
#tb_grp_lst div.dsc_group {
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-right: none;
  cursor: pointer; }

#tb_grp_lst div.dsc_group:hover {
  background-color: #f0f0f0;
  border-right: 1px solid #e0e0e0; }

#tb_grp_lst div.selected, #tb_grp_lst div.selected:hover {
  background-color: #f0f0f0;
  border-right: none; }

.group_prv_box {
  width: 10em;
  float: left;
  padding: 4px;
  border: 1px solid #e0e0e0;
  margin: 4px; }

.group_prv_title {
  color: #555;
  font-weight: bold; }

.group_prv_user {
  font-size: 11.5px; }

#tb_grp_content {
  border: 1px solid #e0e0e0;
  background-color: #f0f0f0; }

/* A two-column layout for use within thickboxes */
/* used when reading discussions & in the Embed the Web Widget wizard */
#tb_col1 {
  position: absolute;
  width: 155px;
  border: solid 1px #e0e0e0;
  overflow: auto; }

#tb_col1_btn {
  position: absolute;
  margin-left: 155px; }

#tb_col2 {
  padding-left: 170px; }

#tb_col1.collapsible {
  width: 145px; }

.section {
  margin-top: 1em;
  margin-bottom: 1em; }

/* ---------- Sticker styling ------------------- */
/* used when doing a Manage Roster > "Sync With Source" on a class with linked roster sections */
.sticker {
  display: inline-block;
  padding: 2px 4px;
  color: #fff;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #006d94;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .sticker:empty {
    display: none; }

.sticker-success {
  background-color: #4c7b00; }

/* ----------Message styling ------------------- */
span.recipient {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd; }

.recipient {
  float: left;
  margin: .2em .5em 0 0; }
  .recipient span {
    display: block;
    white-space: nowrap;
    padding: 10px 5px 10px 10px; }

.hide {
  display: none; }

.or {
  position: absolute;
  background-color: #ef7634;
  padding: 1.5em;
  border-radius: 400px;
  color: white; }

.dmenu a.hidden {
  display: none; }

.hidden {
  display: none; }

#ajax_msg {
  position: absolute;
  top: 0;
  z-index: 900;
  left: 50%;
  width: 400px;
  margin-left: -200px; }

#TB_window #tb_ajax_msg {
  width: 400px;
  margin-left: -200px;
  top: -25px;
  left: 50%;
  padding: 0; }

#about-me {
  border: 1px transparent solid;
  padding: 1px;
  width: 50%;
  float: left;
  -webkit-margin-before: 0; }
  #about-me:hover {
    border: 1px #e0e0e0 solid;
    background-color: #ffe; }
  #about-me .empty-about {
    color: #999;
    font-style: italic; }
  #about-me .inplace_field {
    width: 100%;
    padding-right: 0px; }

.tb-controls {
  float: right;
  display: block;
  height: 50px;
  margin-bottom: -78px; }

.invisible {
  visibility: hidden; }

.out-of-sight-and-space {
  visibility: hidden !important;
  position: absolute !important;
  top: 0 !important; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#google_drive_files_list .no_border_bottom {
  border-bottom: 0; }
#google_drive_files_list .no_border_top {
  border-top: 0; }
#google_drive_files_list table {
  width: 100%; }
#google_drive_files_list thead .document_name {
  vertical-align: initial;
  vertical-align: middle;
  text-align: center;
  width: 450px; }
#google_drive_files_list thead .share_mode {
  border-bottom: 0;
  text-align: center; }
#google_drive_files_list thead .permission_type {
  border-top: 0;
  text-align: center; }
#google_drive_files_list tbody .google_file_icon {
  padding-right: 1em;
  vertical-align: top;
  padding-top: 1px; }
#google_drive_files_list tbody .permission {
  text-align: center; }

.tb_action_bar {
  display: inline-block;
  position: relative;
  top: -14px;
  left: 10px; }

.tb_reload_spin {
  display: inline-block;
  position: relative;
  top: -19px;
  left: -35px; }

.filter-class-hidden {
  display: none; }

select::-ms-expand {
  display: none; }

#tb_add_method ul > li > span {
  padding-right: 1em;
  top: 2px;
  position: relative; }

#google_drive_picker .google_icon {
  padding-right: 1em;
  position: relative;
  top: 3px; }
#google_drive_picker #tb_shared_opt2 {
  margin-top: 1em; }
#google_drive_picker #gdoc_selected {
  padding: 1em; }

.dataTables_wrapper {
  display: inline-block;
  width: 100%; }

.eportfoliobutton {
  position: relative;
  top: 6px;
  right: 5px;
  text-transform: none; }

#cc_recent_imports {
  margin-bottom: 20px;
  margin-top: 20px; }

#tpgtitle {
  padding-bottom: 10px; }

.comment_on_CmsPage_count {
  margin-left: 10px; }
  .comment_on_CmsPage_count i {
    color: #6d9323; }

.recent_imports {
  border-top: 1px #e0e0e0 solid; }

.portfolio_search_bar {
  padding: 12px 15px 0;
  height: 30px;
  margin: 0;
  cursor: pointer; }
  .portfolio_search_bar i {
    font-size: 14px;
    color: #595c60;
    padding-right: 5px; }
  .portfolio_search_bar a {
    font-size: 16px;
    text-decoration: none;
    color: #00427C;
    white-space: nowrap; }
  .portfolio_search_bar.selected, .portfolio_search_bar:hover, .portfolio_search_bar.active, .portfolio_search_bar:active {
    background: #00427C;
    color: #fff; }
    .portfolio_search_bar.selected a, .portfolio_search_bar.selected i, .portfolio_search_bar:hover a, .portfolio_search_bar:hover i, .portfolio_search_bar.active a, .portfolio_search_bar.active i, .portfolio_search_bar:active a, .portfolio_search_bar:active i {
      color: #fff; }

#dmenu .search_eportfolios_field_hs {
  padding: 0px; }
  #dmenu .search_eportfolios_field_hs div {
    padding: 15px; }
    #dmenu .search_eportfolios_field_hs div .h {
      display: none; }
#dmenu .more_eportfolios, #dmenu .no_eportfolios {
  padding: 15px;
  cursor: default; }

table.video_encoding_table.list td {
  padding: 10px 15px 15px 5px; }

#md_close_button {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: white;
  padding: 10px;
  border-radius: 30px;
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3); }
  #md_close_button input {
    padding: 0px;
    margin: 0px;
    min-height: 0px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    z-index: 2;
    position: relative;
    border: none;
    font-size: 0px;
    background: url(/images/icons_svg/close_d.svg) top/16px no-repeat; }
  #md_close_button input:hover {
    background: url(/images/icons_svg/close_ced1d4.svg) top/16px no-repeat; }
  #md_close_button:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #fff;
    right: 10px; }

.slide_right {
  background: #f7f7f7;
  height: 100%;
  z-index: 103;
  position: fixed;
  top: 0;
  right: -1000px;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3); }

.colpick {
  z-index: 999; }

.colpick input {
  background-image: none;
  padding: initial;
  border-style: initial; }

.colpick_hex .colpick_submit {
  width: 63px; }

.colpick_hex {
  width: 237px; }

.colpick_hue {
  left: 180px; }

#tb_attach_buttons_holder {
  margin-bottom: 2em; }

i.icon-svg-unpublish {
  width: 16px;
  height: 16px;
  background: url(/images/icons_svg/publish_cross_d.svg) top/16px no-repeat;
  position: relative;
  margin-top: -1px;
  top: 1px;
  display: inline-block; }

#header {
  background-color: #fff; }
  #header .links {
    padding: 0;
    z-index: 2; }
    #header .links tr {
      vertical-align: middle; }

#col1, #col2 {
  position: static;
  padding: 0 1.5em 1.5em 0;
  margin: 0;
  border: solid 1px #ccc; }

#col1 {
  display: block;
  margin-left: 1%;
  width: 77.5%;
  background-image: none; }

#col2 {
  display: block;
  float: right;
  width: 19% !important;
  margin-right: 1%;
  padding-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

#dashboard {
  background-color: #fff;
  padding-bottom: 10px; }
  #dashboard .head {
    padding-bottom: 0; }
  #dashboard #col1, #dashboard #col2 {
    position: static;
    padding: 0;
    padding-bottom: 1.5em;
    margin: 0; }
  #dashboard #col1 {
    float: left;
    display: inline;
    margin-left: 1%;
    width: 77.5%;
    background-image: none;
    border: 0; }
  #dashboard #col2 {
    float: right;
    width: 19% !important;
    display: inline;
    margin-top: 1%;
    margin-right: 1%;
    padding: 1em 0 0;
    -webkit-box-shadow: 0 0 5px #E2E2E2;
    -moz-box-shadow: 0 0 5px #E2E2E2;
    box-shadow: 0 0 5px #E2E2E2; }
    #dashboard #col2 h3 {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 0;
      margin-left: 12px; }
    #dashboard #col2 p {
      padding: 0 12px; }
    #dashboard #col2 .haiku p {
      margin: 1em 0 -.75em; }
    #dashboard #col2 .haiku p.haiku_author {
      margin: 1.25em 0 1em;
      text-align: right;
      font-size: 13px;
      font-style: italic; }
  #dashboard #dashboard_list > .eclass > .right > li {
    float: left !important;
    list-style-type: none;
    top: 16px;
    position: relative;
    left: -1em; }

.haiku_of_the_day {
  background: white; }

#portal_body .subtabmenu + #content {
  margin-top: -11px; }
#portal_body #content {
  margin: 0;
  min-height: calc(88.5vh - 221px); }
#portal_body .empty_column {
  border: none;
  background: white; }
#portal_body #col1, #portal_body #col2 {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  border-width: 0; }
#portal_body #col1 {
  width: 220px;
  float: left;
  margin: 0;
  padding: 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0 1px 1px 1px;
  -webkit-border-radius: 0 0 6px 0;
  -moz-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
  z-index: 1;
  background: #fff;
  margin-left: -1px;
  margin-top: -18px; }
#portal_body #col2 {
  float: none;
  width: auto !important;
  margin: 18px 0 10px 245px;
  z-index: 0;
  background: transparent; }
#portal_body #col_1 {
  float: left;
  width: 35%; }
#portal_body #col_2 {
  float: right;
  width: 62%; }
#portal_body #col1 .pagetitle {
  margin-left: 0;
  padding-left: 2px; }
#portal_body #user_menu {
  padding: 1em 0.5em 1em 1em; }
#portal_body #eclass_list_filters {
  margin: -0.5em 0.5em 0.5em 1em; }
#portal_body #eclass_role_filters a {
  margin-right: 1px;
  padding: 0 0.5em; }
  #portal_body #eclass_role_filters a:not(:last-child) {
    border-right: 1px solid #e0e0e0; }
#portal_body .portlet_box {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #fff;
  overflow: hidden; }
  #portal_body .portlet_box .box {
    margin: 0;
    border-top: 1px solid #e0e0e0;
    padding: 1em; }
  #portal_body .portlet_box .head {
    background: #fafafa;
    padding: .6em .5em .4em 1em;
    padding-left: 1em;
    font-weight: normal; }
    #portal_body .portlet_box .head span.box_title.thide {
      color: #aaa; }
    #portal_body .portlet_box .head .box_title {
      font-size: 16px; }
  #portal_body .portlet_box .head {
    color: #00427C; }
    #portal_body .portlet_box .head .box_title {
      color: #6d9323;
      font-family: "Open Sans", sans-serif; }
  #portal_body .portlet_box .box {
    min-height: 1.5em;
    padding: 0; }
    #portal_body .portlet_box .box .child-select ~ .empty_column {
      border-top: 1px solid #e0e0e0; }
  #portal_body .portlet_box table.list {
    border-left: none;
    border-right: none; }
    #portal_body .portlet_box table.list td {
      vertical-align: middle; }
      #portal_body .portlet_box table.list td.detail {
        padding-top: 0px;
        padding-left: 6px;
        font-size: 10px; }
    #portal_body .portlet_box table.list tr {
      background-color: white; }
      #portal_body .portlet_box table.list tr:last-child td {
        border-bottom: 0; }
      #portal_body .portlet_box table.list tr td:last-child {
        padding-right: 1em; }
      #portal_body .portlet_box table.list tr td.detail:last-child {
        padding-top: 0px;
        padding-left: 6px;
        font-size: 10px; }
      #portal_body .portlet_box table.list tr td:first-child {
        padding-left: 1em; }
      #portal_body .portlet_box table.list tr td.detail:first-child {
        padding-top: 0px;
        padding-left: 6px;
        font-size: 10px; }
  #portal_body .portlet_box .head .more {
    padding: 0;
    width: 18px;
    height: 18px;
    background-image: url(/images/maximize.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
    font-size: 0; }
  #portal_body .portlet_box .loading {
    visibility: visible; }
  #portal_body .portlet_box .filter {
    display: block;
    border-radius: 12px;
    /* one half of ( (border * 2) + height + padding ) */
    color: white;
    height: 16px;
    min-width: 14px;
    padding: 1.5px 3px 2.5px 3px;
    text-align: center; }
    #portal_body .portlet_box .filter.two_letter {
      height: 14px;
      padding: 5px 3px 2px 3px;
      font-size: 8px;
      letter-spacing: 1px; }
  #portal_body .portlet_box .more {
    padding: 5px 26px 0 5px;
    background-image: url(/images/maximize.png);
    background-repeat: no-repeat;
    background-position: 99% 5px;
    text-align: right;
    cursor: pointer;
    background-color: #fff; }
  #portal_body .portlet_box .less {
    padding: 5px 26px 0 5px;
    background-image: url(/images/minimize.png);
    background-repeat: no-repeat;
    background-position: 99.5% 5px;
    text-align: right;
    cursor: pointer; }
#portal_body .portlet_box_big {
  position: absolute;
  padding: 6px;
  z-index: 2; }
#portal_body .portlet_box_big .head {
  margin: -6px -6px 5px; }
#portal_body .portlet_box_big .box {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 300px;
  overflow: auto; }

#portlet_box_sbg_grades td, #portlet_box_sbg_grades_big td {
  padding-bottom: 0px;
  padding-left: 0px; }
#portlet_box_sbg_grades .sbg_color, #portlet_box_sbg_grades_big .sbg_color {
  width: 20px;
  height: 20px;
  margin-right: 5px; }
#portlet_box_sbg_grades .sbg_red, #portlet_box_sbg_grades_big .sbg_red {
  background-color: #ef1d17; }
#portlet_box_sbg_grades .sbg_yellow, #portlet_box_sbg_grades_big .sbg_yellow {
  background-color: #ffcf39; }
#portlet_box_sbg_grades .sbg_green, #portlet_box_sbg_grades_big .sbg_green {
  background-color: #319a42; }

#portlet_box_sbg_grade .standard_name {
  width: 450px; }

#portlet_box_sbg_grade_big .standard_name {
  width: 850px; }

#portlet_box_calendar table {
  border: none; }
#portlet_box_calendar table.cldr {
  margin: 0;
  background-color: #fafafa;
  width: 100%; }
  #portlet_box_calendar table.cldr th:last-child, #portlet_box_calendar table.cldr td:last-child {
    border-right: none; }
#portlet_box_calendar table.cldr .cldr_top th {
  background-color: #fafafa; }
#portlet_box_calendar table.cldr td {
  background-color: #fff;
  padding: 6px 8px 6px 8px;
  text-align: center;
  color: #2f3338; }
#portlet_box_calendar table.cldr td.clickbl {
  color: #0f8ab6; }
#portlet_box_calendar table.cldr td.grey {
  background-color: #fafafa; }
#portlet_box_calendar table.cldr td.today {
  background-color: #feb; }
#portlet_box_calendar table.cldr td.selected {
  border: 2px solid #666;
  padding: 4px 6px 4px 6px; }
#portlet_box_calendar table.cldr th {
  background: #fafafa;
  padding: 6px 8px 6px 8px; }
#portlet_box_calendar #portlet_box_content_calendar_week {
  margin: 0;
  border-top: none;
  padding: 15px;
  min-height: 200px;
  max-height: 400px;
  overflow: auto; }
  #portlet_box_calendar #portlet_box_content_calendar_week .calendar_day {
    margin-bottom: 10px; }
#portlet_box_calendar .list_item {
  width: 94.8%;
  padding: 3px 0; }
  #portlet_box_calendar .list_item .filter {
    margin-top: -3px;
    margin-right: 0.7em; }

#portlet_box_annc .staticon {
  background-position: 3px 1px; }

#portlet_box_annc .label {
  color: #999;
  font-weight: normal; }

table.annc .annc-with-images img {
  width: auto;
  max-width: 95%; }

#portlet_box_reportcard b .detail {
  font-weight: normal; }

/* Used in the Dashboard list of my classes */
#recently_inactive {
  margin: 0;
  border-bottom: 1px #ccc solid;
  padding: 10px 10px;
  background-color: #fff;
  color: #999;
  text-align: left; }

#dashboard_list {
  padding-top: 10px; }

/* Used in the Dashboard list of my classes */
#class_list .eclass {
  padding: 10px 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

#class_list .resource_library .eclass {
  border-bottom: 1px solid #ccc;
  padding: 7px 8px; }

#class_list .eclass:hover {
  background-color: #f0f0f0; }

#class_list h4 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  border-width: 0; }

#class_list h4 a {
  text-decoration: underline;
  color: #0f8ab6; }

#class_list p {
  margin: 5px 2px;
  padding-right: 5px; }

#class_list ul.tabmenu {
  background: #F6F9F0;
  border-top: none !important; }

#class_list .url {
  margin: 0 2px;
  font-size: 13px; }

#class_list .class_code {
  display: inline;
  margin-left: 1em;
  font-weight: normal;
  font-size: 15px; }

#class_list .end_date {
  display: block;
  margin: 0 2px;
  color: #000;
  text-align: left;
  font-size: 13px; }

/* Used in the Portal to show the list of class filters */
.eclass_list h4 {
  padding: 8px 0;
  color: #000;
  font-size: 1em; }
.eclass_list ul {
  margin: 0;
  padding: 0;
  clear: both; }
  .eclass_list ul li {
    padding: 1em 0.5em 1.3em;
    position: relative;
    list-style: none;
    border-left-width: 5px;
    border-left-style: solid; }
    .eclass_list ul li .filter {
      cursor: pointer; }

p.signup_sub_h2 {
  display: block;
  padding-left: 1em;
  padding-bottom: .5em;
  font-weight: bold; }

/* subscription table, only used on indy domain */
table.grid .hilite {
  background-color: #ffc;
  cursor: default; }

table.grid .hilite .sbutton {
  cursor: default; }

table.grid div.your_plan {
  text-align: center;
  background-color: #E07D20;
  color: white;
  font-weight: bold;
  padding: 3px 5px; }

table.grid .subscription_head {
  font-weight: bold; }

table.grid .subscription_head .subscription_name {
  font-size: 14px;
  margin: 1px 0; }

table.grid .subscription_head .subscription_price {
  margin: 1px 0 2px; }

table.grid .subscription_head:hover {
  background-color: inherit; }

table.grid .subscription_head .sbutton {
  display: block;
  margin: 0; }

.feature_balon {
  padding: 5px 10px;
  font-size: 12px;
  background: #fff;
  color: #000;
  width: 10em; }

#sub_head {
  margin-top: 5px; }

#widecol.user-profile {
  padding: 15px; }

#profile-avatar {
  padding-right: 10px;
  float: left; }

/* used for positioning 'back to features' link in the applications tab of the domain control */
.blpadding {
  margin-top: 7px;
  padding-right: 6px; }

/*# sourceMappingURL=org.css.map */