/* Our blue: #387FE8 */
html {
  height: 100%; }

body {
  height: 100%;
  font-size: 16px;
  background: url(/homeroom/assets/images/fabric-texture-bg.png);
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #333;
  font-size: 12px;
  position: relative; }

/* Begin - Generics */
table {
  border-collapse: collapse; }

a, a:link, a:visited {
  color: #387FE8; }

a:hover {
  text-decoration: none; }

.is-clickable {
  cursor: pointer; }

.GenericTable {
  width: 100%;
  border-collapse: collapse; }

.GenericTable th {
  border-left: 1px solid #999;
  background-color: #fff;
  padding: 8px;
  text-align: left;
  border-bottom: 2px solid #666;
  font-weight: bold; }

.GenericTable td {
  border-left: 1px solid #999;
  padding: 8px;
  background-color: #fff;
  vertical-align: top; }

.GenericTable tr > td:first-child,
.GenericTable tr > th:first-child {
  border-left: 0; }

.GenericTable tfoot th,
.GenericTable tfoot td {
  border-top: 3px solid #333;
  font-weight: bold; }

.GenericTable tr.Alternate td {
  background-color: #DAE8F7; }

.GenericTable.AlternateOverride td {
  background-color: white !important;
  border-bottom: 1px solid #ccc;
  border-color: #cccccc !important; }

.table {
  width: 100%;
  max-width: 100%; }
  .table th {
    text-align: left; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd; }

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > tbody + tbody {
  border-top: 2px solid #ddd; }

.table .table {
  background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

/* End - Generic Table */
body > svg {
  z-index: 2000; }

#HRApplication {
  background: #eee;
  height: 100%; }

.PageWidthWrapper {
  width: 960px;
  margin: 0 auto;
  position: relative; }

#HRApplication > .Header {
  height: 40px;
  background-image: url(/homeroom/assets/images/hr-v1-header-bg-texture.png);
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 0;
  /* border-bottom: 1px solid #666; */
  position: relative;
  z-index: 100; }
  #HRApplication > .Header .PageWidthWrapper {
    height: 100%; }
  #HRApplication > .Header .MenuToggleButton {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 26px;
    z-index: 1; }

#HRApplication.IsImpersonating > .Header {
  height: 56px; }
  #HRApplication.IsImpersonating > .Header .UserActions {
    top: 26px; }
  #HRApplication.IsImpersonating > .Header .TabButtons {
    top: 24px; }
  #HRApplication.IsImpersonating > .Header .MenuToggleButton {
    top: 26px; }
#HRApplication.IsImpersonating .HeaderHomeroomLogo {
  top: 18px; }
#HRApplication.IsImpersonating .HomeroomMainTabContentsContainer {
  top: 56px; }
#HRApplication.IsImpersonating .HomeroomBannerAd.IsVisible + .HomeroomMainTabContentsContainer {
  top: 447px; }

#HRApplication.Workbench > .Header {
  height: 33px;
  overflow: visible; }

.HeaderHomeroomLogo {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 196px;
  height: 38px;
  background-image: url(/homeroom/assets/images/hr-v1-homeroom-header-logo.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -moz-transition: width 0.5s ease-in;
  -o-transition: width 0.5s ease-in;
  -webkit-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in; }

#HRApplication.Workbench .HeaderHomeroomLogo {
  display: none; }

.HeaderWorkbenchLogo {
  display: block;
  position: absolute;
  top: 7px;
  margin-left: 8px;
  width: 320px;
  height: 20px;
  background-image: url(/homeroom/assets/images/hr-v1-widgetworkbench-logo.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

#HRApplication > .Header .UserActions {
  height: 24px;
  width: 300px;
  position: absolute;
  right: 12px;
  top: 10px;
  -moz-transition: height 0.2s, padding 0.2s;
  -o-transition: height 0.2s, padding 0.2s;
  -webkit-transition: height 0.2s, padding 0.2s;
  transition: height 0.2s, padding 0.2s; }

#HRApplication.Workbench > .Header .UserActions {
  right: 10px;
  top: 4px; }

#HRApplication > .Header .UserActions .MDInput.Button {
  display: block;
  background: transparent;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  outline: 0;
  border: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  float: right;
  margin-left: 10px; }

#HRApplication > .Header .UserActions .MDInput.Button span {
  display: none; }

.ie8 #HRApplication > .Header .UserActions .MDInput.Button {
  filter: none; }

#HRApplication .Header .UserActions .MDInput.Button.Help {
  text-indent: 0; }

#HRApplication .Header .UserActions .MDInput.Button.Logout {
  background-position: -52px -877px; }

#HRApplication .Header .UserActions .MDInput.Button.Logout.Over {
  background-position: -52px -903px; }

#HRApplication .Header .UserActions .MDInput.Button.Logout.Pressed,
#HRApplication .Header .UserActions .MDInput.Button.Logout.Active {
  background-position: -52px -929px; }

#HRApplication .Header .UserActions .MDInput.Button.UserProfile {
  background-position: 0px -877px; }

#HRApplication .Header .UserActions .MDInput.Button.UserProfile.Over {
  background-position: 0px -903px; }

#HRApplication .Header .UserActions .MDInput.Button.UserProfile.Pressed,
#HRApplication .Header .UserActions .MDInput.Button.UserProfile.Active {
  background-position: 0px -929px; }

#HRApplication .Header .UserActions .MDInput.Button.Menu {
  background-position: -26px -877px; }

#HRApplication .Header .UserActions .MDInput.Button.Menu.Over {
  background-position: -26px -903px; }

#HRApplication .Header .UserActions .MDInput.Button.Menu.Pressed,
#HRApplication .Header .UserActions .MDInput.Button.Menu.Active {
  background-position: -26px -929px; }

#HRApplication .Header .UserActions .MDInput.Button.AppSelector {
  background-position: 0px -1493px; }

#HRApplication .Header .UserActions .MDInput.Button.AppSelector.Over {
  background-position: -26px -1493px; }

#HRApplication .Header .UserActions .MDInput.Button.AppSelector.Pressed,
#HRApplication .Header .UserActions .MDInput.Button.AppSelector.Active {
  background-position: -52px -1493px; }

#HRApplication .Header .UserActions .MDInput.Button.Demonstration {
  background-position: -78px -877px; }

#HRApplication .Header .UserActions .MDInput.Button.Demonstration.Over {
  background-position: -78px -903px; }

#HRApplication .Header .UserActions .MDInput.Button.Demonstration.Pressed,
#HRApplication .Header .UserActions .MDInput.Button.Demonstration.Active {
  background-position: -78px -929px; }

#HRApplication .Header .UserActions .MDInput.Button.Notifications,
#HRApplication .Header .UserActions .MDInput.Button.Notifications.Over,
#HRApplication .Header .UserActions .MDInput.Button.Notifications.Pressed,
#HRApplication .Header .UserActions .MDInput.Button.Notifications.Active {
  background: none; }

#HRApplication .Header .UserActions .MDInput.Button.Notifications {
  text-indent: 0;
  position: relative;
  width: auto;
  padding-right: 26px; }
  #HRApplication .Header .UserActions .MDInput.Button.Notifications .Icon-Notifications {
    background-image: url(/homeroom/assets/images/hr-core-sprite.png);
    background-position: -48px -781px;
    width: 26px;
    height: 26px;
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0; }
  #HRApplication .Header .UserActions .MDInput.Button.Notifications span {
    display: block;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    background-color: #d9534f;
    margin: 0 2px 0 0;
    padding: 3px 5px;
    font-size: 10px;
    line-height: 1;
    vertical-align: middle;
    text-align: center; }
    #HRApplication .Header .UserActions .MDInput.Button.Notifications span:before, #HRApplication .Header .UserActions .MDInput.Button.Notifications span:after {
      display: none; }

#HRApplication .Header .UserActions .MDInput.Button.Widgets {
  background-position: 0px -955px; }

#HRApplication .Header .UserActions .MDInput.Button.Widgets.Over {
  background-position: 0px -981px; }

#HRApplication .Header .UserActions .MDInput.Button.Widgets.Pressed,
#HRApplication .Header .UserActions .MDInput.Button.Widgets.Active {
  background-position: 0px -1007px; }

#HRApplication .Header .UserActions .MDInput.Button.Banner {
  background-image: url(/homeroom/assets/images/rocket.png);
  background-position: 0px 0px; }

#HRApplication .Header .UserActions .MDInput.Button.Banner.Over {
  background-position: 0px -26px; }

#HRApplication .Header .UserActions .MDInput.Button.Banner.Pressed,
#HRApplication .Header .UserActions .MDInput.Button.Banner.Active {
  background-position: 0px -52px; }

#HRApplication > .Header .TabButtons {
  position: absolute;
  top: 8px;
  left: 200px;
  height: 34px;
  right: 188px;
  -moz-transition: left 0.5s ease-in;
  -o-transition: left 0.5s ease-in;
  -webkit-transition: left 0.5s ease-in;
  transition: left 0.5s ease-in; }

#HRApplication.IsDemonstrationMode > .Header .TabButtons, #HRApplication.HasNotifications > .Header .TabButtons {
  right: 244px; }
#HRApplication.IsDemonstrationMode.HasNotifications > .Header .TabButtons {
  right: 275px; }

#HRApplication > .Header.TabsExpanded .TabButtons {
  left: 40px;
  right: 48px !important; }
#HRApplication > .Header.TabsExpanded .HeaderHomeroomLogo {
  width: 35px; }
#HRApplication > .Header.TabsExpanded .HomeroomMainTabs {
  padding-right: 75px; }
  #HRApplication > .Header.TabsExpanded .HomeroomMainTabs .MDTabs-Tab .PrintSpotlightButton {
    right: 0; }
#HRApplication > .Header.TabsExpanded .UserActions {
  background: #bbbbbb url(/homeroom/assets/images/hr-v1-header-bg-texture.png) 100%;
  height: 0;
  padding-right: 10px;
  top: 0;
  right: 48px;
  width: auto;
  overflow: hidden;
  z-index: 10;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #HRApplication > .Header.TabsExpanded .UserActions.IsOpen {
    height: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
    -moz-box-shadow: 0 2px 5px #232323;
    -webkit-box-shadow: 0 2px 5px #232323;
    box-shadow: 0 2px 5px #232323;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px; }

#HRApplication.Workbench > .Header .TabButtons {
  display: none; }

#HRApplication .ImpersonationFlag {
  position: absolute;
  right: 12px;
  background: #2C64B8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  padding: 4px 6px;
  color: #eee;
  font-size: 11px;
  text-shadow: 0px -1px #333;
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNmVlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDQ3YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #2b6ee1 0%, #0d47ad 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b6ee1), color-stop(100%, #0d47ad));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b6ee1 0%, #0d47ad 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2b6ee1 0%, #0d47ad 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2b6ee1 0%, #0d47ad 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2b6ee1 0%, #0d47ad 100%);
  /* W3C */ }

.ie8 #HRApplication .ImpersonationFlag {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b6ee1', endColorstr='#0d47ad',GradientType=0 );
  /* IE6-8 */ }

#HRApplication.Workbench .ImpersonationFlag {
  position: absolute;
  right: 120px;
  top: 5px;
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px; }

/* Header Menu Generics */
.HomeroomHeaderMenu .Inner {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px; }

.HomeroomHeaderMenu h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1; }

.HomeroomHeaderMenu h4 {
  font-size: 14px;
  font-weight: bold;
  padding-top: 22px; }

.HomeroomHeaderMenu .MDInput.Select,
.HomeroomHeaderMenu .MDInput.Text {
  width: 100%; }

/* /Header Menu Generics */
/* Widgets Menu */
.HomeroomHeaderMenu.Widgets .WidgetsMenuList {
  margin-top: 20px; }

.HomeroomHeaderMenu.Widgets .MDInput.Button.WidgetTrigger {
  width: 100%;
  margin-bottom: 6px; }

/* /Widgets Menu */
/* Options Menu */
.HomeroomHeaderMenu.Options .OptionGroup {
  margin-top: 14px; }

.HomeroomHeaderMenu.Options .OptionsToggle {
  position: relative; }

.HomeroomHeaderMenu.Options .OptionsToggle .MDSlideSwitch {
  position: absolute;
  top: -1px;
  right: 0; }

.HomeroomHeaderMenu.Options .ImpersonationInputContainer {
  margin-top: 4px; }

.HomeroomHeaderMenu.Options .Notes {
  color: #999;
  font-size: 11px;
  line-height: 1.2;
  padding-top: 4px; }

.HomeroomHeaderMenu.Options .RestartHomeroom {
  width: 100%;
  margin-top: 20px; }

/* /Options Menu */
/* Help Menu */
.HomeroomHeaderMenu.Help .Button {
  margin-top: 10px; }

/* Help Menu */
/* Notifications Menu */
.HomeroomHeaderMenu.Notifications {
  background: url(/homeroom/assets/images/hr-v1-body-bg-texture.png); }
  .HomeroomHeaderMenu.Notifications .Title {
    background: #fff;
    margin: -8px -8px 0;
    padding: 8px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px; }
  .HomeroomHeaderMenu.Notifications .Subscribe {
    border-top: 1px solid #fff;
    margin: 0 -8px -8px;
    padding: 16px 8px;
    text-align: center;
    -moz-box-shadow: 0px 0px 5px #333333;
    -webkit-box-shadow: 0px 0px 5px #333333;
    box-shadow: 0px 0px 5px #333333; }
    .HomeroomHeaderMenu.Notifications .Subscribe > div {
      padding-right: 8px;
      display: table-cell;
      vertical-align: middle; }
    .HomeroomHeaderMenu.Notifications .Subscribe .Text {
      text-shadow: 0 1px 0 white;
      text-shadow: 0 1px 0 0 white; }
      .HomeroomHeaderMenu.Notifications .Subscribe .Text strong {
        font-size: 13px; }

.HomeroomHeaderMenu.Notifications .NotificationsList {
  background: #fff;
  border-top: 1px solid #ddd;
  overflow: auto;
  max-height: 382px;
  margin: 0 -8px; }

.HomeroomHeaderMenu.Notifications .NotificationsList .Notification {
  border-top: 1px solid #e6e6e6;
  padding: 8px 26px 8px 16px;
  position: relative; }
  .HomeroomHeaderMenu.Notifications .NotificationsList .Notification:first-child {
    border-top-width: 0; }
  .HomeroomHeaderMenu.Notifications .NotificationsList .Notification.IsNew {
    background-color: #edf2fa; }
  .HomeroomHeaderMenu.Notifications .NotificationsList .Notification .NotificationTitle {
    font-size: 12px;
    font-weight: bold;
    padding: 0; }
  .HomeroomHeaderMenu.Notifications .NotificationsList .Notification .NotificationTimeStamp {
    color: #aaa;
    font-size: 11px;
    margin-top: 3px; }
  .HomeroomHeaderMenu.Notifications .NotificationsList .Notification .NotificationContent {
    color: gray; }
  .HomeroomHeaderMenu.Notifications .NotificationsList .Notification .NotificationActionsContainer {
    position: absolute;
    top: 8px;
    right: 8px; }
    .HomeroomHeaderMenu.Notifications .NotificationsList .Notification .NotificationActionsContainer .Dismiss {
      vertical-align: top; }
      .HomeroomHeaderMenu.Notifications .NotificationsList .Notification .NotificationActionsContainer .Dismiss .Icon-Dismiss-Notification {
        background: url(/homeroom/assets/images/md-core-sprite.png) no-repeat -88px -1430px;
        height: 14px;
        width: 14px; }

/* /Notifications Menu */
.HomeroomBannerAd {
  top: 1px;
  height: 390px;
  position: relative;
  background-color: #b9d5e1;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZDVlMSIvPjxzdG9wIG9mZnNldD0iMjk3cHgiIHN0b3AtY29sb3I9IiNiOWQ1ZTEiLz48c3RvcCBvZmZzZXQ9IjI5N3B4IiBzdG9wLWNvbG9yPSIjOWY5ZjlmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWY5ZjlmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(top, #b9d5e1 0%, #b9d5e1 297px, #9f9f9f 297px, #9f9f9f 100%);
  background-image: -webkit-linear-gradient(top, #b9d5e1 0%, #b9d5e1 297px, #9f9f9f 297px, #9f9f9f 100%);
  background-image: linear-gradient(to bottom, #b9d5e1 0%, #b9d5e1 297px, #9f9f9f 297px, #9f9f9f 100%); }
  .HomeroomBannerAd .HomeroomBannerAdImg {
    position: relative;
    height: 100%;
    width: 1020px;
    margin: auto;
    display: block;
    cursor: pointer; }
  .HomeroomBannerAd .HomeroomBannerAdStartButton {
    position: absolute;
    height: 145px;
    width: 478px;
    bottom: 7px;
    left: 8px;
    z-index: 1;
    opacity: 0; }
  .HomeroomBannerAd .HomeroomBannerAdCloseButton {
    cursor: pointer;
    color: #d2d2d2;
    font-size: 20px;
    font-weight: 300;
    padding-right: 28px;
    padding-left: 8px;
    position: absolute;
    bottom: 8px;
    right: 40px;
    z-index: 1;
    -moz-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out; }
    .HomeroomBannerAd .HomeroomBannerAdCloseButton:hover {
      color: #fff; }
  .HomeroomBannerAd .HomeroomBannerAdCloseButtonIcon {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    line-height: 20px; }
  .HomeroomBannerAd.IsVisible + .HomeroomMainTabContentsContainer {
    top: 431px; }

/* HomeroomMainTabs */
.HomeroomMainTabs {
  width: 100%;
  height: 34px;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.HomeroomMainTabs .MDTabs-Tab {
  border: none;
  overflow: hidden;
  height: 29px;
  margin-left: 2px;
  margin-top: 3px;
  padding: 0;
  vertical-align: top;
  -moz-border-radius: 4px 4px 0 0 !important;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0 !important;
  background: #8d8f91;
  /* Old browsers */
  /* IE9 SVG */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM4ZDhmOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNWI1ZjYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, #8d8f91 10%, #5b5f63 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #8d8f91), color-stop(100%, #5b5f63));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8d8f91 10%, #5b5f63 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8d8f91 10%, #5b5f63 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8d8f91 10%, #5b5f63 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #8d8f91 10%, #5b5f63 100%);
  /* W3C */ }

.ie8 .HomeroomMainTabs .MDTabs-Tab {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d8f91', endColorstr='#5b5f63',GradientType=0 );
  /* IE6-8 */ }

.HomeroomMainTabs .MDTabs-Tab a {
  text-decoration: none;
  line-height: 1;
  padding: 8px 10px 0;
  white-space: nowrap; }

.HomeroomMainTabs .MDTabs-Tab .CloseTabButton {
  display: inline-block;
  /* float:left; */
  position: relative;
  outline: 0;
  border: 0;
  width: 14px;
  height: 14px;
  left: -2px;
  top: 0px;
  margin-right: 4px;
  filter: none !important;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right -567px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.HomeroomMainTabs .MDTabs-Tab .CloseTabButton.Over,
.HomeroomMainTabs .MDTabs-Tab.Selected .CloseTabButton.Over {
  background-position: right -567px; }

.HomeroomMainTabs .MDTabs-Tab.Selected .CloseTabButton {
  background-position: right -553px; }

.HomeroomMainTabs .MDTabs-Tab a span {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #333;
  white-space: nowrap; }

.HomeroomMainTabs .MDTabs-Tab .PrintSpotlightButton {
  display: none;
  position: absolute;
  top: 0;
  right: 0; }

.HomeroomMainTabs .MDTabs-Tab.Selected .PrintSpotlightButton {
  display: block; }

.HomeroomMainTabs .MDTabs-Tab.Selected {
  background: url(/homeroom/assets/images/hr-v1-body-bg-texture.png) repeat-x;
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #999;
  height: 36px;
  margin-top: 0;
  filter: none !important;
  -moz-box-shadow: 0px 5px #333333;
  -webkit-box-shadow: 0px 5px #333333;
  box-shadow: 0px 5px #333333; }

.HomeroomMainTabs .MDTabs-Tab.Selected a {
  padding-top: 10px; }

.HomeroomMainTabs .MDTabs-Tab.Selected a span {
  color: #387FE8;
  text-shadow: #fff 0px 1px 0px; }

.HomeroomMainTabContentsContainer {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-image: url(/homeroom/assets/images/hr-v1-body-bg-texture.png);
  background-color: transparent;
  background-repeat: repeat;
  background-position: 0 0;
  border-top: 1px solid #666;
  -moz-transition-property: top;
  -o-transition-property: top;
  -webkit-transition-property: top;
  transition-property: top;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s; }

.Workbench .HomeroomMainTabContentsContainer {
  top: 33px;
  /* top: 0px; */
  padding-top: 12px; }

.Workbench .HomeroomMainTabContentsContainer .EmptyMessage {
  font-family: 'Crete Round', 'Hevetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: italic;
  font-size: 30px;
  text-align: center;
  width: 60%;
  margin: 0 auto;
  padding-top: 80px;
  color: #fff;
  text-shadow: #aaa 0px -1px 0px; }

.HomeroomMainTabContents {
  border-top: 1px solid #fff; }

.HomeroomMainTabContentsContainer .HomeroomMainTabContents .MDTabs-Content > .TabCanvas {
  position: absolute;
  top: 30px;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.HomeroomMainTabContentsContainer .TabCanvasInner {
  overflow: hidden;
  padding-top: 10px; }

.HomeroomMainTabContentsContainer .TabCanvasNavBar {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #fff;
  min-height: 30px;
  display: block;
  background-image: url(/homeroom/assets/images/hr-v1-body-bg-texture.png);
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 0; }

.HomeroomMainTabContentsContainer .TabCanvasNavBar .NavBarShadow {
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  right: 0;
  bottom: -5px;
  background-image: url(/homeroom/assets/images/hr-v1-navbar-shelf-shadow.png);
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 0; }

.HomeroomMainTabContentsContainer .TabCanvasNavBarInner {
  padding-bottom: 3px;
  padding-top: 2px;
  margin: 0 auto;
  min-width: 960px;
  text-align: center; }

.WidgetCanvasNavTrigger {
  font-size: 13px;
  color: #aaa;
  text-shadow: #fff 0px 1px 0px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer; }
  .WidgetCanvasNavTrigger:hover {
    color: #999; }
    .WidgetCanvasNavTrigger:hover span {
      -moz-box-shadow: 0 1px 1px 0 #999999;
      -webkit-box-shadow: 0 1px 1px 0 #999999;
      box-shadow: 0 1px 1px 0 #999999;
      background-color: white; }
  .WidgetCanvasNavTrigger.IsClosed span {
    position: relative; }
    .WidgetCanvasNavTrigger.IsClosed span:after {
      border-bottom: 1px solid #444;
      bottom: 50%;
      content: '';
      left: 6px;
      position: absolute;
      right: 6px; }
  .WidgetCanvasNavTrigger span {
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 2px;
    padding: 4px 7px; }

.WidgetCanvasNavTriggerIcon {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 7px;
  display: none;
  /*TODO: Create Icons for Widget Canvas Nav - or not(?) */ }

/* /HomeroomMainTabs */
/* Spotlight Print Configurator & Widget Print Configurator */
.PrintSpotlightConfiguratorPopover,
.WidgetPrintConfiguratorPopover,
.AppLearnMorePopover {
  background: url(/homeroom/assets/images/hr-v1-body-bg-texture.png); }

.SpotlightConfiguratorTitle,
.WidgetPrintConfiguratorTitle,
.AppLearnMorePopoverTitle {
  height: 36px;
  font-size: 16px;
  text-shadow: white 0px 1px 0px;
  font-weight: bold;
  position: absolute;
  top: 13px;
  right: 13px;
  left: 13px; }

.SpotlightPrintConfigurationsContainer,
.WidgetPrintConfigurationsContainer,
.AppLearnMorePopoverBody {
  background: #fff;
  border-top: 1px solid #ccc;
  padding: 8px;
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 65px;
  left: 0;
  overflow: auto; }

.WidgetPrintConfigurationContainer {
  margin-bottom: 14px; }

.WidgetPrintConfigurationContainer h3 {
  font-size: 14px;
  font-weight: bold; }

.WidgetPrintConfigurationContainer input,
.WidgetPrintConfigurationContainer h3 {
  display: inline; }

.WidgetPrintConfigurationContainer input + h3,
.WidgetPrintConfigurationContainer input + span,
.WidgetPrintConfigurationContainer .MDSlideSwitch + span {
  padding-left: 4px;
  vertical-align: middle; }

.WidgetPrintConfigurationContainer .PreviousYearsConfigurationContainer {
  margin-left: 17px;
  position: relative; }

.WidgetPrintConfigurationContainer .PreviousYearsConfigurationContainer .IncludePreviousYears {
  font-size: 13px; }

.WidgetPrintConfigurationContainer .MDSlideSwitch {
  display: inline-block;
  vertical-align: middle; }

.WidgetPrintConfigurationContainer .ToggleAllYearsButton {
  position: absolute;
  top: 0;
  right: 0; }

.WidgetPrintConfigurationContainer .YearList {
  margin: 2px 0 0 10px; }

.WidgetPrintConfigurationContainer .YearList .Year {
  display: inline-block;
  padding-top: 2px;
  width: 33%; }

.AppLearnMorePopoverBody {
  padding: 16px;
  font-size: 14px; }
  .AppLearnMorePopoverBody .lead {
    margin-bottom: 20px;
    font-size: 1.5em;
    font-weight: 300; }
  .AppLearnMorePopoverBody h4 {
    font-size: 1.14286em;
    font-weight: bold;
    margin-bottom: 3px; }
  .AppLearnMorePopoverBody p {
    margin: 0 0 10px; }
  .AppLearnMorePopoverBody ol,
  .AppLearnMorePopoverBody ul {
    margin: initial;
    padding: initial;
    margin-top: 0;
    margin-bottom: 10px;
    list-style: initial; }
  .AppLearnMorePopoverBody li {
    margin: initial;
    padding: initial;
    margin-bottom: 3px; }
  .AppLearnMorePopoverBody .pull-left {
    float: left !important; }
  .AppLearnMorePopoverBody .mal, .AppLearnMorePopoverBody .mhl, .AppLearnMorePopoverBody .mrl {
    margin-right: 20px !important; }
  .AppLearnMorePopoverBody .pal, .AppLearnMorePopoverBody .phl, .AppLearnMorePopoverBody .prl {
    padding-right: 20px !important; }

.SpotlightConfiguratorActionsContainer,
.WidgetPrintConfiguratorActionsContainer,
.AppLearnMorePopoverActionsContainer {
  border-top: 1px solid #fff;
  height: 64px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }

.SpotlightConfiguratorActionsContainer .CloseConfiguratorButton,
.WidgetPrintConfiguratorActionsContainer .CloseConfiguratorButton,
.AppLearnMorePopoverActionsContainer .CloseAppLearnMoreButton {
  background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat 0 -411px;
  border: none;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 20px;
  left: 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  filter: none !important; }

.SpotlightConfiguratorActionsContainer .CloseConfiguratorButton.Over,
.WidgetPrintConfiguratorActionsContainer .CloseConfiguratorButton.Over,
.AppLearnMorePopoverActionsContainer .CloseAppLearnMoreButton.Over {
  background-position: 0 -435px; }

.SpotlightConfiguratorActionsContainer .PrintConfiguratorButton,
.WidgetPrintConfiguratorActionsContainer .PrintConfiguratorButton,
.AppLearnMorePopoverActionsContainer .LaunchAppButton {
  position: absolute;
  top: 19px;
  right: 13px; }

.PrintSpotlightConfiguratorPopover .ScrollShadow,
.WidgetPrintConfiguratorPopover .ScrollShadow,
.AppLearnMorePopover .ScrollShadow {
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  position: absolute;
  right: 0;
  left: 0; }

.PrintSpotlightConfiguratorPopover .ScrollShadow.Top,
.WidgetPrintConfiguratorPopover .ScrollShadow.Top,
.AppLearnMorePopover .ScrollShadow.Top {
  background-position: left -3402px;
  height: 7px;
  top: 42px; }

.PrintSpotlightConfiguratorPopover .ScrollShadow.Bottom,
.WidgetPrintConfiguratorPopover .ScrollShadow.Bottom,
.AppLearnMorePopover .ScrollShadow.Bottom {
  background-position: left -3409px;
  height: 5px;
  top: auto;
  bottom: 65px; }

/* /Spotlight Print Configurator & Widget Print Configurator */
/* WIDGET */
.Widget.Width-1,
.Widget.Width-2,
.Widget.Width-3,
.Widget.Width-4,
.Widget.Width-5,
.Widget.Width-6,
.Widget.Width-7,
.Widget.Width-8,
.Widget.Width-9,
.Widget.Width-10,
.Widget.Width-11,
.Widget.Width-12 {
  float: left; }

.Widget.Width-1 {
  width: 60px; }

.ie8 .Widget.Width-1 {
  width: 56px; }

.Widget.Width-2 {
  width: 140px; }

.ie8 .Widget.Width-2 {
  width: 136px; }

.Widget.Width-3 {
  width: 220px; }

.ie8 .Widget.Width-3 {
  width: 216px; }

.Widget.Width-4 {
  width: 300px; }

.ie8 .Widget.Width-4 {
  width: 296px; }

.Widget.Width-5 {
  width: 380px; }

.ie8 .Widget.Width-5 {
  width: 376px; }

.Widget.Width-6 {
  width: 460px; }

.ie8 .Widget.Width-6 {
  width: 456px; }

.Widget.Width-7 {
  width: 540px; }

.ie8 .Widget.Width-7 {
  width: 536px; }

.Widget.Width-8 {
  width: 620px; }

.ie8 .Widget.Width-8 {
  width: 616px; }

.Widget.Width-9 {
  width: 700px; }

.ie8 .Widget.Width-9 {
  width: 696px; }

.Widget.Width-10 {
  width: 780px; }

.ie8 .Widget.Width-10 {
  width: 776px; }

.Widget.Width-11 {
  width: 860px; }

.ie8 .Widget.Width-11 {
  width: 856px; }

.Widget.Width-12 {
  width: 940px; }

.ie8 .Widget.Width-12 {
  width: 936px; }

.Widget {
  margin: 0px 10px 22px;
  position: relative;
  background-color: #eee;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: #232323 0px 0px 5px;
  -webkit-box-shadow: #232323 0px 0px 5px;
  -moz-box-shadow: #232323 0px 0px 5px; }

.ie8 .Widget {
  border: 2px solid #bbb; }

.Workbench .Widget {
  float: none !important;
  margin: 0 auto; }

/* WidgetHeader */
.WidgetHeader {
  height: 29px;
  position: relative;
  overflow: visible;
  border-bottom: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  background: #e7e7e7 url(/homeroom/assets/images/hr-core-sprite.png) repeat-x top left;
  /* Old browsers */
  /* IE9 SVG */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlN2U3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, white 10%, #e7e7e7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, white), color-stop(100%, #e7e7e7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 10%, #e7e7e7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 10%, #e7e7e7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 10%, #e7e7e7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 10%, #e7e7e7 100%);
  /* W3C */ }

.ie8 .WidgetHeader {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
  /* IE6-8 */ }

.WidgetActions {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top: 4px;
  padding-right: 4px;
  height: 29px;
  overflow: hidden; }

.WidgetActions .MDInput.Button {
  display: block;
  outline: 0;
  border: none;
  float: right;
  margin-left: 2px; }

.WidgetActions .MDInput.Button [class*="Icon-HR-Toolbar"] {
  width: 20px;
  height: 20px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png); }

.Icon-HR-ToolbarClose {
  background-position: 0 -290px; }
  .Over .Icon-HR-ToolbarClose {
    background-position: -20px -290px; }
  .Pressed .Icon-HR-ToolbarClose, .Active .Icon-HR-ToolbarClose {
    background-position: -40px -290px; }

.Icon-HR-ToolbarRefresh {
  background-position: -20px -110px; }
  .Over .Icon-HR-ToolbarRefresh {
    background-position: -20px -130px; }
  .Pressed .Icon-HR-ToolbarRefresh, .Active .Icon-HR-ToolbarRefresh {
    background-position: -20px -150px; }

.Icon-HR-ToolbarMenu {
  background-position: -60px -110px; }
  .Over .Icon-HR-ToolbarMenu {
    background-position: -60px -130px; }
  .Pressed .Icon-HR-ToolbarMenu, .Active .Icon-HR-ToolbarMenu {
    background-position: -60px -150px; }

.Icon-HR-ToolbarProfile {
  background-position: -40px -110px; }
  .Over .Icon-HR-ToolbarProfile {
    background-position: -40px -130px; }
  .Pressed .Icon-HR-ToolbarProfile, .Active .Icon-HR-ToolbarProfile {
    background-position: -40px -150px; }

.Icon-HR-ToolbarDate {
  background-position: -0px  -110px; }
  .Over .Icon-HR-ToolbarDate {
    background-position: -0px  -130px; }
  .Pressed .Icon-HR-ToolbarDate, .Active .Icon-HR-ToolbarDate {
    background-position: -0px  -150px; }

.Icon-HR-ToolbarPlus {
  background-position: -0px  -50px; }
  .Over .Icon-HR-ToolbarPlus {
    background-position: -0px  -70px; }
  .Pressed .Icon-HR-ToolbarPlus, .Active .Icon-HR-ToolbarPlus {
    background-position: -0px  -90px; }

.Icon-HR-ToolbarFullscreen {
  background-position: -40px -50px; }
  .Over .Icon-HR-ToolbarFullscreen {
    background-position: -40px -70px; }
  .Pressed .Icon-HR-ToolbarFullscreen, .Active .Icon-HR-ToolbarFullscreen {
    background-position: -40px -90px; }

.Icon-HR-ToolbarCloseFullscreen {
  background-position: -80px -170px; }
  .Over .Icon-HR-ToolbarCloseFullscreen {
    background-position: -80px -190px; }
  .Pressed .Icon-HR-ToolbarCloseFullscreen, .Active .Icon-HR-ToolbarCloseFullscreen {
    background-position: -80px -210px; }

.Icon-HR-ToolbarDownload {
  background-position: -80px -50px; }
  .Over .Icon-HR-ToolbarDownload {
    background-position: -80px -70px; }
  .Pressed .Icon-HR-ToolbarDownload, .Active .Icon-HR-ToolbarDownload {
    background-position: -80px -90px; }

.Icon-HR-ToolbarPrint {
  background-position: -60px -50px; }
  .Over .Icon-HR-ToolbarPrint {
    background-position: -60px -70px; }
  .Pressed .Icon-HR-ToolbarPrint, .Active .Icon-HR-ToolbarPrint {
    background-position: -60px -90px; }

.Icon-HR-ToolbarHelp {
  background-position: -20px -170px; }
  .Over .Icon-HR-ToolbarHelp {
    background-position: -20px -190px; }
  .Pressed .Icon-HR-ToolbarHelp, .Active .Icon-HR-ToolbarHelp {
    background-position: -20px -210px; }

.Icon-HR-ToolbarBack {
  background-position: -40px -170px; }
  .Over .Icon-HR-ToolbarBack {
    background-position: -40px -190px; }
  .Pressed .Icon-HR-ToolbarBack, .Active .Icon-HR-ToolbarBack {
    background-position: -40px -210px; }

.Icon-HR-ToolbarCopy {
  background-position: 0px -230px; }
  .Over .Icon-HR-ToolbarCopy {
    background-position: 0px -250px; }
  .Pressed .Icon-HR-ToolbarCopy, .Active .Icon-HR-ToolbarCopy {
    background-position: 0px -270px; }

.Icon-HR-ToolbarUpload {
  background-position: -60px -270px; }
  .Over .Icon-HR-ToolbarUpload {
    background-position: -60px -290px; }
  .Pressed .Icon-HR-ToolbarUpload, .Active .Icon-HR-ToolbarUpload {
    background-position: -80px -270px; }

.Icon-HR-ToolbarSchool {
  background-image: url(/homeroom/assets/images/toolbar-school.png) !important;
  background-position: 0px 0px; }
  .Over .Icon-HR-ToolbarSchool {
    background-position: 0px -20px; }
  .Pressed .Icon-HR-ToolbarSchool, .Active .Icon-HR-ToolbarSchool {
    background-position: 0px -40px; }

.WidgetToolbarSpinner {
  display: block;
  float: left;
  height: 16px;
  margin-right: 4px;
  margin-top: 12px;
  width: 16px; }

.WidgetToolbarIcon {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 6px;
  left: 6px;
  background-image: url(/homeroom/assets/images/WIDGET_TOOLBAR_ICON_FPO.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: none;
  /*TODO: Need toolbar icons for each widget */ }

.WidgetToolbarToggle {
  margin-top: 8px;
  margin-left: 8px;
  height: 14px;
  width: 14px; }
  .WidgetToolbarToggle + .WidgetToolbarName {
    margin-left: 4px; }

.WidgetToolbarName {
  color: #444;
  font-weight: bold;
  text-shadow: #fff 0px 1px 0px;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  margin: 8px 8px 0;
  vertical-align: top; }

.WidgetHeader .BetaFlag {
  display: inline-block;
  width: 50px;
  height: 19px;
  margin: 5px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -1417px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: top; }

.WidgetContentWrapper {
  position: relative;
  background: #fff;
  border-radius: 0 0 4px 4px;
  /* because the footer is removed for now */ }

.WidgetContentContainer {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  overflow: auto;
  /* border-bottom: 1px solid #ccc; */
  /* because the footer is removed for now */
  border-radius: 0 0 4px 4px;
  /* because the footer is removed for now */ }

.WidgetContentContainer .WidgetEmptyMessage {
  width: 100%;
  color: #ccc;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  padding: 85px 0px 18px;
  text-align: center; }

.WidgetContentContainer .WidgetFailureNotice {
  text-align: center;
  color: #ccc;
  font-size: 16px; }

.WidgetFooter {
  height: 13px;
  background: #eee;
  position: relative;
  border-radius: 0 0 4px 4px;
  display: none;
  /* footer is removed for now */ }

.WidgetFooter .WidgetFooterText {
  font-size: 11px;
  line-height: 1;
  text-shadow: #fff 0px 1px 0px;
  padding-left: 4px;
  padding-top: 1px; }

.WidgetDownloadIframeContainer {
  overflow: hidden; }

/* /WIDGET */
/* Generic Styles for MD.Popovers used in Homeroom */
.MDPopover {
  z-index: 5000; }

.MDPopover.Message h3,
.MDPopover.Dialog h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px; }

.MDPopover.Message p,
.MDPopover.Dialog p {
  font-size: 13px;
  line-height: 1.5;
  padding-bottom: 10px;
  padding-top: 8px; }

/* DIALOG POPOVERS */
.MDPopover.Dialog .InputsContainer .FormLine {
  position: relative;
  margin-bottom: 10px; }

.MDPopover.Dialog .InputsContainer .FormLine .MDInput.Text,
.MDPopover.Dialog .InputsContainer .FormLine .MDInput.Textarea {
  width: 100%; }

.MDPopover.Dialog .InputsContainer .FormLine.TextArea {
  width: 100%;
  height: 80px; }

.MDPopover.Message .ActionsContainer .MDInput.Button,
.MDPopover.Dialog .ActionsContainer .MDInput.Button {
  float: right;
  margin-left: 10px; }

/* UploadFormModal */
.UploadFormModal .PopoverContents {
  padding: 0 10px; }

.UploadFormModal .MDUploadListContainer {
  height: 158px; }

/* /UploadFormModal */
/* Spotlight Buttons */
.MDInput.Button.SpotlightCircle,
.MDInput.Button.Spotlight {
  max-width: none;
  display: block;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  filter: none !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  outline: 0;
  border: 0;
  padding: 0; }

.MDInput.Button.Spotlight span {
  display: none; }

.MDInput.Button.Size-36 {
  width: 36px;
  height: 36px; }

.MDInput.Button.Size-24 {
  width: 24px;
  height: 24px; }

.MDInput.Button.Size-16 {
  width: 16px;
  height: 16px; }

.MDInput.Button.Size-12 {
  width: 12px;
  height: 12px; }

.MDInput.Button.Spotlight.Size-36 {
  background-position: -0px -625px; }

.MDInput.Button.Spotlight.Size-36.Over {
  background-position: -0px -661px; }

.MDInput.Button.Spotlight.Size-36.Pressed,
.MDInput.Button.Spotlight.Size-36.Active {
  background-position: -0px -697px; }

.MDInput.Button.Spotlight.Size-24 {
  background-position: -0px -733px; }

.MDInput.Button.Spotlight.Size-24.Over {
  background-position: -0px -757px; }

.MDInput.Button.Spotlight.Size-24.Pressed,
.MDInput.Button.Spotlight.Size-24.Active {
  background-position: -0px -781px; }

.MDInput.Button.Spotlight.Size-16 {
  background-position: -48px -733px; }

.MDInput.Button.Spotlight.Size-16.Over {
  background-position: -48px -749px; }

.MDInput.Button.Spotlight.Size-16.Pressed,
.MDInput.Button.Spotlight.Size-16.Active {
  background-position: -48px -765px; }

.MDInput.Button.Spotlight.Size-12 {
  background-position: -80px -733px; }

.MDInput.Button.Spotlight.Size-12.Over {
  background-position: -80px -745px; }

.MDInput.Button.Spotlight.Size-12.Pressed,
.MDInput.Button.Spotlight.Size-12.Active {
  background-position: -80px -757px; }

/* SpotlightCircle */
.MDInput.Button.SpotlightCircle.Size-36 {
  background-position: -36px -625px; }

.MDInput.Button.SpotlightCircle.Size-36.Over {
  background-position: -36px -661px; }

.MDInput.Button.SpotlightCircle.Size-36.Pressed,
.MDInput.Button.SpotlightCircle.Size-36.Active {
  background-position: -36px -697px; }

.MDInput.Button.SpotlightCircle.Size-24 {
  background-position: -24px -733px; }

.MDInput.Button.SpotlightCircle.Size-24.Over {
  background-position: -24px -757px; }

.MDInput.Button.SpotlightCircle.Size-24.Pressed,
.MDInput.Button.SpotlightCircle.Size-24.Active {
  background-position: -24px -781px; }

.MDInput.Button.SpotlightCircle.Size-16 {
  background-position: -64px -733px; }

.MDInput.Button.SpotlightCircle.Size-16.Over {
  background-position: -64px -749px; }

.MDInput.Button.SpotlightCircle.Size-16.Pressed,
.MDInput.Button.SpotlightCircle.Size-16.Active {
  background-position: -64px -765px; }

/* /Spotlight Buttons */
/* Quick Profile Buttons */
[qp="1"] {
  cursor: pointer; }

.QuickProfileButton {
  max-width: none;
  cursor: pointer;
  display: block;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  filter: none !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  outline: 0;
  border: 0;
  padding: 0; }

.QuickProfileButton span {
  display: none; }

.QuickProfileButton.Size-36 {
  width: 36px;
  height: 36px; }

.QuickProfileButton.Size-24 {
  width: 24px;
  height: 24px; }

.QuickProfileButton.Size-16 {
  width: 16px;
  height: 16px; }

.QuickProfileButton.Size-12 {
  width: 12px;
  height: 12px; }

/* blue */
.QuickProfileButton.Blue.Size-36 {
  background-position: 0 	 -697px; }

.QuickProfileButton.Blue.Size-24 {
  background-position: 0 	 -781px; }

.QuickProfileButton.Blue.Size-16 {
  background-position: -48px -765px; }

.QuickProfileButton.Blue.Size-12 {
  background-position: -80px -757px; }

/* grey */
.QuickProfileButton.Grey.Size-36 {
  background-position: 0 	 -625px; }

.QuickProfileButton.Grey.Size-24 {
  background-position: 0 	 -733px; }

.QuickProfileButton.Grey.Size-16 {
  background-position: -48px -733px; }

.QuickProfileButton.Grey.Size-12 {
  background-position: -80px -733px; }

.QuickProfileButton.Grey.Size-36:hover {
  background-position: 0 	 	-661px; }

.QuickProfileButton.Grey.Size-24:hover {
  background-position: 0 	 	-757px; }

.QuickProfileButton.Grey.Size-16:hover {
  background-position: -48px -749px; }

.QuickProfileButton.Grey.Size-12:hover {
  background-position: -80px -745px; }

/* /Quick Profile Buttons */
/* StudentGroup Buttons */
.Button.ChooseStudentGroupTrigger {
  font-size: 16px;
  font-weight: bold; }

.Icon-StudentGroup {
  background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat 0 -459px;
  width: 24px;
  height: 24px; }
  .Over .Icon-StudentGroup, .Active .Icon-StudentGroup, .Pressed .Icon-StudentGroup {
    background-position: 0px -483px; }

/* /StudentGroup Buttons */
/*
       d8888                                                                              888    .d8888b.           888                   888                    
      d88888                                                                              888   d88P  Y88b          888                   888                    
     d88P888                                                                              888   Y88b.               888                   888                    
    d88P 888 .d8888b  .d8888b   .d88b.  .d8888b  .d8888b  88888b.d88b.   .d88b.  88888b.  888888 "Y888b.    .d88b.  888  .d88b.   .d8888b 888888 .d88b.  888d888 
   d88P  888 88K      88K      d8P  Y8b 88K      88K      888 "888 "88b d8P  Y8b 888 "88b 888       "Y88b. d8P  Y8b 888 d8P  Y8b d88P"    888   d88""88b 888P"   
  d88P   888 "Y8888b. "Y8888b. 88888888 "Y8888b. "Y8888b. 888  888  888 88888888 888  888 888         "888 88888888 888 88888888 888      888   888  888 888     
 d8888888888      X88      X88 Y8b.          X88      X88 888  888  888 Y8b.     888  888 Y88b. Y88b  d88P Y8b.     888 Y8b.     Y88b.    Y88b. Y88..88P 888     
d88P     888  88888P'  88888P'  "Y8888   88888P'  88888P' 888  888  888  "Y8888  888  888  "Y888 "Y8888P"   "Y8888  888  "Y8888   "Y8888P  "Y888 "Y88P"  888     
*/
/* Assessment Selector */
.AssessmentSelector {
  width: 100%;
  height: 100%; }

.AssessmentSelector .TabButtonsContainer {
  position: relative;
  height: 40px;
  background: #eeeeee url(/homeroom/assets/images/md-core-sprite.png) repeat-x 0 -3197px;
  border-bottom: 1px solid #777;
  text-align: center; }

.AssessmentSelector .AssessmentCategoryTabs {
  position: relative;
  top: 11px; }

.AssessmentSelector .TabContentsContainer {
  border-top: 1px solid #ccc; }

.AssessmentSelector .MDTabs-Content.MyAssessmentSets .EditMyAssessmentSetsButton {
  position: absolute;
  top: 11px;
  right: 8px; }

.AssessmentSelector .AssessmentListContainer,
.AssessmentSelector .AssessmentSetListContainer,
.AssessmentSelector .UserDefinedAssessmentSetListContainer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 42px;
  overflow: auto; }

.AssessmentSelector .UserDefinedAssessmentSetListContainer,
.AssessmentSelector .AssessmentSetListContainer {
  bottom: 38px; }

.AssessmentSelector .NoResultsMessage {
  padding: 40px 0;
  text-align: center;
  font-size: 14px;
  color: #999; }

.AssessmentSelector .Footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 27px;
  background: #eeeeee url(/homeroom/assets/images/md-core-sprite.png) repeat-x 0 -3197px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding-top: 9px;
  padding-left: 8px; }

.AssessmentSelector .Footer span {
  font-size: 12px;
  color: #858585;
  padding-top: 3px; }

.AssessmentSelector .Footer .FilteredToLevel {
  display: inline-block;
  color: #444;
  padding-left: 6px;
  font-weight: bold; }

.AssessmentSelector .Footer .MDInput.Text {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 200px; }

/* MyAssessmentSetEditorPopover */
.MyAssessmentSetEditorPopover > .MDPopover-Content {
  padding: 0;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px; }

/* /Assessment Selector */
/*

//////////////////////
SOON TO BE DEPRECATED
//////////////////////

 .d8888b.                                 888    .d8888b.  888                  888                   888     .d8888b.                                     .d8888b.                           888                    
d88P  Y88b                                888   d88P  Y88b 888                  888                   888    d88P  Y88b                                   d88P  Y88b                          888                    
Y88b.                                     888   Y88b.      888                  888                   888    888    888                                   888    888                          888                    
 "Y888b.   88888b.d88b.   8888b.  888d888 888888 "Y888b.   888888 888  888  .d88888  .d88b.  88888b.  888888 888        888d888 .d88b.  888  888 88888b.  888        888d888 .d88b.   8888b.  888888 .d88b.  888d888 
    "Y88b. 888 "888 "88b     "88b 888P"   888       "Y88b. 888    888  888 d88" 888 d8P  Y8b 888 "88b 888    888  88888 888P"  d88""88b 888  888 888 "88b 888        888P"  d8P  Y8b     "88b 888   d88""88b 888P"   
      "888 888  888  888 .d888888 888     888         "888 888    888  888 888  888 88888888 888  888 888    888    888 888    888  888 888  888 888  888 888    888 888    88888888 .d888888 888   888  888 888     
Y88b  d88P 888  888  888 888  888 888     Y88b. Y88b  d88P Y88b.  Y88b 888 Y88b 888 Y8b.     888  888 Y88b.  Y88b  d88P 888    Y88..88P Y88b 888 888 d88P Y88b  d88P 888    Y8b.     888  888 Y88b. Y88..88P 888     
 "Y8888P"  888  888  888 "Y888888 888      "Y888 "Y8888P"   "Y888  "Y88888  "Y88888  "Y8888  888  888  "Y888  "Y8888P88 888     "Y88P"   "Y88888 88888P"   "Y8888P"  888     "Y8888  "Y888888  "Y888 "Y88P"  888     
                                                                                                                                                 888                                                                 
                                                                                                                                                 888                                                                 
                                                                                                                                                 888                                                                 
*/
/* HRSmartStudentGroupCreator */
.HRSmartStudentGroupCreator {
  position: relative;
  height: 100%; }

.HRSmartStudentGroupCreator .HRSmartStudentGroupCreator-Header {
  background: #fdfdfd url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0px -1282px;
  height: 68px;
  position: relative; }

.HRSmartStudentGroupCreator .StatusMessage {
  position: absolute;
  right: 8px;
  bottom: 2px;
  left: 8px;
  height: 27px;
  font-size: 13px;
  color: #858585; }

.HRSmartStudentGroupCreator .StatusMessage span {
  display: block;
  float: left;
  height: 13px;
  line-height: 1;
  padding-top: 6px; }

.HRSmartStudentGroupCreator .CountSpinnerImage {
  position: relative;
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background: transparent url(/homeroom/assets/images/spinner-16.gif);
  top: 4px;
  margin-right: 4px; }

.HRSmartStudentGroupCreator .StatusMessage .StatusMessageCount {
  color: #444;
  padding-right: 4px;
  /* text-decoration: underline; */
  /* cursor: pointer; */ }

.HRSmartStudentGroupCreator .StatusMessage .StatusMessageCount.Zero {
  color: #c02b00; }

.HRSmartStudentGroupCreator .InputsContainer {
  position: absolute;
  right: 8px;
  top: 8px;
  left: 8px;
  height: 26px; }

.HRSmartStudentGroupCreator .InputsContainer .NameInput {
  width: 225px; }

.HRSmartStudentGroupCreator .InputsContainer .Save {
  float: right;
  margin-left: 8px; }

.HRSmartStudentGroupCreator .InputsContainer .Cancel {
  float: right;
  margin-left: 8px; }

.HRSmartStudentGroupCreator .InputsContainer .Reset {
  float: right;
  margin-left: 8px; }

.HRSmartStudentGroupCreator .HRSmartStudentGroupCreator-Header .ShelfShadow {
  position: absolute;
  z-index: 100;
  bottom: -5px;
  width: 100%;
  height: 5px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0 -29px; }

.HRSmartStudentGroupCreator-Inner {
  position: absolute;
  top: 68px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #333333 url(/homeroom/assets/images/fabric-texture-bg.png);
  padding: 11px 10px 10px;
  overflow: auto; }

.HRSmartStudentGroupCreator-Inner::-webkit-scrollbar-track-piece {
  background: transparent; }

.HRSmartStudentGroupCreator-Inner::-webkit-scrollbar-thumb:vertical {
  background: #999;
  -webkit-border-radius: 3px; }

.HRSmartStudentGroupCreator-CriteriaGroup {
  margin-bottom: 12px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.HRSmartStudentGroupCreator .HRSmartStudentGroupCreator-CriteriaGroup .CriteriaGroup-Head {
  height: 34px;
  background: #eeeeee url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0px -1231px;
  position: relative;
  border-bottom: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0; }

.HRSmartStudentGroupCreator .HRSmartStudentGroupCreator-CriteriaGroup.Closed .CriteriaGroup-Head {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.HRSmartStudentGroupCreator .CriteriaGroup-Head .FoldTrigger {
  display: block;
  position: absolute;
  left: 8px;
  top: 11px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -60px -1351px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.HRSmartStudentGroupCreator .HRSmartStudentGroupCreator-CriteriaGroup.Closed .FoldTrigger {
  background-position: -36px -1351px; }

.HRSmartStudentGroupCreator .CriteriaGroup-Head .CriteriaGroupName {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 11px;
  left: 26px;
  line-height: 1; }

.HRSmartStudentGroupCreator .CriteriaGroup-Head .ActivationToggleContainer {
  width: 42px;
  height: 15px;
  position: absolute;
  top: 10px;
  right: 9px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.HRSmartStudentGroupCreator .CriteriaGroup-Head .Shadow {
  height: 0px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #999;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.HRSmartStudentGroupCreator .HRSmartStudentGroupCreator-CriteriaGroup.Closed .Shadow {
  display: none; }

.HRSmartStudentGroupCreator .FilterStratum {
  position: relative;
  height: 95px;
  background: #fdfdfd url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0px -1282px;
  border-bottom: 1px solid #aaa; }

.HRSmartStudentGroupCreator .FilterStratum .DeleteFilterButton {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -88px -1430px;
  text-indent: -9999px;
  position: absolute;
  top: 14px;
  left: 8px;
  border: 0px;
  filter: none !important; }

.HRSmartStudentGroupCreator .FilterStratum .DeleteFilterButton.Over,
.HRSmartStudentGroupCreator .FilterStratum .DeleteFilterButton.Pressed {
  background-position: -88px -1444px; }

.HRSmartStudentGroupCreator .FilterStratum-SelectButtonContainer {
  position: absolute;
  top: 7px;
  right: 9px;
  width: 160px;
  height: 26px; }

.HRSmartStudentGroupCreator .FilterStratum.SchoolYear .FilterStratum-SelectButtonContainer {
  top: 4px; }

.HRSmartStudentGroupCreator .FilterStratum .MDMultiValueField {
  position: absolute;
  padding: 4px;
  right: 9px;
  bottom: 6px;
  left: 47px;
  height: 40px;
  background: #fff;
  overflow: auto;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #eee;
  box-shadow: inset #000 0px 0px 4px;
  -webkit-box-shadow: inset #000 0px 0px 4px;
  -moz-box-shadow: inset #000 0px 0px 4px; }

.HRSmartStudentGroupCreator .FilterStratum.Inactive .MDMultiValueField {
  border: 1px solid #e5e5e5;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

.HRSmartStudentGroupCreator .FilterStratum .MDMultiValueField .Tag {
  float: left;
  margin: 0 5px 3px 0;
  padding: 3px 5px;
  line-height: 1;
  font-size: 11px;
  background: #1F5ECC;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.HRSmartStudentGroupCreator .FilterStratum.Inactive .MDMultiValueField .Tag {
  background: #ccc; }

.HRSmartStudentGroupCreator .FilterStratum .MDMultiValueField .Tag span {
  width: auto; }

.HRSmartStudentGroupCreator .FilterStratum .MDMultiValueField .Tag span span {
  padding-left: 13px; }

.HRSmartStudentGroupCreator .FilterStratum .MDMultiValueField .Tag .X {
  display: inline-block;
  cursor: pointer;
  margin-right: 2px;
  width: 10px;
  height: 10px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -58px -98px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.HRSmartStudentGroupCreator .FilterStratum .MDMultiValueField .Tag.Inactive {
  background: #ccc; }

.HRSmartStudentGroupCreator .FilterStratum .MDMultiValueField .Tag span {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  color: #fff; }

.HRSmartStudentGroupCreator .FilterStratum.Inactive {
  border-bottom: 1px solid #ddd;
  background: #fdfdfd; }

.HRSmartStudentGroupCreator .FilterStratum .FilterStratumTitle {
  font-size: 14px;
  line-height: 1;
  text-shadow: #fff 0px 1px 0px;
  position: absolute;
  top: 14px;
  left: 47px; }

.HRSmartStudentGroupCreator .FilterStratum.SchoolYear .FilterStratumTitle {
  top: 10px; }

.HRSmartStudentGroupCreator .FilterStratum.Inactive .FilterStratumTitle {
  color: #ccc; }

.HRSmartStudentGroupCreator .FilterStratum .FilterStratumIcon {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 9px;
  left: 8px; }

.HRSmartStudentGroupCreator .FilterStratum.Assessments .FilterStratumIcon,
.HRSmartStudentGroupCreator .FilterStratum.AdditionalServices .FilterStratumIcon {
  left: 29px; }

.HRSmartStudentGroupCreator .FilterStratum.SchoolYear {
  height: 34px;
  background: #fdfdfd url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0px -1231px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  z-index: 5;
  border-bottom: 0px; }

.HRSmartStudentGroupCreator .FilterStratum.SchoolYear .FilterStratumIcon {
  background-position: -48px -315px;
  top: 5px; }

.HRSmartStudentGroupCreator .FilterStratum.SchoolYear.Inactive .FilterStratumIcon {
  background-position: -48px -339px; }

.HRSmartStudentGroupCreator .FilterStratum.Schools {
  z-index: 4; }

.HRSmartStudentGroupCreator .FilterStratum.Schools .FilterStratumIcon {
  background-position: -72px -315px; }

.HRSmartStudentGroupCreator .FilterStratum.Schools.Inactive .FilterStratumIcon {
  background-position: -72px -339px; }

.HRSmartStudentGroupCreator .FilterStratum.GradeLevels {
  z-index: 3; }

.HRSmartStudentGroupCreator .FilterStratum.GradeLevels .FilterStratumIcon {
  background-position: -48px -363px; }

.HRSmartStudentGroupCreator .FilterStratum.GradeLevels.Inactive .FilterStratumIcon {
  background-position: -48px -387px; }

.HRSmartStudentGroupCreator .FilterStratum.ContentAreas {
  z-index: 2; }

.HRSmartStudentGroupCreator .FilterStratum.ContentAreas .FilterStratumIcon {
  background-position: -48px -411px; }

.HRSmartStudentGroupCreator .FilterStratum.ContentAreas.Inactive .FilterStratumIcon {
  background-position: -48px -435px; }

.HRSmartStudentGroupCreator .FilterStratum.Classes {
  z-index: 1;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px; }

.HRSmartStudentGroupCreator .FilterStratum.Classes .FilterStratumIcon {
  background-position: -24px -411px; }

.HRSmartStudentGroupCreator .FilterStratum.Classes.Inactive .FilterStratumIcon {
  background-position: -24px -435px; }

.HRSmartStudentGroupCreator .FilterStratum.Assessments.Last {
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px; }

.HRSmartStudentGroupCreator .FilterStratum.Assessments .FilterStratumIcon {
  background-position: -0px -363px; }

.HRSmartStudentGroupCreator .FilterStratum.Assessments.Inactive .FilterStratumIcon {
  background-position: -0px -387px; }

.HRSmartStudentGroupCreator .FilterStratum.AdditionalServices.Last {
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px; }

.HRSmartStudentGroupCreator .FilterStratum.AdditionalServices .FilterStratumIcon {
  background-position: -72px -411px; }

.HRSmartStudentGroupCreator .FilterStratum.AdditionalServices.Inactive .FilterStratumIcon {
  background-position: -72px -435px; }

.HRSmartStudentGroupCreator .FilterStratum .FilterStratum-Pointer {
  position: absolute;
  display: block;
  width: 15px;
  height: 9px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -72px -553px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  left: 146px;
  bottom: -9px; }

.HRSmartStudentGroupCreator .FilterStratum.Inactive .FilterStratum-Pointer {
  background-position: -72px -562px; }

/* Assessments and Additional Services */
.HRSmartStudentGroupCreator .FilterListHeader {
  height: 30px;
  background: #fdfdfd;
  position: relative; }

.HRSmartStudentGroupCreator .FilterListHeader .AddAssessment,
.HRSmartStudentGroupCreator .FilterListHeader .AddService {
  position: absolute;
  left: 8px;
  bottom: 2px; }

.HRSmartStudentGroupCreator .FilterListHeader .MatchTypeToggleContainer {
  position: absolute;
  height: 18px;
  right: 8px;
  bottom: 2px;
  width: 130px; }

.HRSmartStudentGroupCreator .FilterListHeader .MatchTypeToggleContainer .MatchText {
  display: block;
  font-size: 11px;
  line-height: 1;
  position: absolute;
  right: 46px;
  top: 2px; }

.HRSmartStudentGroupCreator .FilterListHeader .MatchTypeToggleContainer .MDSlideSwitch {
  position: absolute;
  right: 0px; }

.HRSmartStudentGroupCreator .FilterStratum.Assessments,
.HRSmartStudentGroupCreator .FilterStratum.AdditionalServices {
  height: 41px; }

.HRSmartStudentGroupCreator .FilterSelectorContainer {
  height: 26px;
  width: 210px;
  position: absolute;
  left: 61px;
  top: 8px; }

.HRSmartStudentGroupCreator .FilterModifierSelectorContainer {
  height: 26px;
  width: 160px;
  position: absolute;
  right: 8px;
  top: 8px; }

.HRSmartStudentGroupCreator .FilterModifierSelectorContainer .ActiveInactiveTabs {
  position: relative;
  top: 2px; }

.HRSmartStudentGroupCreator .FilterModifierSelectorContainer .ActiveInactiveTabs li.Inactive a span {
  color: #444; }

.HRSmartStudentGroupCreator .FilterModifierSelectorContainer .ActiveInactiveTabs li.Inactive.Selected a span {
  color: #fff; }

/* Popovers */
.MDPopover.HRSmartStudentGroupCreator-ConfirmationPopover .MDPopover-Content .MDInput.Button {
  margin-left: 8px;
  float: right; }

.MDPopover.HRSmartStudentGroupCreator-NameRequired .MDPopover-Content p,
.MDPopover.HRSmartStudentGroupCreator-CriteriaRequired .MDPopover-Content p,
.MDPopover.HRSmartStudentGroupCreator-SavedConfirmation .MDPopover-Content p {
  line-height: 1;
  padding-bottom: 0;
  text-align: center;
  font-weight: bold;
  color: #c02b00; }

.MDPopover.HRSmartStudentGroupCreator-SavedConfirmation .MDPopover-Content p {
  color: #333; }

/* /HRSmartStudentGroupCreator */
/* Generic Student List */
.MDList.GenericStudentList li {
  height: 40px;
  cursor: pointer;
  padding: 0; }

.MDList.GenericStudentList li.Alternate {
  height: 40px;
  background: #e0ecfa; }

.MDList.GenericStudentList li > .InnerWrap {
  padding: 0; }

.MDList.GenericStudentList li table {
  border-collapse: collapse;
  width: 100%;
  height: 100%; }

.MDList.GenericStudentList td {
  vertical-align: middle;
  padding: 0; }

.MDList.GenericStudentList .EntityPhoto {
  width: 32px; }

.MDList.GenericStudentList .PhotoContainer {
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.MDList.GenericStudentList .PhotoContainer img {
  width: 32px;
  margin-top: -7px; }

.MDList.GenericStudentList .PhotoContainer img.Fpo {
  margin-top: 0; }

.MDList.GenericStudentList td.Name {
  padding: 4px;
  font-weight: bold;
  font-size: 18px;
  line-height: 0.8; }

.MDList.GenericStudentList td.Detail {
  padding: 2px 4px 4px;
  font-size: 11px;
  line-height: 1;
  color: #999;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px; }

.MDList.GenericStudentList.LineHeight-40 li {
  height: 40px; }

.MDList.GenericStudentList.LineHeight-40 li.Alternate {
  height: 40px; }

.MDList.GenericStudentList.LineHeight-40 .EntityPhoto {
  height: 32px; }

.MDList.GenericStudentList.LineHeight-40 .PhotoContainer {
  width: 32px;
  height: 32px; }

.MDList.GenericStudentList.LineHeight-40 .PhotoContainer img {
  width: 32px; }

.MDList.GenericStudentList.LineHeight-40 td.Name {
  font-size: 16px; }

.MDList.GenericStudentList.LineHeight-60 li {
  height: 60px; }

.MDList.GenericStudentList.LineHeight-60 li.Alternate {
  height: 60px; }

.MDList.GenericStudentList.LineHeight-60 .EntityPhoto {
  height: 52px; }

.MDList.GenericStudentList.LineHeight-60 .PhotoContainer {
  width: 52px;
  height: 52px; }

.MDList.GenericStudentList.LineHeight-60 .PhotoContainer img {
  width: 52px; }

.MDList.GenericStudentList.LineHeight-60 td.Name {
  font-size: 18px; }

.MDList.GenericStudentList .LoadMore {
  height: 26px !important;
  border-bottom: 0;
  min-height: 0 !important; }

.MDList.GenericStudentList .LoadingMore {
  color: #444;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  text-shadow: #fff 0px 1px 0px;
  text-transform: uppercase;
  padding-top: 6px;
  text-align: center;
  background: url(/homeroom/assets/images/spinner-16.gif) no-repeat left 4px;
  margin: 0 auto;
  width: 150px;
  height: 16px; }

/* /Generic Student List */
/* PRINT PREVIEW POPOVER */
.HomeroomPrintPreviewPopover {
  background: url(/homeroom/assets/images/hr-v1-body-bg-texture.png) repeat 0 0; }
  .HomeroomPrintPreviewPopover .HomeroomPrintPreviewToolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 36px; }
    .HomeroomPrintPreviewPopover .HomeroomPrintPreviewToolbar .HomeroomPrintPreviewTitle {
      font-size: 16px;
      text-shadow: #fff 0px 1px 0px;
      font-weight: bold;
      position: absolute;
      top: 13px;
      left: 13px;
      right: 122px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .HomeroomPrintPreviewPopover .HomeroomPrintPreviewToolbar .HomeroomPrintPreviewPrintButton {
      position: absolute;
      top: 8px;
      right: 8px; }
    .HomeroomPrintPreviewPopover .HomeroomPrintPreviewToolbar .HomeroomPrintPreviewCancelButton {
      position: absolute;
      top: 8px;
      right: 59px; }
    .HomeroomPrintPreviewPopover .HomeroomPrintPreviewToolbar .HomeroomPrintPreviewOptionsButton {
      position: absolute;
      top: 8px;
      right: 122px; }
    .HomeroomPrintPreviewPopover .HomeroomPrintPreviewToolbar .Toggle {
      background: #fff;
      height: 24px;
      line-height: 24px;
      padding: 0 7px;
      position: absolute;
      top: 8px;
      right: 124px;
      border: 1px solid #ccc;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
      .HomeroomPrintPreviewPopover .HomeroomPrintPreviewToolbar .Toggle .Label {
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline; }
      .HomeroomPrintPreviewPopover .HomeroomPrintPreviewToolbar .Toggle .MDSlideSwitch {
        margin-right: 0; }
  .HomeroomPrintPreviewPopover .HomeroomPrintPreviewContentWrapper {
    position: absolute;
    top: 42px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden; }
    .HomeroomPrintPreviewPopover .HomeroomPrintPreviewContentWrapper .HomeroomPrintPreviewContentContainer {
      position: absolute;
      top: 10px;
      right: 30px;
      bottom: 40px;
      left: 30px;
      overflow: auto;
      padding: 60px;
      background: #fff;
      -moz-box-shadow: 0 5px 10px #222222;
      -webkit-box-shadow: 0 5px 10px #222222;
      box-shadow: 0 5px 10px #222222; }
    .HomeroomPrintPreviewPopover .HomeroomPrintPreviewContentWrapper .HomeroomPrintPreviewDisclaimer {
      font-size: 12px;
      font-style: italic;
      font-weight: bold;
      text-align: center;
      position: absolute;
      bottom: 12px;
      width: 100%;
      color: #aaa;
      text-shadow: #fff 0px 1px 0px;
      display: inline-block;
      line-height: 1; }

.PrintOptionsContainer .Toggle {
  position: relative;
  height: 28px;
  line-height: 28px;
  padding: 0 7px; }
.PrintOptionsContainer .Label {
  font-weight: bold;
  display: inline;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }
.PrintOptionsContainer .MDSlideSwitch {
  position: absolute;
  right: 0;
  width: 42px;
  margin-top: 8px;
  margin-right: 2px; }

/* /PRINT PREVIEW POPOVER */
/* Simple scrollbars */
::-webkit-scrollbar {
  width: 10px;
  height: 6px;
  background: transparent;
  cursor: pointer; }

::-webkit-scrollbar-thumb:vertical {
  background: #aaa;
  -webkit-border-radius: 3px; }

::-webkit-scrollbar-thumb:horizontal {
  background: #aaa;
  -webkit-border-radius: 3px; }

.MassPrintConfigurator {
  background: url(/homeroom/assets/images/hr-v1-body-bg-texture.png);
  font-size: 14px; }
  .MassPrintConfigurator .ScrollShadow {
    background-image: url(/homeroom/assets/images/md-core-sprite.png);
    position: absolute;
    right: 0;
    left: 0; }
    .MassPrintConfigurator .ScrollShadow.Top {
      background-position: left -3402px;
      height: 7px;
      top: 42px; }
    .MassPrintConfigurator .ScrollShadow.Bottom {
      background-position: left -3409px;
      height: 5px;
      top: auto;
      bottom: 65px; }
  .MassPrintConfigurator .Line {
    margin-bottom: 20px; }
  .MassPrintConfigurator .OptionText {
    font-weight: bold; }
  .MassPrintConfigurator .MDSlideSwitch {
    vertical-align: text-bottom; }
  .MassPrintConfigurator .HelperText {
    display: block;
    font-size: 12px;
    font-style: italic;
    padding-left: 20px; }
  .MassPrintConfigurator .CheckButton {
    margin-left: 20px;
    margin-bottom: 5px;
    color: #aaa;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .MassPrintConfigurator .CheckButton.Active {
      color: #444; }
      .MassPrintConfigurator .CheckButton.Active .Icon-CheckToggle {
        background-position: -16px -1451px; }
    .MassPrintConfigurator .CheckButton .Icon-CheckToggle {
      background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat 0 -1451px;
      height: 16px;
      width: 16px; }
  .MassPrintConfigurator .CustomSignatureBlockContainer .AddLineButton {
    margin-left: 20px; }
  .MassPrintConfigurator .CustomSignatureBlockList li {
    margin-left: 20px;
    margin-bottom: 10px; }
  .MassPrintConfigurator .CustomSignatureBlockList .Editable {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 220px; }
  .MassPrintConfigurator .CustomSignatureBlockList .Button {
    margin-left: 4px; }
  .MassPrintConfigurator .CustomSignatureBlockList .EditElementWrapper {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
    .MassPrintConfigurator .CustomSignatureBlockList .EditElementWrapper .ButtonsContainer {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline; }
      .MassPrintConfigurator .CustomSignatureBlockList .EditElementWrapper .ButtonsContainer .Button {
        margin: 0 0 0 4px; }

.MassPrintConfiguratorTitle {
  height: 36px;
  font-size: 16px;
  text-shadow: white 0px 1px 0px;
  font-weight: bold;
  position: absolute;
  top: 13px;
  right: 20px;
  left: 20px; }

.MassPrintConfiguratorBody {
  background: #fff;
  border-top: 1px solid #ccc;
  padding: 20px 20px 1px;
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 65px;
  left: 0;
  overflow: auto; }

.MassPrintConfiguratorFooter {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #fff;
  height: 65px;
  padding: 19px 20px 0;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }
  .MassPrintConfiguratorFooter .Button {
    float: right; }

.MassPrintConfiguratorCloseButton.Button {
  background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat 0 -411px;
  border-width: 0;
  float: none;
  height: 24px;
  left: 20px;
  position: absolute;
  top: 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 24px; }
  .MassPrintConfiguratorCloseButton.Button.Over {
    background-position: 0 -435px; }

/* StudentActivities Widget */
.Widget.StudentActivities .Activity {
  padding: 18px;
  position: relative;
  color: #444;
  cursor: pointer; }

.Widget.StudentActivities .Activity.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.StudentActivities .Activity .ActivityTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.StudentActivities .ActivityDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.StudentActivities .ActivityDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999; }

.Widget.StudentActivities .ActivityDetailsTable td.Details .CellInner {
  padding-left: 12px; }

/* /StudentActivities Widget */
/* ************************************************************************ */
/* StudentAssessments Widget (includes AutonomousAssessmentBarChart) ******* */
/* ************************************************************************ */
.Widget.StudentAssessments {
  height: 100%;
  position: relative;
  z-index: 100; }

.Widget.StudentAssessments .SelectorBar {
  background: #eeeeee url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0px -1231px;
  height: 51px;
  width: 100%;
  border-bottom: 1px solid #aaa;
  position: relative;
  z-index: 200; }

.Widget.StudentAssessments .StudentGroupSelectorBar {
  position: absolute;
  top: 0px;
  right: 50%;
  bottom: 0px;
  left: 0px;
  border-right: 1px solid #aaa;
  cursor: pointer; }

.Widget.StudentAssessments .AssessmentSelectorBar {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 50%;
  cursor: pointer; }

.Widget.StudentAssessments .FilterTwoSelector .MDList li .AssessmentTestSetName {
  font-size: 14px;
  font-weight: 300;
  position: absolute;
  top: 12px;
  left: 26px; }

.Widget.StudentAssessments .SelectorBar .DisplayedText {
  font-size: 14px;
  font-weight: bold;
  text-shadow: #fff 0px 1px 0px;
  color: #444;
  position: absolute;
  top: 17px;
  /* left: 58px; */
  left: 16px; }

.Widget.StudentAssessments .SelectorBar .AssessmentSelectorBar .DisplayedText {
  /* left: 70px; */
  left: 28px; }

.Widget.StudentAssessments .SelectorBar .DisplayedDescription {
  position: absolute;
  top: 34px;
  left: 58px;
  right: 35px;
  bottom: 3px;
  overflow: hidden;
  color: #666;
  font-size: 11px; }

.Widget.StudentAssessments .SelectorBar .Nipple {
  position: absolute;
  left: 100%;
  right: -16px;
  top: 11px;
  width: 16px;
  height: 29px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -72px -848px; }

.Widget.StudentAssessments .SelectorBar .Arrow {
  position: absolute;
  right: 18px;
  top: 19px;
  width: 16px;
  height: 14px;
  background: transparent url(/homeroom/assets/images/md-core-sprite.png) repeat-x left -1319px; }

.Widget.StudentAssessments .SelectorBar .StudentGroupSelectorBar.Open .Arrow,
.Widget.StudentAssessments .SelectorBar .AssessmentSelectorBar.Open .Arrow {
  background-position: -16px -1319px; }

.Widget.StudentAssessments .FilterOneContainer,
.Widget.StudentAssessments .FilterTwoContainer {
  background: #fff;
  /* height: 470px; */
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 190;
  left: 0;
  right: 50%;
  top: 52px;
  border-top: 0;
  box-shadow: #000 0px 0px 8px;
  -webkit-box-shadow: #000 0px 0px 8px;
  -moz-box-shadow: #000 0px 0px 8px;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-background-clip: padding;
  background-clip: padding-box; }
  .Widget.StudentAssessments .FilterOneContainer .StudentGroupSelector,
  .Widget.StudentAssessments .FilterOneContainer .AssessmentSelector,
  .Widget.StudentAssessments .FilterTwoContainer .StudentGroupSelector,
  .Widget.StudentAssessments .FilterTwoContainer .AssessmentSelector {
    overflow: auto; }
.ie8 .Widget.StudentAssessments .FilterOneContainer.Open {
  border-right: 2px solid #999;
  border-bottom: 2px solid #999; }
.Widget.StudentAssessments .FilterTwoContainer {
  left: 50%;
  right: 0; }
  .ie8 .Widget.StudentAssessments .FilterTwoContainer.Open {
    border-left: 2px solid #999;
    border-bottom: 2px solid #999; }

.Widget.StudentAssessments .ContentTabContainer {
  position: absolute;
  z-index: 101;
  top: 52px;
  /* height: 33px; */
  height: 0px;
  right: 0px;
  left: 0px;
  overflow: hidden;
  background: #555555 url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0px -1160px; }

/* For when viewed in a popover modal */
.StudentAssessmentPopover h3 {
  font-size: 14px;
  font-weight: bold;
  left: 70px;
  position: absolute;
  top: 3px; }

.Widget.StudentAssessments .ContentWrapper {
  overflow: auto;
  position: absolute;
  top: 52px;
  right: 0;
  bottom: 0;
  left: 0; }

.StudentAssessmentsView {
  padding: 6px; }

.StudentAssessmentsView * {
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.StudentAssessmentsView .Header {
  padding: 6px 0 8px;
  height: 85px;
  position: relative; }

.StudentAssessmentsView .Tabs-Small {
  position: relative;
  z-index: 1000; }

.StudentAssessmentsView .Fullscreen {
  position: absolute;
  top: 0;
  right: 6px;
  z-index: 2000; }

.StudentAssessmentsView .Header .SortMenu {
  position: absolute;
  bottom: 0;
  left: 0; }

.StudentAssessmentsView .Title {
  font-size: 16px;
  font-weight: bold; }

.StudentAssessmentsView .SchoolYear {
  margin-bottom: 14px; }

.StudentAssessmentsView .SchoolYearNameForPrint {
  display: none;
  background: #e5e5e5;
  font-size: 18px;
  font-weight: bold;
  padding: 4px; }

.StudentAssessmentsView .SubjectArea {
  margin-bottom: 10px;
  margin-top: 10px; }

.StudentAssessmentsView .SubjectAreaName {
  font-size: 16px;
  font-weight: bold;
  padding: 4px 0; }

/* Student AssessmentsGraph (AutonomousAssessmentBarChart) */
.AutonomousAssessmentsGraph {
  width: 98%;
  border-collapse: collapse; }

.AutonomousAssessmentsGraph .AssessmentTest {
  margin-bottom: 10px;
  clear: left;
  overflow: hidden; }

.AutonomousAssessmentsGraph .AssessmentLabel {
  width: 30%;
  height: 29px;
  overflow: hidden;
  float: left;
  line-height: 1.2;
  font-size: 12px;
  display: table;
  table-layout: fixed; }
  .AutonomousAssessmentsGraph .AssessmentLabel .AssessmentLabelInner {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 2px; }
  .AutonomousAssessmentsGraph .AssessmentLabel .AssessmentLabelText {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .AutonomousAssessmentsGraph .AssessmentLabel .AssessmentLabelDetails {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #777;
    font-size: 11px; }
    .AutonomousAssessmentsGraph .AssessmentLabel .AssessmentLabelDetails:empty {
      display: none; }

.AutonomousAssessmentsGraph .AssessmentLabel span {
  display: block; }

/* Strand Parents... */
.AutonomousAssessmentsGraph .StrandParent > .AssessmentLabel {
  cursor: pointer; }

.AutonomousAssessmentsGraph .StrandParent .AssessmentLabel .AssessmentLabelText {
  font-weight: bold; }

.AutonomousAssessmentsGraph .StrandParent.Open {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #eee; }

.AutonomousAssessmentsGraph .StrandParent > .AssessmentLabel:hover,
.AutonomousAssessmentsGraph .StrandParent.Open > .AssessmentLabel {
  background: #387FE8;
  border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px; }
  .AutonomousAssessmentsGraph .StrandParent > .AssessmentLabel:hover .AssessmentLabelText,
  .AutonomousAssessmentsGraph .StrandParent > .AssessmentLabel:hover .AssessmentLabelDetails,
  .AutonomousAssessmentsGraph .StrandParent.Open > .AssessmentLabel .AssessmentLabelText,
  .AutonomousAssessmentsGraph .StrandParent.Open > .AssessmentLabel .AssessmentLabelDetails {
    color: #fff;
    text-shadow: #222 0 1px 0; }

.AutonomousAssessmentsGraph .StrandParent > .AssessmentLabel:active {
  background: #004DC1; }
  .AutonomousAssessmentsGraph .StrandParent > .AssessmentLabel:active .AssessmentLabelText,
  .AutonomousAssessmentsGraph .StrandParent > .AssessmentLabel:active .AssessmentLabelDetails {
    color: #fff; }

.AutonomousAssessmentsGraph .AssessmentBar {
  position: relative;
  width: 70%;
  float: left; }

.AutonomousAssessmentsGraph .AssessmentDate {
  width: 60px; }

.AutonomousAssessmentsGraph .BarContainer {
  position: relative;
  height: 29px;
  border-left: 1px solid #ccc;
  border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  z-index: 100; }

.AutonomousAssessmentsGraph .BarContainer .ThresholdMarkersContainer {
  height: 12px;
  background: transparent;
  border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  z-index: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*overflow:hidden;*/ }

.PerformanceLevelStripe {
  position: absolute;
  height: 4px;
  left: 0;
  width: 2px;
  top: 0px;
  border-top-right-radius: 6px; }

.PerformanceLevelStripe .ScoreFlag {
  color: #fff;
  display: block;
  font-size: 11px;
  line-height: 1;
  padding: 1px 5px 1px;
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }

.ContainsOverlappedScoreFlags .PerformanceLevelStripe.Max .ScoreFlag {
  top: -12px; }

.AutonomousAssessmentsGraph .BarContainer .Bar {
  height: 24px;
  position: relative;
  border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  top: 5px; }

.AutonomousAssessmentsGraph .BarContainer .Bar .BarScore {
  color: white;
  font-size: 11px;
  line-height: 1;
  position: absolute;
  bottom: 1px;
  right: 0;
  padding-left: 5px;
  padding-right: 5px;
  text-shadow: #444 1px 1px 0px;
  z-index: 500; }

/* Met Not Met version */
.AutonomousAssessmentsGraph .MetNotMetContainer .MetNotMetMarker {
  background-color: transparent;
  border: none;
  border-radius: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 15px;
  height: 15px;
  padding: 0;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent !important;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.AutonomousAssessmentsGraph .MetNotMetContainer .MetNotMetMarker.Met {
  background-position: left -1033px; }

.AutonomousAssessmentsGraph .MetNotMetContainer .MetNotMetMarker.NotMet {
  background-position: -45px -1033px; }

/* Strands */
.AutonomousAssessmentsGraph .AssessmentTest .AssessmentStrands {
  clear: left;
  padding-top: 10px; }

.StudentAssessmentPopover .AutonomousAssessmentsGraph .AssessmentLabel {
  width: 40%; }

.StudentAssessmentPopover .AutonomousAssessmentsGraph .AssessmentBar {
  width: 60%; }

.AutonomousAssessmentsGraph .AssessmentStrands .AssessmentLabel .AssessmentLabelText {
  font-weight: normal; }

.AutonomousAssessmentsGraph .AssessmentStrands .AssessmentTest {
  margin-bottom: 10px; }

/* FULLSCREEN Modifications */
.StudentAssessments.Fullscreen {
  padding-top: 10px; }

.Fullscreen .AutonomousAssessmentsGraph .AssessmentLabel {
  width: 20% !important; }

.Fullscreen .AutonomousAssessmentsGraph .AssessmentBar {
  width: 80% !important; }

/* /Student AssessmentsGraph (includes AutonomousAssessmentBarChart) */
/* ************************************************************************ */
/* Assessments Widget ***************************************************** */
/* ************************************************************************ */
.AssessmentUploads .MDPopover-Content {
  padding: 0; }
.AssessmentUploads .ColumnContainer {
  display: table; }
.AssessmentUploads .Column {
  display: table-cell;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.AssessmentUploads .Upload {
  border-right: 1px solid #ccc;
  color: #aaa;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 230px; }
  .AssessmentUploads .Upload p,
  .AssessmentUploads .Upload .Button {
    margin-bottom: 15px; }
.AssessmentUploads .Title {
  font-size: 18px;
  font-weight: bold; }
.AssessmentUploads .FormLine {
  margin: 10px 0; }
  .AssessmentUploads .FormLine .Label {
    color: #999; }
  .AssessmentUploads .FormLine .InputContainer {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
    .AssessmentUploads .FormLine .InputContainer:first-child {
      margin-left: 0; }
    .AssessmentUploads .FormLine .InputContainer.InlineLabel {
      line-height: 26px;
      vertical-align: bottom; }
      .AssessmentUploads .FormLine .InputContainer.InlineLabel .Label {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline; }
  .AssessmentUploads .FormLine .Button.Delete {
    height: 26px;
    padding: 6px 0;
    vertical-align: bottom; }
    .AssessmentUploads .FormLine .Button.Delete + .InputContainer .MDInput.Text {
      width: 196px; }
.AssessmentUploads .Section {
  margin-top: 20px; }
  .AssessmentUploads .Section .Title {
    font-weight: normal; }
    .AssessmentUploads .Section .Title .Button {
      margin-left: 10px; }
.AssessmentUploads .ColumnActions {
  margin-top: 20px;
  text-align: right; }
  .AssessmentUploads .ColumnActions .Button {
    margin-left: 10px; }

.Widget.Assessments .SelectorBar {
  background: #eeeeee url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0px -1231px;
  height: 51px;
  width: 100%;
  border-bottom: 1px solid #aaa;
  position: relative;
  z-index: 200; }

.Widget.Assessments .SelectorBar .StudentGroupSelectorBar {
  position: absolute;
  top: 0px;
  right: 50%;
  bottom: 0px;
  left: 0px;
  border-right: 1px solid #aaa;
  cursor: pointer; }

.Widget.Assessments .SelectorBar .AssessmentSelectorBar {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 50%;
  cursor: pointer; }

.Widget.Assessments .SelectorBar .DisplayedText {
  font-size: 14px;
  font-weight: bold;
  text-shadow: #fff 0px 1px 0px;
  color: #444;
  position: absolute;
  top: 17px;
  left: 58px; }

.Widget.Assessments .SelectorBar .AssessmentSelectorBar .DisplayedText {
  left: 70px; }

.Widget.Assessments .SelectorBar .DisplayedDescription {
  position: absolute;
  top: 34px;
  left: 58px;
  right: 35px;
  bottom: 3px;
  overflow: hidden;
  color: #666;
  font-size: 11px; }

.Widget.Assessments .SelectorBar .Icon {
  position: absolute;
  width: 32px;
  height: 29px;
  top: 11px;
  left: 13px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.Widget.Assessments .SelectorBar .Icon.StudentGroup {
  background-position: -35px -1102px; }

.Widget.Assessments .SelectorBar .Icon.Assessment {
  background-position: 0px -1102px;
  left: 26px;
  top: 12px; }

.Widget.Assessments .SelectorBar .Nipple {
  position: absolute;
  left: 100%;
  right: -16px;
  top: 11px;
  width: 16px;
  height: 29px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -72px -848px; }

.Widget.Assessments .SelectorBar .Arrow {
  position: absolute;
  right: 18px;
  top: 19px;
  width: 16px;
  height: 14px;
  background: transparent url(/homeroom/assets/images/md-core-sprite.png) repeat-x left -1319px; }

.Widget.Assessments .SelectorBar .StudentGroupSelectorBar.Open .Arrow,
.Widget.Assessments .SelectorBar .AssessmentSelectorBar.Open .Arrow {
  background-position: -16px -1319px; }

.Widget.Assessments .StudentGroupSelectorContainer {
  background: #fff;
  /* height: 470px; */
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 190;
  left: 0;
  right: 50%;
  top: 52px;
  border-top: 0;
  box-shadow: #000 0px 0px 8px;
  -webkit-box-shadow: #000 0px 0px 8px;
  -moz-box-shadow: #000 0px 0px 8px;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.ie8 .Widget.Assessments .StudentGroupSelectorContainer.Open {
  border-right: 2px solid #999;
  border-bottom: 2px solid #999; }

.Widget.Assessments .AssessmentSelectorContainer {
  background: #fff;
  /* height: 470px; */
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 190;
  left: 50%;
  right: 0;
  top: 52px;
  border-top: 0;
  box-shadow: #000 0px 0px 8px;
  -webkit-box-shadow: #000 0px 0px 8px;
  -moz-box-shadow: #000 0px 0px 8px; }

.ie8 .Widget.Assessments .AssessmentSelectorContainer.Open {
  border-left: 2px solid #999;
  border-bottom: 2px solid #999; }

.Widget.Assessments .ContentTabContainer {
  position: absolute;
  z-index: 101;
  top: 52px;
  height: 0px;
  right: 0px;
  left: 0px;
  overflow: hidden;
  background: #555555;
  /* Old browsers */
  /* IE9 SVG */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #555555 0%, #999999 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #999999));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #555555 0%, #999999 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #555555 0%, #999999 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #555555 0%, #999999 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #555555 0%, #999999 100%);
  /* W3C */ }

.ie8 .Widget.Assessments .ContentTabContainer {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#999999',GradientType=0 );
  /* IE6-8 */ }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons {
  overflow: hidden;
  margin: 0 8px 0 8px;
  height: 23px;
  position: absolute;
  bottom: 0px; }

/* reset */
.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab,
.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab a,
.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab a span {
  display: block;
  height: 23px;
  background-image: none;
  font-weight: normal;
  position: relative; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab {
  filter: none !important;
  border: none;
  float: left;
  margin-left: 2px;
  width: 190px;
  overflow: hidden;
  background: #ccc;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab:first-child {
  margin-left: 0; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab.Selected {
  background: #fff;
  -moz-box-shadow: 0px 5px #333333;
  -webkit-box-shadow: 0px 5px #333333;
  box-shadow: 0px 5px #333333; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab .X {
  display: none;
  width: 14px;
  height: 14px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -88px -1444px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 5px;
  left: 5px; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab.Over .X {
  display: block;
  background-position: -88px -1444px; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab.Selected .X {
  display: block;
  background-position: -88px -1430px; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab.Selected.Over .X {
  display: block;
  background-position: -88px -1444px; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab a {
  position: absolute;
  top: 7px;
  left: 24px;
  overflow: hidden;
  text-decoration: none;
  padding-left: 0; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab a span {
  padding-top: 0px;
  height: 16px;
  font-size: 11px;
  line-height: 1;
  color: #444;
  white-space: nowrap; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab.Selected a span {
  color: #444; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab.Inactive a {
  cursor: default; }

.Widget.Assessments .ContentTabContainer .MDTabs-Buttons .MDTabs-Tab.Inactive a span {
  color: #aaa; }

.Widget.Assessments .ContentWrapper {
  position: absolute;
  z-index: 101;
  /* top: 85px; */
  top: 52px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent url(/homeroom/assets/images/assessmentswidget-empty-instructions.png) no-repeat 50% 100px; }

/* /Assessments Widget */
/* See "HRCore.css" for AssessmentSelector properties */
/* AssessmentView */
.AssessmentView {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }

.AssessmentView .Title {
  font-size: 20px;
  line-height: 26px;
  color: #444;
  padding: 8px 0 8px 8px;
  font-weight: bold; }

.AssessmentView .PerformancLevelMenuTrigger {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 160px; }

.AssessmentSetView .PerformancLevelMenuTrigger {
  top: 7px; }

.AssessmentView .out-of-district {
  float: right;
  margin-top: 4px; }

.AssessmentView .StudentGroupingsContainer {
  position: absolute;
  z-index: 10000;
  top: 8px;
  right: 8px;
  min-width: 162px;
  padding: 8px 8px 0px;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px; }

.ie8 .AssessmentView .StudentGroupingsContainer {
  border: 2px solid #aaa; }

.AssessmentView .StudentGroupingsContainer .Grouping {
  cursor: pointer;
  height: 28px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  float: right;
  clear: right;
  width: 100%;
  margin-bottom: 8px; }

.AssessmentView .StudentGroupingsContainer .Grouping.CurrentlySelected {
  background-color: #387FE8; }

.AssessmentView .StudentGroupingsContainer .Grouping .InfoTrigger {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  left: 5px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x 0px -1086px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.AssessmentPerformanceLevelInfoPopover table td {
  padding: 4px; }

.AssessmentPerformanceLevelInfoPopover table td.Value {
  text-align: right; }

.AssessmentView .StudentGroupingsContainer .Grouping .NewStudentGroupTrigger {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  left: 26px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -16px -1086px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.AssessmentView .StudentGroupingsContainer .Grouping .Name {
  display: block;
  font-size: 12px;
  line-height: 1;
  padding: 8px 8px 0 47px;
  color: #fff;
  text-shadow: #000 0px 1px 0px; }

.AssessmentView .ChartControls {
  height: 20px;
  position: absolute;
  top: 44px;
  left: 36px;
  right: 30px; }

.AssessmentView .ChartControls .SearchFilterContainer {
  display: inline-block;
  margin: 0 0 0 -36px;
  padding: 0 7px;
  vertical-align: top;
  width: 190px; }

.AssessmentView.MetNotMet .ChartControls {
  top: 40px; }

.AssessmentView.MetNotMet.MetNotMetLevels .ChartControls {
  top: 80px; }

.AssessmentView .ChartControls .MDInput.Button {
  margin-right: 5px; }

.AssessmentView .ChartControls .NumberPercentToggle {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-right: 0 !important; }

.AssessmentView .StudentCount {
  position: absolute;
  top: 70px;
  left: 10px; }

.AssessmentView .BarChartContainer {
  position: absolute;
  /* top: 112px; */
  top: 76px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: auto; }

.AssessmentView.MetNotMet .BarChartContainer {
  top: 72px; }

.AssessmentView.MetNotMet.MetNotMetLevels .BarChartContainer,
.AssessmentView.MetNotMet.MetNotMetLevels .BarChartContainerScrollShadow {
  top: 112px; }

.AssessmentView .BarChartContainerScrollShadow {
  display: block;
  position: absolute;
  height: 5px;
  /*top: 112px;*/
  top: 76px;
  left: 0;
  right: 0;
  bottom: 117px;
  background-image: url(/homeroom/assets/images/hr-v1-navbar-shelf-shadow.png);
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 0; }

/* PercentageBarChart */
.AssessmentView.PercentageBarChart {
  background: #fff; }
  .AssessmentView.PercentageBarChart .ChartControls {
    height: auto;
    position: relative;
    margin-left: 36px;
    margin-right: 30px;
    padding-right: 68px;
    top: auto;
    right: auto;
    left: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .AssessmentView.PercentageBarChart .BarChartContainer,
  .AssessmentView.PercentageBarChart .BarChartContainerScrollShadow {
    top: 72px; }

.AssessmentView.PercentageBarChart .out-of-district {
  position: absolute;
  top: 13px;
  right: 176px;
  float: none;
  margin: 0; }

.AssessmentView.PercentageBarChart .ChartControls .ViewAllStudents {
  display: inline-block;
  margin-left: 14px; }

.PercentageBarChartTable {
  width: 100%; }

.PercentageBarChartTable .HeaderLabelCell {
  font-weight: bold;
  padding: 5px 0px 15px; }

.PercentageBarChartTable .HeaderLabelCell.ListType {
  padding-left: 45px; }

.PercentageBarChartTable .MemberLabelCell {
  width: 22%;
  position: relative;
  padding-bottom: 10px; }

.PercentageBarChartTable .MemberLabelCell .MemberLabelControls {
  position: relative; }

.PercentageBarChartTable .ProfileLink {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -80px -757px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 29px; }

.PercentageBarChartTable .MemberLabel {
  display: block;
  font-size: 11px;
  line-height: 1;
  margin-left: 45px;
  font-weight: bold; }

.PercentageBarChartTable .MemberLabel.Link {
  color: #387FE8;
  cursor: pointer;
  margin-bottom: 2px;
  text-decoration: underline; }

.PercentageBarChartTable .MemberNameNote {
  font-size: 11px;
  line-height: 1;
  color: #999;
  font-weight: normal;
  margin-left: 45px; }

.PercentageBarChartTable .HideTrigger {
  display: none;
  width: 16px;
  height: 16px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -74px -1068px;
  position: absolute;
  top: -2px;
  left: 7px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

.PercentageBarChartTable .Member:hover .HideTrigger,
.PercentageBarChartTable .Over .HideTrigger {
  display: block; }

.PercentageBarChartTable .Spacer {
  width: 20px; }

.PercentageBarChart .BarContainerCell {
  vertical-align: top; }

.PercentageBarChart .BarContainer {
  height: 20px;
  width: 0px;
  overflow: hidden; }

.PercentageBarChart .BarContainer .Bar {
  height: 20px;
  min-width: 28px !important;
  float: left; }

.PercentageBarChart .BarContainer .Bar.First {
  border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px; }

.PercentageBarChart .BarContainer .Bar.Last {
  border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px; }

.PercentageBarChart .BarContainer .Bar .LevelDetailsContainer {
  position: relative;
  height: 16px;
  width: 36px;
  top: 2px;
  left: 50%;
  margin-left: -18px;
  text-align: center; }

.PercentageBarChart .BarContainer .Bar .LevelAddToStudentGroupTrigger,
.PercentageBarChart .BarContainer .Bar .LevelInfoTrigger {
  display: none;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0; }

.PercentageBarChart .BarContainer .Bar.Over .LevelAddToStudentGroupTrigger {
  display: block;
  left: 18px;
  background-position: -16px -1086px; }

.PercentageBarChart .BarContainer .Bar.Over .LevelInfoTrigger {
  display: block;
  left: 0px;
  background-position: 0px -1086px; }

.PercentageBarChart .BarContainer .Bar .LevelCountText {
  display: block;
  position: relative;
  top: 2px;
  width: 100%;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  text-shadow: #444 1px 1px 0px; }

.PercentageBarChart .BarContainer .Bar.Over .LevelCountText,
.PercentageBarChart.Percentages .BarContainer .Bar .LevelCountText {
  display: none; }

.PercentageBarChart .BarContainer .Bar .LevelPercentageText {
  display: none;
  position: relative;
  top: 2px;
  width: 100%;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  text-shadow: #444 1px 1px 0px; }

.PercentageBarChart.Percentages .BarContainer .Bar .LevelPercentageText {
  display: block; }

.PercentageBarChart.Percentages .BarContainer .Bar.Over .LevelPercentageText {
  display: none; }

.PercentageBarChart_StudentGroupingAddToStudentGroupPopover h3 {
  font-weight: bold;
  margin: 0px 0px 14px 6px;
  font-size: 12px; }

.PercentageBarChart_StudentGroupingAddToStudentGroupPopover .ValueTypeIconCell {
  display: none; }

.PercentageBarChart_StudentGroupingAddToStudentGroupPopover .NewStudentGroupNameInput,
.PercentageBarChart_StudentGroupingAddToStudentGroupPopover .MDInput.Select {
  width: 170px;
  margin-right: 10px; }

.PercentageBarChart_StudentGroupingAddToStudentGroupPopover .CreateStudentGroupForm {
  margin-bottom: 12px; }

/* Assessment Student Grouping (performance level) Info Popover - used both above and inside the bar charts */
.AssessmentPerformanceLevelInfoPopover table {
  width: 100%; }

.AssessmentPerformanceLevelInfoPopover .StudentGroupListShadow {
  display: none;
  position: absolute;
  height: 5px;
  top: 60px;
  left: 0;
  right: 0;
  background-image: url(/homeroom/assets/images/hr-v1-navbar-shelf-shadow.png);
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 0; }

.AssessmentPerformanceLevelInfoPopover .StudentGroupListContainer {
  position: absolute;
  top: 60px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: auto; }

/* /PercentageBarChart */
/* HorizontalBarChart */
.AssessmentView.HorizontalBarChart {
  background: #fff; }

.AssessmentView.HorizontalBarChart .BarChartContainer,
.AssessmentView.HorizontalBarChart .BarChartContainerScrollShadow {
  /* top: 127px; */
  top: 90px; }

.Button.HorizontalBarChart-OpenStrandsInNewTabTrigger {
  color: #387FE6 !important;
  font-size: 13px;
  font-weight: bold;
  margin: 0 4px; }
  .Button.HorizontalBarChart-OpenStrandsInNewTabTrigger .Icon-OpenInNew {
    background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat -60px -190px;
    height: 20px;
    width: 20px; }

.HorizontalBarChartTable {
  width: 100%; }

.HorizontalBarChartTable .Member {
  cursor: pointer; }

.HorizontalBarChartTable .Member td {
  padding-bottom: 5px; }

.HorizontalBarChartTable .StudentNameAndControlsCell {
  width: 22%;
  border-right: 1px solid #999; }

.HorizontalBarChartTable .StudentNameAndControls {
  font-size: 11px;
  line-height: 1;
  width: 100%;
  position: relative; }

.HorizontalBarChartTable .HideTrigger {
  display: none;
  width: 16px;
  height: 16px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -74px -1068px;
  position: absolute;
  top: 2px;
  left: 8px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

.HorizontalBarChartTable .Over .HideTrigger {
  display: block; }

.HorizontalBarChartTable .NameSelector {
  height: 20px;
  margin-left: 3px;
  border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  position: relative;
  cursor: pointer; }

.HorizontalBarChartTable .Member:hover .NameSelector,
.HorizontalBarChartTable .Over .NameSelector {
  background-color: #A1C5E8; }

.HorizontalBarChartTable .Selected .NameSelector {
  background-color: #387FE8; }

.HorizontalBarChartTable .ProfileLink {
  width: 12px;
  height: 12px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -80px -757px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 4px;
  left: 4px; }

.HorizontalBarChartTable .Selected .ProfileLink {
  display: none; }

.HorizontalBarChartTable .Name {
  display: block;
  padding-left: 20px;
  padding-top: 5px; }

.HorizontalBarChartTable .Selected .Name {
  color: #fff; }

.HorizontalBarChartTable .PlusIcon {
  display: none;
  width: 16px;
  height: 16px;
  background: transparent url(/homeroom/assets/images/md-core-sprite.png) repeat-x -32px -1503px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 2px;
  right: 4px; }

.HorizontalBarChartTable .Member:hover .PlusIcon,
.HorizontalBarChartTable .Over .PlusIcon {
  display: block; }

.HorizontalBarChartTable .Member.Selected .PlusIcon {
  background-position: -32px -1487px; }

.HorizontalBarChartTable .BarContainer {
  height: 20px;
  background: #e5e5e5;
  border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px; }

.HorizontalBarChartTable .Bar {
  height: 20px;
  position: relative;
  border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px; }

.HorizontalBarChartTable .BarScore {
  color: white;
  font-size: 11px;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -6px;
  /* 							text-shadow: #444 1px 1px 0px; */ }

.HorizontalBarChartTable .Spacer {
  width: 20px; }

.AssessmentView.HorizontalBarChart .ThresholdMarker {
  position: absolute;
  width: 1px;
  /* top: 127px; */
  top: 90px;
  left: 0;
  z-index: 20; }

.AssessmentView.HorizontalBarChart .ThresholdMarker:after {
  content: '';
  position: absolute;
  top: -17px;
  right: 0;
  height: 6px;
  width: 6px;
  border: 7px solid transparent;
  border-right-color: inherit; }

.AssessmentView.HorizontalBarChart .ThresholdFlag {
  position: absolute;
  top: -20px;
  font-size: 11px;
  text-align: right;
  padding: 0 3px;
  right: 0px;
  width: auto;
  /*to be 33px*/
  height: 16px;
  z-index: 25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: white;
  font-weight: bold;
  text-shadow: #444 1px 1px 0px; }

.AssessmentView.HorizontalBarChart.ContainsOverlappedThresholdFlags .ThresholdMarker.Max .ThresholdFlag {
  top: -40px; }

/* /HorizontalBarChart */
/* PassFail Version */
.AssessmentView.HorizontalBarChart.MetNotMet .HorizontalBarChartTable .MetNotMetContainer {
  height: 17px;
  width: 65px;
  padding-top: 3px; }

.AssessmentView.HorizontalBarChart.MetNotMet .HorizontalBarChartTable .MetNotMetMarker {
  background-color: transparent;
  margin: 0 auto 0;
  border: none;
  border-radius: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 15px;
  height: 15px;
  padding: 0;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent !important;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.AssessmentView.HorizontalBarChart.MetNotMet .HorizontalBarChartTable .MetNotMetMarker.Met {
  background-position: left -1033px; }

.AssessmentView.HorizontalBarChart.MetNotMet .HorizontalBarChartTable .MetNotMetMarker.NotMet {
  background-position: -45px -1033px; }

/* /PassFail Version */
/* /////////////////////////////////////////////////////////////////////////////////////// */
/* ITEM ANALYSIS ///////////////////////////////////////////////////////////////////////// */
/* Item Analysis Generics */
.AssessmentView.ItemAnalysis h3.Title {
  padding-left: 12px;
  max-width: 700px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.AssessmentView.ItemAnalysis .out-of-district {
  float: none;
  position: absolute;
  top: 13px;
  right: 8px;
  margin: 0; }

.AssessmentView.ItemAnalysis .BarChartContainer {
  background: #fff;
  top: 50px;
  overflow: hidden; }

.ItemAnalysis table {
  border-collapse: collapse; }

.ItemAnalysis table tr {
  vertical-align: top; }

.ItemAnalysis table td {
  padding: 6px;
  border: 1px solid #ddd; }

.ItemAnalysis .CellInner {
  position: relative;
  font-size: 11px;
  line-height: 1; }

.ItemAnalysis .StudentsContainer {
  margin-left: 424px;
  height: 32px; }

.ItemAnalysis .StudentsContainer table.Students {
  position: relative; }

.ItemAnalysis .StudentsContainer .Students .Student {
  background: #eee;
  border: 1px solid #fff;
  border-top: 0;
  border-bottom: 0;
  padding: 0; }

.ItemAnalysis .StudentsContainer .Student .CellInner {
  width: 32px;
  height: 32px;
  overflow: hidden;
  position: relative;
  cursor: pointer; }

.ItemAnalysis .StudentsContainer .Student .CellInner .StudentAvatar {
  position: relative;
  top: -4px; }

.ItemAnalysis .StudentsContainer .Student .CellInner .Fpo {
  position: relative;
  top: 0px; }

.ItemAnalysis .ShelfShadow {
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  right: 0;
  top: 32px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 -29px; }

.ItemAnalysis .ScrollableWrapper {
  overflow: auto;
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0; }

.ItemAnalysis .InfoPopoverTrigger {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -56px -1090px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  /* float: left; */
  margin-right: 4px;
  position: relative;
  top: -1px; }

.ItemAnalysis .InfoPopoverTrigger:hover {
  background-position: -44px -1090px; }

.ItemAnalysis .StudentColumn .CellInner {
  width: 20px;
  overflow: hidden; }

.ItemAnalysis .StudentAnswer .CellInner {
  width: 20px; }

.ItemAnalysis .StudentAnswer .AnswerMarker {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -40px -1211px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

.ItemAnalysis .StudentAnswer .AnswerMarker.Correct {
  background-position: left -1211px; }

.ItemAnalysis .StudentAnswer .AnswerMarker.Incorrect {
  background-position: -20px -1211px; }

.ItemAnalysis .StudentAnswer .AnswerValue {
  padding: 2px 2px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: #fff 1px 1px 0px;
  -moz-box-shadow: #fff 1px 1px 0px;
  cursor: pointer;
  height: 16px;
  line-height: 16px; }

.ItemAnalysis .StudentAnswer .AnswerValue.Correct {
  background-color: #1B6F00; }

.ItemAnalysis .StudentAnswer .AnswerValue.Incorrect {
  background-color: #DA0000; }

.ItemAnalysis .StudentAnswer .AnswerValue.NoAttempt {
  background-color: #bbb; }

.ItemAnalysis .StudentsContainer .StudentColumn {
  width: 32px; }

/* /Item Analysis Generics */
.ItemAnalysis .AssessmentTest.First,
.ItemAnalysis .LearningTarget.First {
  border-top: 1px solid #ddd; }

.ItemAnalysis .AssessmentTest.Last,
.ItemAnalysis .LearningTarget.Last {
  border-bottom: 1px solid #ddd; }

/* ItemAnalysis AssessmentTestTitleRowTable */
.ItemAnalysis .AssessmentTestTitleRowTable td {
  border: 1px solid #ddd;
  border-bottom: 0;
  border-top: 0;
  padding: 0; }

.ItemAnalysis .AssessmentTestTitleRowTable .CellInner {
  height: 22px; }

.ItemAnalysis .AssessmentTestTitleRowTable .AssessmentName .CellInner {
  width: 341px;
  background-color: #eee;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

.ItemAnalysis .AssessmentTestTitleRowTable .AssessmentName .FoldTrigger {
  position: absolute;
  top: 5px;
  left: 6px;
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -36px -1351px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.ItemAnalysis .AssessmentTestTitleRowTable .AssessmentName .FoldTrigger.Open {
  background-position: -60px -1351px; }

.ItemAnalysis .AssessmentTestTitleRowTable .AssessmentName .FoldTrigger.Closed {
  background-position: -36px -1351px; }

.ItemAnalysis .AssessmentTestTitleRowTable .AssessmentName span {
  font-weight: bold;
  position: absolute;
  top: 6px;
  left: 24px;
  right: 0; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentStats .CellInner {
  width: 50px; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentStats .CellInner span,
.ItemAnalysis .AssessmentTestTitleRowTable .TestType .CellInner span {
  text-align: center;
  padding-top: 6px;
  display: block;
  font-weight: bold;
  letter-spacing: -1px; }

.ItemAnalysis .AssessmentTest.Closed .AssessmentTestTitleRowTable .StudentStats .CellInner span {
  display: none; }

.ItemAnalysis .AssessmentTest.Closed .AssessmentTestTitleRowTable .TestType .CellInner span {
  display: none; }

.ItemAnalysis .AssessmentTestTitleRowTable .TestType .CellInner {
  width: 30px; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentColumn .CellInner {
  width: 32px; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentColumn.GradeLevelA .CellInner {
  background-color: #418718; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentColumn.GradeLevelB .CellInner {
  background-color: #73B432; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentColumn.GradeLevelC .CellInner {
  background-color: #FFAF00; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentColumn.GradeLevelD .CellInner {
  background-color: #FA6500; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentColumn.GradeLevelF .CellInner {
  background-color: #C90003; }

.ItemAnalysis .AssessmentTestTitleRowTable .StudentScorePercentage .CellInner span {
  text-align: center;
  padding-top: 6px;
  display: block;
  color: #fff; }

/* /ItemAnalysis AssessmentTestTitleRowTable */
/* ItemAnalysis AssessmentTestTable */
.ItemAnalysis .AssessmentTestTable .Question .CellInner {
  width: 50px; }

.ItemAnalysis .AssessmentTestTable .LearningTarget .CellInner {
  width: 266px; }

.ItemAnalysis .AssessmentTestTable .LearningTarget .LearningTargetGroup {
  padding-bottom: 4px; }

.ItemAnalysis .AssessmentTestTable .LearningTarget .LearningTargetGroup .LearningTargetFrameworkCode {
  display: inline-block;
  background: lightskyblue;
  color: #fff;
  margin-right: 4px;
  padding: 2px 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.ItemAnalysis .AssessmentTestTable .LearningTarget .LearningTargetGroup .LearningTargetFrameworkCode {
  display: inline-block; }

.ItemAnalysis .AssessmentTestTable .LearningTarget .LearningTargetGroup .LearningTargetCode {
  display: inline-block;
  font-weight: bold;
  width: 224px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.ItemAnalysis .AssessmentTestTable .StudentStats .CellInner {
  width: 38px;
  text-align: center; }

.ItemAnalysis .AssessmentTestTable .TestType .CellInner {
  width: 18px;
  text-align: center; }

/* /ItemAnalysis AssessmentTestTable */
/* ItemAnalysis LearningTargetTitleRowTable */
.ItemAnalysis .LearningTargetTitleRowTable td {
  border: 1px solid #ddd;
  border-bottom: 0;
  border-top: 0;
  padding: 0; }

.ItemAnalysis .LearningTargetTitleRowTable .CellInner {
  height: 22px; }

.ItemAnalysis .LearningTargetTitleRowTable .LearningTargetName .CellInner {
  width: 341px;
  background-color: #eee;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

.ItemAnalysis .LearningTargetTitleRowTable .LearningTargetName .FoldTrigger {
  position: absolute;
  top: 5px;
  left: 6px;
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -36px -1351px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.ItemAnalysis .LearningTargetTitleRowTable .LearningTargetName .FoldTrigger.Open {
  background-position: -60px -1351px; }

.ItemAnalysis .LearningTargetTitleRowTable .LearningTargetName .FoldTrigger.Closed {
  background-position: -36px -1351px; }

/* Put code for 'i' and 'LT-Code' here */
.LearningTargetFrameworkCode {
  display: none; }

.ItemAnalysis .LearningTargetTitleRowTable .LearningTargetName .LearningTargetPopoverTrigger {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -56px -1090px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  margin-right: 4px;
  position: relative;
  top: 5px;
  left: 26px;
  /* temp */
  display: none !important; }

.ItemAnalysis .LearningTargetTitleRowTable .LearningTargetName span {
  font-weight: bold;
  position: relative;
  top: 6px;
  left: 18px;
  right: 0;
  width: 100%;
  padding-left: 8px; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentStats .CellInner {
  width: 50px; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentStats .CellInner span,
.ItemAnalysis .LearningTargetTitleRowTable .TestType .CellInner span {
  text-align: center;
  padding-top: 6px;
  display: block;
  font-weight: bold;
  letter-spacing: -1px; }

.ItemAnalysis .LearningTarget.Closed .LearningTargetTitleRowTable .StudentStats .CellInner span {
  display: none; }

.ItemAnalysis .LearningTarget.Closed .LearningTargetTitleRowTable .TestType .CellInner span {
  display: none; }

.ItemAnalysis .LearningTargetTitleRowTable .TestType .CellInner {
  width: 30px; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentColumn .CellInner {
  width: 32px; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentColumn.GradeLevelA .CellInner {
  background-color: #418718; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentColumn.GradeLevelB .CellInner {
  background-color: #73B432; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentColumn.GradeLevelC .CellInner {
  background-color: #FFAF00; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentColumn.GradeLevelD .CellInner {
  background-color: #FA6500; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentColumn.GradeLevelF .CellInner {
  background-color: #C90003; }

.ItemAnalysis .LearningTargetTitleRowTable .StudentScorePercentage .CellInner span {
  text-align: center;
  padding-top: 6px;
  display: block;
  color: #fff; }

/* /ItemAnalysis LearningTargetTitleRowTable */
/* ItemAnalysis LearningTargetTable */
.ItemAnalysis .LearningTargetTable .Question .CellInner {
  width: 50px; }

.ItemAnalysis .LearningTargetTable .LearningTarget .CellInner {
  width: 266px; }

.ItemAnalysis .LearningTargetTable .LearningTarget .LearningTargetGroup {
  padding-bottom: 4px; }

.ItemAnalysis .LearningTargetTable .LearningTarget .LearningTargetGroup .LearningTargetFrameworkCode {
  display: inline-block;
  background: lightskyblue;
  color: #fff;
  margin-right: 4px;
  padding: 2px 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.ItemAnalysis .LearningTargetTable .LearningTarget .LearningTargetGroup .LearningTargetFrameworkCode {
  display: inline-block; }

.ItemAnalysis .LearningTargetTable .LearningTarget .LearningTargetGroup .LearningTargetCode {
  display: inline-block;
  font-weight: bold;
  width: 224px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.ItemAnalysis .LearningTargetTable .StudentStats .CellInner {
  width: 38px;
  text-align: center; }

.ItemAnalysis .LearningTargetTable .TestType .CellInner {
  width: 18px;
  text-align: center; }

/* /ItemAnalysis LearningTargetTable */
/* Item Analysis Popovers */
/* QuestionPopover */
.ItemAnalysisQuestionPopover {
  font-size: 11px; }

.ItemAnalysisQuestionPopover .MDPopover-Content {
  padding: 10px 12px; }

.ItemAnalysisQuestionPopover td {
  vertical-align: top;
  border: none !important; }

.ItemAnalysisQuestionPopover tr.StudentInfo td {
  padding: 0px !important; }

.ItemAnalysisQuestionPopover tr.StudentInfo .StudentPhoto {
  width: 35px;
  height: 35px;
  overflow: hidden;
  position: relative;
  display: inline-block; }

.ItemAnalysisQuestionPopover tr.StudentInfo .CellInner {
  border-bottom: 1px solid #aaa;
  padding-bottom: 2px;
  margin-bottom: 4px; }

.ItemAnalysisQuestionPopover tr.StudentInfo .StudentQuestionDetails {
  display: inline-block;
  padding-left: 6px;
  position: relative;
  top: -4px; }

.ItemAnalysisQuestionPopover tr.StudentInfo .StudentQuestionDetails .StudentName {
  font-weight: bold;
  font-size: 14px;
  line-height: 1; }

.ItemAnalysisQuestionPopover tr.StudentInfo .StudentQuestionDetails .QuestionIndex {
  color: #aaa; }

.ItemAnalysisQuestionPopover .QLabel {
  display: block;
  width: 22px;
  height: 20px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -60px -1211px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.ItemAnalysisQuestionPopover .ALabel {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -82px -1211px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.ItemAnalysisQuestionPopover td.Question {
  vertical-align: middle; }

.ItemAnalysisQuestionPopover td.Question .CellInner {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
  padding: 5px 0 14px 10px; }

.ItemAnalysisQuestionPopover .Spacer .CellInner {
  padding: 8px 0 0 40px; }

.ItemAnalysisQuestionPopover td.Answers {
  padding-left: 8px; }

.ItemAnalysisQuestionPopover .AnswersTable {
  margin-top: 5px; }

.ItemAnalysisQuestionPopover .AnswersTable .Counts .CellInner {
  width: 50px;
  padding: 3px 8px;
  text-align: right; }

.ItemAnalysisQuestionPopover .AnswersTable .Counts .CellInner span {
  font-weight: bold; }

.ItemAnalysisQuestionPopover .AnswersTable .Selection .CellInner .SelectionIndicator {
  display: block;
  width: 13px;
  height: 13px;
  position: relative;
  top: 3px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-position: -60px -1033px; }

.ItemAnalysisQuestionPopover .AnswersTable .Selection .CellInner .SelectionIndicator.AnsweredCorrectly {
  background-position: -73px -1033px; }

.ItemAnalysisQuestionPopover .AnswersTable .Selection .CellInner .SelectionIndicator.AnsweredIncorrectly {
  background-position: -86px -1033px; }

.ItemAnalysisQuestionPopover .AnswersTable .AnswerLabel .CellInner {
  padding: 3px 8px; }

.ItemAnalysisQuestionPopover td.Answer .CellInner {
  padding: 3px 0 3px 10px; }

.ItemAnalysisQuestionPopover td.Answer .CellInner .AnswerChoice.CorrectAnswer {
  font-weight: bold; }

/* /QuestionPopover */
/* ItemAnalysisLearningTargetInfoPopover */
.ItemAnalysisLearningTargetInfoPopover .LearningTargetLabel {
  font-size: 16px;
  font-weight: bold; }

.ItemAnalysisLearningTargetInfoPopover .LearningTargetFramework {
  color: #999;
  font-style: italic; }

.ItemAnalysisLearningTargetInfoPopover .LearningTargetDescription {
  padding-top: 12px; }

/* /ItemAnalysisLearningTargetInfoPopover */
/* /Item Analysis Popovers */
/* /ITEM ANALYSIS ///////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////// */
/* AssessmentSetView ///////////////////////////////////////////////////////////////////// */
.AssessmentSetView {
  background: #fff; }

.AssessmentSetView .AssessmentSetPagingSelector {
  height: 20px;
  width: 166px;
  position: absolute;
  top: 43px;
  left: 8px;
  z-index: 200; }

.AssessmentSetView .AssessmentSetView-Header {
  height: 39px;
  position: relative;
  border-bottom: 1px solid #ccc;
  background: #fff;
  z-index: 300; }

.AssessmentSetView .AssessmentSetName {
  position: absolute;
  font-size: 20px;
  line-height: 20px;
  color: #444;
  font-weight: bold;
  padding: 0;
  top: 10px;
  left: 10px;
  width: 281px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.AssessmentSetView .AssessmentSetName span {
  font-weight: bold;
  vertical-align: middle; }

.AssessmentSetView .AssessmentSetName-SelectedAssessmentNameGroup {
  display: none;
  position: relative;
  height: 26px;
  overflow: hidden;
  padding: 7px 8px;
  white-space: nowrap; }

.AssessmentSetView-Header.PerformanceLevelCount-4 .AssessmentSetName-SelectedAssessmentNameGroup {
  width: 485px; }

.AssessmentSetView-Header.PerformanceLevelCount-5 .AssessmentSetName-SelectedAssessmentNameGroup {
  width: 375px; }

.AssessmentSetView-Header.PerformanceLevelCount-6 .AssessmentSetName-SelectedAssessmentNameGroup {
  width: 260px; }

.AssessmentSetView-SelectedAssessmentLabel {
  font-size: 11px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.Button.AssessmentSetView-OpenInNewTabTrigger {
  color: #387FE6 !important;
  font-size: 13px;
  font-weight: bold;
  margin: 0 4px; }
  .Button.AssessmentSetView-OpenInNewTabTrigger .Icon-OpenInNew {
    background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat -60px -190px;
    width: 20px;
    height: 20px; }

.AssessmentSetView .SelectedTestUnselectButton {
  position: absolute;
  z-index: 10000;
  top: 2px;
  left: 3px;
  right: 3px; }

.AssessmentSetView .StudentGroupingsContainer {
  /* 			background: #fff;
  			position: absolute;
  			right: 0;
  			top: 0;
  			height: 39px; */
  position: absolute;
  z-index: 10000;
  top: 8px;
  right: 8px;
  min-width: 162px;
  padding: 8px 8px 0px;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px; }

.AssessmentSetView .StudentGroupingsContainer .PerformanceLevel {
  /* background: #aaa; */
  /* top: 6px; */ }

.AssessmentSetView .StudentGroupingsContainer .PerformanceLevel.NoScoreRecorded .Name {
  padding-left: 8px; }

.ViewTrigger {
  display: none; }

.AssessmentSetView .AssessmentSetActionButtons {
  position: absolute;
  top: 0;
  right: 0;
  height: 39px; }

.AssessmentSetView .AssessmentSetActionButtons .MDInput.Button,
.AssessmentSetView .AssessmentSetActionButtons .out-of-district {
  float: right;
  margin-right: 10px;
  margin-top: 10px; }

.AssessmentSetView .AssessmentSetActionButtons .out-of-district {
  margin-top: 12px; }

.AssessmentSetView-TableHead {
  height: 140px;
  min-height: 53px;
  position: absolute;
  top: 40px;
  right: 0px;
  left: 0px;
  z-index: 100;
  overflow: hidden; }

.AssessmentSetView-TableHead .MemberColumn {
  position: absolute;
  z-index: 200;
  bottom: 3px;
  height: 137px;
  width: 180px;
  box-sizing: border-box;
  border-right: 1px solid #aaa; }

.AssessmentSetView-TableHead .MemberColumn .SortByStudents {
  height: 20px;
  width: 166px;
  position: absolute;
  bottom: 4px;
  left: 8px; }

.AssessmentSetView-TableHead .MemberColumn .clear-students {
  height: 20px;
  width: 166px;
  position: absolute;
  bottom: 50px;
  left: 8px; }

.AssessmentSetView-TableHead .MemberColumn .add-to-group {
  height: 20px;
  width: 166px;
  position: absolute;
  top: 3px;
  left: 8px; }
  .AssessmentSetPagingSelector + .AssessmentSetView-TableHead .MemberColumn .add-to-group {
    top: 26px; }

.AssessmentSetView-TableHead .MemberColumn .SearchFilterContainer {
  height: 20px;
  width: 166px;
  position: absolute;
  bottom: 27px;
  left: 8px; }

.AssessmentSetView-TableHead-SelectionTriggersContainer {
  position: relative;
  height: 100%;
  padding-left: 181px;
  width: 100%;
  box-sizing: border-box; }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger {
  width: 74px;
  height: 100%;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer; }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger.Selected {
  background-image: url(/homeroom/assets/images/assessmentsetview-selectedcolumn-bg-75.png);
  background-repeat: repeat-y; }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger .SortingIndicator {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 5px;
  left: 4px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: -9999px; }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger.Selected .SortingIndicator {
  display: block; }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger.DESC .SortingIndicator {
  background-position: -48px -1351px; }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger.ASC .SortingIndicator {
  background-position: -72px -1351px; }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger .AssessmentNameContainer {
  display: table;
  width: 131px;
  height: 74px;
  position: relative;
  bottom: -100%;
  font-size: 12px;
  line-height: 1;
  padding-left: 6px;
  padding-right: 3px;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: left top;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: left top;
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: left top;
  transform: rotate(-90deg);
  transform-origin: left top; }

.ie8 .AssessmentSetView-TableHead .AssessmentHeaderTrigger .AssessmentNameContainer {
  bottom: 0;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger .AssessmentNameContainer .AssessmentName {
  display: table-cell;
  vertical-align: middle; }

.AssessmentSetAdvancedSorter {
  position: absolute;
  top: 40px;
  right: 0;
  left: 181px;
  height: 170px;
  z-index: 25000;
  box-shadow: #007cff 0px 0px 24px;
  -webkit-box-shadow: #007cff 0px 0px 24px;
  -moz-box-shadow: #007cff 0px 0px 24px; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint1 {
  position: absolute;
  top: -28px;
  left: 40px;
  color: #fff; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint2 {
  position: absolute;
  bottom: -92px;
  left: 35px;
  color: #fff; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint1 .Hint,
.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint2 .Hint {
  font-size: 14px;
  font-style: italic; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint2 .Hint {
  display: block; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint1 .HideHint,
.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint2 .HideHint {
  text-decoration: underline;
  font-size: 11px;
  cursor: pointer; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint1 .LeftArrow,
.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint1 .RightArrow,
.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint2 .Arrow {
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint1 .LeftArrow {
  display: inline-block;
  margin-right: 8px;
  width: 38px;
  height: 12px;
  background-position: -36px -1377px; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint1 .RightArrow {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  width: 38px;
  height: 12px;
  background-position: -36px -1389px; }

.AssessmentSetAdvancedSorter .AdvancedAssessmentSetSorter-HelpHint2 .Arrow {
  display: block;
  width: 17px;
  height: 36px;
  background-position: -57px -1401px; }

.AssessmentSetAdvancedSorter .AdvancedSortingOrderingDoneButton {
  position: absolute;
  right: 14px;
  top: -34px; }

.AssessmentSetAdvancedSorter .AdvancedSortingOrderingCancelButton {
  position: absolute;
  right: 89px;
  top: -34px; }

.AssessmentSetAdvancedSorter .AssessmentSetView-TableHead {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: auto; }

.AssessmentSetAdvancedSorter .AssessmentSetView-TableHead-SelectionTriggersContainer {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: auto;
  width: auto;
  padding-left: 0;
  background: white; }

.AssessmentSetAdvancedSorter .AssessmentHeaderTrigger {
  padding-bottom: 30px;
  height: 140px;
  width: 73px;
  border-right: 1px solid #aaa; }

.AssessmentSetAdvancedSorter .AssessmentHeaderTrigger.CurrentlySorting {
  background: #2b6ee1;
  /* Old browsers */
  /* IE9 SVG */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNmVlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzBkNDdhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzBkNDdhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjZlZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #2b6ee1 0%, #0d47ad 40%, #0d47ad 60%, #2b6ee1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2b6ee1), color-stop(40%, #0d47ad), color-stop(60%, #0d47ad), color-stop(100%, #2b6ee1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #2b6ee1 0%, #0d47ad 40%, #0d47ad 60%, #2b6ee1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #2b6ee1 0%, #0d47ad 40%, #0d47ad 60%, #2b6ee1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #2b6ee1 0%, #0d47ad 40%, #0d47ad 60%, #2b6ee1 100%);
  /* IE10+ */
  background: linear-gradient(to right, #2b6ee1 0%, #0d47ad 40%, #0d47ad 60%, #2b6ee1 100%);
  /* W3C */
  color: #fff;
  z-index: 30000; }

.ie8 .AssessmentSetAdvancedSorter .AssessmentHeaderTrigger.CurrentlySorting {
  background: #2b6ee1; }

.AssessmentSetAdvancedSorter .AssessmentSetView-TableHead .AssessmentHeaderTrigger .SortingIndicator {
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 25px;
  padding-top: 4px;
  color: #aaa;
  text-align: center;
  text-indent: 0;
  background: white; }

.AssessmentSetAdvancedSorter .AssessmentSetView-TableHead .AssessmentHeaderTrigger.DESC .SortingIndicator {
  background-position: -48px -1351px; }

.AssessmentSetAdvancedSorter .AssessmentSetView-TableHead .AssessmentHeaderTrigger.ASC .SortingIndicator {
  background-position: -72px -1351px; }

.AssessmentSetAdvancedSorter .AssessmentHeaderTrigger .ColumnSortButton {
  position: absolute;
  bottom: 6px;
  right: 3px;
  left: 3px; }

.AssessmentSetAdvancedFilterForm {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }

.AssessmentSetAdvancedFilterForm .DoneButton {
  position: absolute;
  top: 10px;
  right: 12px; }

.AssessmentSetAdvancedFilterForm .CancelButton {
  position: absolute;
  top: 10px;
  right: 86px; }

.AssessmentSetAdvancedFilterForm-Title {
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 18px;
  font-weight: bold; }

.AssessmentSetAdvancedFilterForm-Description {
  position: absolute;
  top: 30px;
  left: 10px;
  color: #999; }

.AssessmentSetAdvancedFilterForm div.AnyAll {
  position: absolute;
  top: 66px;
  left: 10px; }

.AssessmentSetAdvancedFilterForm .MDSlideSwitch.AnyAll {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  border-bottom: none; }

.AssessmentSetAdvancedFilterForm .ToggleButtons {
  position: absolute;
  top: 66px;
  left: 268px; }

.AssessmentSetAdvancedFilterForm .ToggleButtons .MDInput.Button {
  margin-right: 4px; }

.AssessmentSetAdvancedFilterForm-List {
  position: absolute;
  top: 93px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  overflow: auto;
  border-top: 1px solid #aaa;
  padding-top: 6px; }

.AssessmentSetAdvancedFilterForm-List li {
  margin-bottom: 4px;
  clear: left; }

.AssessmentSetAdvancedFilterForm-List .AssessmentTestName {
  font-weight: bold;
  width: 250px;
  float: left;
  margin-right: 8px;
  padding-top: 2px; }

.AssessmentSetAdvancedFilterForm-List .AssessmentTestName.NoneSelected {
  text-decoration: line-through; }

.AssessmentSetAdvancedFilterForm-List .AssessmentTestPeformanceLevels {
  margin-left: 258px; }

.AssessmentSetAdvancedFilterForm-List .AssessmentTestPeformanceLevels .MDInput.Button {
  margin: 0 4px 4px 0;
  vertical-align: middle;
  filter: none;
  /* for fucking ie8 */
  text-align: left;
  width: 26px; }
  .AssessmentSetAdvancedFilterForm-List .AssessmentTestPeformanceLevels .MDInput.Button span {
    visibility: hidden;
    max-width: none; }

.MDPopover.NothingToShow .MDInput.Button {
  float: right; }

.AssessmentSetView-TableHead-ResizeHandle {
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  cursor: row-resize;
  background: #aaa; }

.AssessmentSetView-TableHead-ColumnResizeDragHandle {
  position: absolute;
  width: 74px;
  height: 3px;
  bottom: 0px;
  z-index: 200;
  cursor: row-resize;
  background: #aaa; }

.ie8 .AssessmentSetView-TableHead-ColumnResizeDragHandle {
  width: 73px; }

.AssessmentSetView-TableHead .AssessmentHeaderTrigger.Selected .AssessmentSetView-TableHead-ColumnResizeDragHandle {
  background-image: url(/homeroom/assets/images/assessmentsetview-selectedcolumn-bg-75.png);
  background-repeat: no-repeat; }

.AssessmentSetView-TableBody {
  position: absolute;
  overflow: auto;
  z-index: 100;
  top: 180px;
  right: 0px;
  bottom: 0px;
  left: 0px; }

.AssessmentSetView-TableBody .MemberRow {
  width: 100%;
  height: 28px; }

.AssessmentSetView-TableBody .MemberRow.Alternate {
  background: #E0ECFA; }

.AssessmentSetView-TableBody.AlternateOverride .MemberRow {
  background: white !important; }

.AssessmentSetView-TableBody .MemberRow .MemberColumn {
  height: 28px;
  position: relative; }

.AssessmentSetView-TableBody .MemberRow .MemberColumn .ProfileLink {
  width: 12px;
  height: 12px;
  position: absolute;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -80px -757px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 8px;
  left: 10px;
  float: left;
  cursor: pointer; }

.AssessmentSetView-TableBody .MemberRow .MemberColumn .StudentName {
  font-size: 11px;
  line-height: 1;
  display: block;
  position: absolute;
  left: 26px;
  top: 9px; }

.AssessmentSetView-TableBody .MemberRow .MemberColumn {
  width: 179px;
  float: left;
  border-right: 1px solid #aaa; }
  .AssessmentSetView-TableBody .MemberRow .MemberColumn:hover {
    background-color: #5994ec;
    cursor: pointer; }
    .AssessmentSetView-TableBody .MemberRow .MemberColumn:hover .PlusIcon {
      display: block; }
  .AssessmentSetView-TableBody .MemberRow .MemberColumn.Selected {
    background-color: #387FE8;
    color: #fff; }
    .AssessmentSetView-TableBody .MemberRow .MemberColumn.Selected:hover {
      background-color: #5994ec; }
      .AssessmentSetView-TableBody .MemberRow .MemberColumn.Selected:hover .PlusIcon {
        background-position: -32px -1487px; }
  .AssessmentSetView-TableBody .MemberRow .MemberColumn .PlusIcon {
    display: none;
    width: 16px;
    height: 16px;
    background: transparent url(/homeroom/assets/images/md-core-sprite.png) repeat-x -32px -1503px;
    margin: auto 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 4px; }

.AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell {
  width: 74px;
  height: 28px;
  float: left; }

.ie8 .AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell {
  width: 73px; }

.AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell.Selected {
  background-image: url(/homeroom/assets/images/assessmentsetview-selectedcolumn-bg-75.png);
  background-repeat: repeat-y; }

.AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell .Score {
  background: #aaa;
  padding: 1px 4px;
  font-weight: bold;
  color: #fff;
  width: 70%;
  margin: 5px auto 0px;
  text-align: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: #fff 1px 1px 0px;
  -moz-box-shadow: #fff 1px 1px 0px; }
  .AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell .Score.Blank:not(.MetNotMet) {
    background: none !important;
    border: 1px solid #aaa;
    color: #aaa; }

.AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell .Score.MetNotMet {
  background-color: transparent;
  margin: 0 auto;
  border: none;
  border-radius: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 15px;
  height: 15px;
  padding: 0;
  position: relative;
  top: 6px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent !important;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px; }

.AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell .Score.MetNotMet.Met,
.AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell .Score.MetNotMet.Level-Met {
  background-position: 0px -1033px; }

.AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell .Score.MetNotMet.NotMet,
.AssessmentSetView-TableBody .MemberRow .AssessmentMemberScoreCell .Score.MetNotMet.Level-NotMet {
  background-position: -45px -1033px; }

.AssessmentSetGroupMemberActivatorPopover .MDGroupMemberActivator-DoneButton {
  position: absolute;
  top: 10px;
  right: 10px; }

.AssessmentSetGroupMemberActivatorPopover .MDGroupMemberActivator-CancelButton {
  position: absolute;
  top: 10px;
  right: 80px; }

/* /AssessmentSetView ///////////////////////////////////////////////////////////////////// */
/* /AssessmentView */
/* ************************************************************************ */
/* Attendance History Widget ********************************************** */
/* ************************************************************************ */
.Widget.AttendanceHistory .ClassPeriodList {
  position: absolute;
  top: 68px;
  left: 10px;
  right: 10px;
  bottom: 0; }
  .Widget.AttendanceHistory .ClassPeriodList li {
    height: 15px;
    padding: 8px 0;
    text-align: right; }
    .Widget.AttendanceHistory .ClassPeriodList li > .InnerWrap {
      padding: 0; }
    .Widget.AttendanceHistory .ClassPeriodList li span {
      font-weight: bold; }
  .Widget.AttendanceHistory .ClassPeriodList .DateLabel {
    height: 18px; }

.Widget.AttendanceHistory .AttendanceInformation {
  min-height: 100%;
  text-align: center;
  width: 100px;
  z-index: 111;
  -moz-box-shadow: 0px -7px 10px #333333;
  -webkit-box-shadow: 0px -7px 10px #333333;
  box-shadow: 0px -7px 10px #333333;
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0; }
  .Widget.AttendanceHistory .AttendanceInformation .GenericTable tr:first-child th {
    padding-top: 0;
    padding-bottom: 0; }
  .Widget.AttendanceHistory .AttendanceInformation .GenericTable th,
  .Widget.AttendanceHistory .AttendanceInformation .GenericTable td {
    text-align: center;
    width: 50%; }
  .Widget.AttendanceHistory .AttendanceInformation .GenericTable td {
    height: 31px;
    padding: 0;
    vertical-align: middle; }

.Widget.AttendanceHistory .WeekHeader {
  cursor: pointer;
  min-width: 110px; }
  .Widget.AttendanceHistory .WeekHeader:after {
    content: "\25C4 \25BA";
    float: right; }
.Widget.AttendanceHistory .Open .WeekHeader:after {
  content: "\25BA \25C4"; }
.Widget.AttendanceHistory .DateHeader {
  width: 30px;
  text-align: center;
  white-space: nowrap; }

.Widget.AttendanceHistory .ClassPeriodListContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 85px;
  z-index: 120;
  max-height: 295px; }

.Widget.AttendanceHistory .ClassPeriodListContainer .Shadow {
  /* 		display: none; */
  display: block;
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  width: 5px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: repeat-y;
  background-position: right -581px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.Widget.AttendanceHistory .AttendanceGridContainer {
  min-height: 100%;
  overflow: auto;
  z-index: 110;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 85px;
  right: 100px; }

.Widget.AttendanceHistory .AttendanceGridContainer .GenericTable {
  border-left: 1px solid #999;
  border-right: 1px solid #999; }
  .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable thead tr:first-child th {
    border-left-color: #999;
    border-left-width: 2px; }
  .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable th {
    border-left-color: #ccc; }
    .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable th:first-child, .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable th.Count + th, .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable th.DateCell + .Count {
      border-left-color: #999;
      border-left-width: 2px; }
  .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable td {
    padding: 0;
    height: 31px;
    text-align: center;
    vertical-align: middle;
    width: 47px;
    border-color: #ccc; }
    .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable td:first-child, .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable td.Count + td, .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable td.DateCell + .Count {
      border-left-color: #999;
      border-left-width: 2px; }
  .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable .Alternate .Count {
    background-color: #cbdef4; }
  .Widget.AttendanceHistory .AttendanceGridContainer .GenericTable .Count {
    background-color: whitesmoke; }

.Widget.AttendanceHistory .DateCell {
  display: none;
  overflow: hidden; }

.Widget.AttendanceHistory .Count {
  text-align: center;
  white-space: nowrap; }
  .Widget.AttendanceHistory .Count .CellInner {
    padding: 0 3px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .Widget.AttendanceHistory .Count.Day span {
    padding: 4px 0;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    height: 12px;
    width: 20px;
    overflow: hidden;
    text-align: center;
    text-shadow: 0px 0px 1px #aaaaaa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
    .Widget.AttendanceHistory .Count.Day span.Absence.Unexcused {
      background-color: #C82300; }
    .Widget.AttendanceHistory .Count.Day span.Absence.Excused {
      background-color: #FFAF00; }
    .Widget.AttendanceHistory .Count.Day span.Tardy {
      background-color: #FA6500; }

.Widget.AttendanceHistory .Glossary {
  font-size: 11px;
  margin: 7px 10px;
  text-align: right; }
  .Widget.AttendanceHistory .Glossary li {
    margin: 4px 0; }
  .Widget.AttendanceHistory .Glossary .Icon {
    margin: 0 0 1px 3px; }
.Widget.AttendanceHistory .Day .Icon {
  margin-top: 5px; }
.Widget.AttendanceHistory .Icon {
  margin: auto;
  padding: 4px 0;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  height: 12px;
  width: 20px;
  overflow: hidden;
  text-align: center;
  text-shadow: 0px 0px 1px #aaaaaa;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }
  .Widget.AttendanceHistory .Icon.PresentOnTime {
    background-color: #73B432; }
    .Widget.AttendanceHistory .Icon.PresentOnTime:before {
      content: '\2714'; }
  .Widget.AttendanceHistory .Icon.A {
    background-color: #C82300; }
    .Widget.AttendanceHistory .Icon.A:before {
      content: 'A'; }
  .Widget.AttendanceHistory .Icon.E {
    background-color: #FFAF00; }
    .Widget.AttendanceHistory .Icon.E:before {
      content: 'E'; }
  .Widget.AttendanceHistory .Icon.T {
    background-color: #FA6500; }
    .Widget.AttendanceHistory .Icon.T:before {
      content: 'T'; }

.Widget.AttendanceHistory .Day.QuickProfileable {
  cursor: pointer; }

.Widget.AttendanceHistory .Day.QuickProfileable:hover {
  background: transparent url(/homeroom/assets/images/md-core-sprite.png) repeat-x left -3361px; }

.Widget.AttendanceHistory .Day.QuickProfileable .CellInner, .Widget.AttendanceHistory .Day.NoQuickProfile .CellInner {
  width: 100%;
  height: 100%;
  position: relative; }

/* end - Attendance History Widget */
/* ************************************************************************ */
/* LoginsAndLinks Widget ************************************************** */
/* ************************************************************************ */
.Widget.LoginsAndLinks .DefaultView {
  width: 100%;
  position: absolute;
  top: 85px;
  left: 0px; }

.Widget.LoginsAndLinks .DefaultView .LargeLinkIcon {
  display: block;
  width: 72px;
  height: 72px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -805px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto; }

.Widget.LoginsAndLinks .DefaultView .Message {
  padding: 12px 0;
  text-align: center;
  color: #aaa;
  font-size: 14px; }

.Widget.LoginsAndLinks .DefaultView .AddFirstLink {
  display: block;
  text-decoration: underline;
  text-align: center;
  color: #aaa;
  font-family: Georgia, Times, "Times New Roman", Palatino, serif;
  font-style: italic; }

.Widget.LoginsAndLinks .DefaultView .AddFirstLink:hover {
  color: #387FE8; }

.Widget.LoginsAndLinks .LinkLine {
  cursor: pointer;
  position: relative;
  height: 40px;
  overflow: hidden; }

.Widget.LoginsAndLinks .LinkLine.Alternate {
  background: #eee; }

.Widget.LoginsAndLinks .LinkLine > .Icon {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 8px;
  float: left; }

.Widget.LoginsAndLinks .LinkLine > .Icon.Login {
  background-position: left -315px; }

.Widget.LoginsAndLinks .LinkLine.Over > .Icon.Login {
  background-position: left -339px; }

.Widget.LoginsAndLinks .LinkLine > .Icon.Link {
  background-position: -24px -315px; }

.Widget.LoginsAndLinks .LinkLine.Over > .Icon.Link {
  background-position: -24px -339px; }

.Widget.LoginsAndLinks .EditButtonContainer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px; }

.Widget.LoginsAndLinks .EditButtonContainer .MDInput.Button {
  position: absolute;
  top: 11px;
  right: 8px; }

.Widget.LoginsAndLinks .LinkLine .LinkName {
  display: block;
  line-height: 1;
  padding-top: 12px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold; }

/* Editing inner-popover */
.EditLoginsLinksEntry .EditLoginsLinksForm .FormTitle {
  position: absolute;
  top: 10px;
  left: 10;
  font-weight: bold;
  font-size: 14px; }

.EditLoginsLinksEntry .EditLoginsLinksFormButtonsContainer {
  height: 20px;
  position: relative;
  margin-bottom: 14px; }

.EditLoginsLinksEntry .EditLoginsLinksFormButtonsContainer .DeleteTrashCan {
  outline: 0;
  filter: none !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -170px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: none; }

.EditLoginsLinksEntry .EditLoginsLinksFormButtonsContainer .DeleteTrashCan.Over {
  background-position: left -190px; }

.EditLoginsLinksEntry .EditLoginsLinksFormButtonsContainer .DeleteTrashCan.Pressed {
  background-position: left -210px; }

.EditLoginsLinksEntry .EditLoginsLinksFormButtonsContainer .CancelButton,
.EditLoginsLinksEntry .EditLoginsLinksFormButtonsContainer .SaveButton {
  float: right;
  margin-left: 8px; }

.EditLoginsLinksEntry .EditLoginsLinksFormInputsContainer label {
  font-size: 11px;
  color: #aaa;
  display: block;
  margin-top: 10px; }

.EditLoginsLinksEntry .EditLoginsLinksFormInputsContainer .MDInput.Text,
.EditLoginsLinksEntry .EditLoginsLinksFormInputsContainer .MDInput.Password,
.EditLoginsLinksEntry .EditLoginsLinksFormInputsContainer .LoginAppSelector {
  width: 100%; }

/* TODO: Need new Input fields here. */
.EditLoginsLinksEntry .EditLoginsLinksFormInputsContainer .ValueTypeIconCell {
  display: none; }

/* end - LoginsAndLinks Widget */
/* DELETE CONFIRMATION POPOVER */
.DeleteConfirmationPopover .CancelButton,
.DeleteConfirmationPopover .DeleteButton {
  float: right; }

.DeleteConfirmationPopover .DeleteButton {
  margin-left: 8px; }

/* /DELETE CONFIRMATION POPOVER */
.Widget.ParentStudents .DefaultView {
  width: 100%;
  position: absolute;
  top: 85px;
  left: 0px; }

.Widget.ParentStudents .DefaultView .LargeLinkIcon {
  display: block;
  width: 72px;
  height: 72px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -805px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto; }

.Widget.ParentStudents .DefaultView .Message {
  padding: 12px 0;
  text-align: center;
  color: #aaa;
  font-size: 14px; }

.Widget.ParentStudents .LinkLine {
  cursor: pointer;
  position: relative;
  height: 40px;
  overflow: hidden; }

.Widget.ParentStudents .LinkLine.Alternate {
  background: #eee; }

.Widget.ParentStudents .LinkLine > .Icon {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 8px;
  float: left; }

.Widget.ParentStudents .LinkLine > .Icon.Login {
  background-position: left -315px; }

.Widget.ParentStudents .LinkLine.Over > .Icon.Login {
  background-position: left -339px; }

.Widget.ParentStudents .LinkLine > .Icon.Link {
  background-position: -24px -315px; }

.Widget.ParentStudents .LinkLine.Over > .Icon.Link {
  background-position: -24px -339px; }

.Widget.ParentStudents .LinkLine .LinkName {
  display: block;
  line-height: 1;
  padding-top: 12px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold; }

/* Discipline History Widget */
.Widget.DisciplineHistory .DisciplineRecord {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.DisciplineHistory .DisciplineRecord.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.DisciplineHistory .DisciplineRecord .DisciplineRecordTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.DisciplineHistory .DisciplineRecordDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.DisciplineHistory .DisciplineRecordDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999;
  white-space: nowrap; }

.Widget.DisciplineHistory .DisciplineRecordDetailsTable td.Details .CellInner {
  padding-left: 12px; }

.Widget.DisciplineHistory .Role {
  margin-top: 4px; }
  .Widget.DisciplineHistory .Role:first-child {
    margin-top: 0; }

/* end - Discipline History Widget */
/* Student Accomplishments Widget */
.Widget.StudentAccomplishments .StudentAccomplishmentRecord {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.StudentAccomplishments .StudentAccomplishmentRecord.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.StudentAccomplishments .StudentAccomplishmentRecord .StudentAccomplishmentTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.StudentAccomplishments .StudentAccomplishmentDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.StudentAccomplishments .StudentAccomplishmentDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999;
  white-space: nowrap; }

.Widget.StudentAccomplishments .StudentAccomplishmentDetailsTable td.Details .CellInner {
  padding-left: 12px; }

/* end - Student Accomplishments Widget */
/* Student Custom Attributes Widget */
.Widget.StudentCustomAttributes .StudentCustomAttributeCategory {
  padding: 18px;
  position: relative;
  color: #444; }
  .Widget.StudentCustomAttributes .StudentCustomAttributeCategory.Alternate {
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
.Widget.StudentCustomAttributes .StudentCustomAttributeCategoryTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }
.Widget.StudentCustomAttributes .StudentCustomAttributesTable td {
  padding: 2px;
  vertical-align: top; }
  .Widget.StudentCustomAttributes .StudentCustomAttributesTable td.StudentCustomAttributeLabel {
    text-align: right;
    color: #999; }

/* end - Student Custom Attributes Widget */
/* Student Documents Widget */
.Widget.StudentDocuments .StudentDocumentRecord {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.StudentDocuments .StudentDocumentRecord.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.StudentDocuments .StudentDocumentRecord .StudentDocumentRecordTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.StudentDocuments .StudentDocumentRecordDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.StudentDocuments .StudentDocumentRecordDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999;
  white-space: nowrap; }

.Widget.StudentDocuments .StudentDocumentRecordDetailsTable td.Details .CellInner {
  padding-left: 12px; }

/* end - Student Documents Widget */
/* Student Migrant Program Enrollment Widget */
.Widget.StudentMigrantProgramEnrollments .StudentMigrantProgramEnrollmentRecord {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.StudentMigrantProgramEnrollments .StudentMigrantProgramEnrollmentRecord.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.StudentMigrantProgramEnrollments .StudentMigrantProgramEnrollmentRecord .StudentMigrantProgramEnrollmentRecordTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.StudentMigrantProgramEnrollments .StudentMigrantProgramEnrollmentsRecordDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.StudentMigrantProgramEnrollments .StudentMigrantProgramEnrollmentsRecordDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999;
  white-space: nowrap; }

.Widget.StudentMigrantProgramEnrollments .StudentMigrantProgramEnrollmentsRecordDetailsTable td.Details .CellInner {
  padding-left: 12px; }

/* end - Student Migrant Program Enrollment Widget */
/* Student Health  Widget */
.Widget.StudentHealth .TabButtonsContainer {
  position: absolute;
  height: 36px;
  right: 0;
  left: 0;
  overflow: hidden;
  background: #555555;
  /* Old browsers */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(#555555, #999999);
  background-image: -webkit-linear-gradient(#555555, #999999);
  background-image: linear-gradient(#555555, #999999); }
  .ie8 .Widget.StudentHealth .TabButtonsContainer {
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF999999'); }
  .Widget.StudentHealth .TabButtonsContainer .MDTabs-Buttons {
    overflow: hidden;
    margin: 0 10px;
    height: 25px;
    position: absolute;
    bottom: 0; }
    .Widget.StudentHealth .TabButtonsContainer .MDTabs-Buttons .MDTabs-Tab {
      border-color: transparent;
      background: #ccc;
      color: #444;
      filter: none !important;
      font-weight: normal;
      font-size: 13px;
      margin-left: 2px;
      padding-left: 8px;
      padding-right: 8px;
      -moz-border-radius: 3px 3px 0 0;
      -webkit-border-radius: 3px;
      border-radius: 3px 3px 0 0; }
      .Widget.StudentHealth .TabButtonsContainer .MDTabs-Buttons .MDTabs-Tab:first-child {
        margin-left: 0; }
      .Widget.StudentHealth .TabButtonsContainer .MDTabs-Buttons .MDTabs-Tab.Selected {
        background: #fff;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
.Widget.StudentHealth .TabContentsContainer {
  position: absolute;
  top: 36px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
.Widget.StudentHealth .StudentHealthConditionRecord,
.Widget.StudentHealth .StudentHealthLogRecord {
  padding: 18px;
  position: relative;
  color: #444; }
  .Widget.StudentHealth .StudentHealthConditionRecord.Alternate,
  .Widget.StudentHealth .StudentHealthLogRecord.Alternate {
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
.Widget.StudentHealth td {
  padding: 2px;
  vertical-align: top; }
.Widget.StudentHealth td.Label {
  text-align: right;
  width: 75px;
  color: #999;
  white-space: nowrap; }
.Widget.StudentHealth td.Details .CellInner {
  padding-left: 12px; }
.Widget.StudentHealth .Role {
  margin-top: 4px; }
  .Widget.StudentHealth .Role:first-child {
    margin-top: 0; }

/* end - Student Health Widget */
/* V2 Referrals Widget */
.Widget.V2_Referrals .ReferralRecord {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.V2_Referrals .ReferralRecord.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.V2_Referrals .ReferralRecord .ReferralRecordTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.V2_Referrals .ReferralRecordDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.V2_Referrals .ReferralRecordDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999;
  white-space: nowrap; }

.Widget.V2_Referrals .ReferralRecordDetailsTable td.Details .CellInner {
  padding-left: 12px; }

.Widget.V2_Referrals .Role {
  margin-top: 4px; }
  .Widget.V2_Referrals .Role:first-child {
    margin-top: 0; }

/* end - Discipline History Widget */
/* Student 504 Widget */
.Widget.Student504 .Record {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.Student504 .Record.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.Student504 .Record .RecordTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.Student504 .RecordDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.Student504 .RecordDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999;
  white-space: nowrap; }

.Widget.Student504 .RecordDetailsTable td.Details .CellInner {
  padding-left: 12px; }

.Widget.Student504 .Role {
  margin-top: 4px; }
  .Widget.Student504 .Role:first-child {
    margin-top: 0; }

/* end - Student 504 Widget */
/* Entity 504 Widget */
.Widget.Entity504 .Record {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.Entity504 .Record.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.Entity504 .Record .RecordTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.Entity504 .RecordDetailsTable {
  width: 100%; }

.Widget.Entity504 .RecordDetailsTable td,
.Widget.Entity504 .RecordDetailsTable th {
  padding: 2px;
  vertical-align: top; }

.Widget.Entity504 .RecordDetailsTable th.Label {
  text-align: left;
  width: 40%;
  white-space: nowrap;
  padding-top: 4px;
  padding-bottom: 4px; }

.Widget.Entity504 .StudentDetails td.Label {
  text-align: right;
  width: 75px;
  color: #999;
  white-space: nowrap; }

/* end - Entity 504 Widget */
/* Charts and Graphs */
.ChartAndGraphsInputFormPopover .ChartAndGraphsInputFormTable {
  float: right;
  width: 90%;
  right: 0;
  top: 0;
  margin-left: 20px; }

.MDDataBrowser-Sidebar .MDDataBrowser-SidebarInner .ChartAndGraphsInputFormTable {
  margin: 9px 6px; }

.MDDataBrowser-Sidebar .MDDataBrowser-SidebarInner .ChartAndGraphsInputFormTable > tr > td {
  padding: 3px 6px 2px;
  font-size: 11px;
  line-height: 11px; }

.ChartAndGraphsInputFormTable label {
  font-weight: normal;
  white-space: nowrap; }

.ChartAndGraphsInputFormTable input.Text {
  border: 1px solid #999;
  padding: 3px 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.ChartAndGraphsInputFormTable .SubmitButton {
  margin-top: 12px;
  float: right; }

/* /Charts and Graphs */
/* ************************************************************************ */
/* EntityProfileView Modifiers  */
/* ************************************************************************ */
.EntityProfileView .BasicProperties .PhotoContainer {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* /EntityProfileView Modifiers */
/* ************************************************************************ */
/* Lookup Widget ********************************************************** */
/* ************************************************************************ */
.Widget.Lookup {
  overflow: hidden; }

.Widget.Lookup .SearchHeader {
  padding: 10px 10px 35px; }

.Widget.Lookup .SearchHeader > .MDInput.Search {
  width: 100%; }

.Widget.Lookup .SearchHeader > .MDInput.Select {
  position: absolute;
  top: 40px;
  left: 10px;
  width: 128px; }

.Widget.Lookup .YearRestrictionCheckbox {
  position: absolute;
  top: 45px;
  right: 14px;
  font-size: 11px;
  color: #999; }

.Widget.Lookup .YearRestrictionCheckbox input {
  margin-right: 4px;
  vertical-align: middle; }

.Widget.Lookup #LookupWidgetSearch {
  width: 238px; }

.Widget.Lookup .ShelfShadow {
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  right: 0;
  top: 71px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: 0 -29px;
  z-index: 2000; }

.Widget.Lookup .DefaultView {
  width: 100%;
  position: absolute;
  top: 95px;
  left: 0px; }

.Widget.Lookup .DefaultView .LargeSearchIcon {
  display: block;
  width: 72px;
  height: 72px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -552px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto; }

.Widget.Lookup .DefaultView .Message {
  padding: 12px 0;
  text-align: center;
  color: #aaa;
  font-size: 14px; }

.Widget.Lookup .DefaultView .ExamplesLink {
  display: block;
  text-decoration: underline;
  text-align: center;
  color: #aaa;
  font-family: Georgia, Times, "Times New Roman", Palatino, serif;
  font-style: italic; }

.Widget.Lookup .DefaultView .ExamplesLink:hover {
  color: #387FE8; }

.MDPopover.LookupExamples .ModalTitle {
  display: block;
  font-weight: bold;
  margin-bottom: 6px; }

.MDPopover.LookupExamples p {
  font-style: italic;
  padding: 3px 0; }

.Widget.Lookup .LookupInnerWrapper {
  overflow: hidden; }

.Widget.Lookup .LookupResultsContainer {
  overflow: hidden;
  height: 229px;
  position: relative; }

/*.Widget.Lookup .MDSearch-ResultsContainer .MDSearch-ErrorMessage.NoSearchTerm {padding-top:0;}*/
.Widget.Lookup .MDSearch-Results {
  height: 100%;
  overflow: auto; }

.Widget.Lookup .MDSearch-Results li {
  min-height: 60px;
  cursor: pointer;
  padding: 0; }

.Widget.Lookup .MDSearch-Results li.Alternate {
  min-height: 60px;
  background: #eee; }

.Widget.Lookup .MDSearch-Results li .InnerWrap {
  padding: 0; }

.Widget.Lookup .MDSearch-Results li table {
  border-collapse: collapse;
  width: 100%;
  height: 100%; }

.Widget.Lookup .MDSearch-Results td {
  vertical-align: middle; }

.Widget.Lookup .MDSearch-Results .EntityPhoto {
  width: 60px; }

.Widget.Lookup .MDSearch-Results .PhotoContainer {
  width: 52px;
  height: 52px;
  overflow: hidden;
  margin: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.Widget.Lookup .MDSearch-Results .PhotoContainer img {
  width: 52px;
  height: auto;
  margin-top: -7px; }

.Widget.Lookup .MDSearch-Results .PhotoContainer img.Fpo {
  width: 50px;
  position: relative;
  left: 1px;
  margin-top: 0; }

.Widget.Lookup .MDSearch-Results td.Name {
  padding: 4px;
  font-weight: bold;
  font-size: 18px;
  line-height: 16px; }

.Widget.Lookup .MDSearch-Results td.Detail {
  padding: 2px 4px 4px;
  font-size: 11px;
  line-height: 1;
  color: #999;
  vertical-align: bottom; }

.Widget.Lookup .LoadMore {
  height: 26px !important;
  border-bottom: 0;
  min-height: 0 !important; }

.Widget.Lookup .LoadMore .LoadingMore {
  color: #444;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  text-shadow: #fff 0px 1px 0px;
  text-transform: uppercase;
  padding-top: 6px;
  text-align: center;
  background: url(/homeroom/assets/images/spinner-16.gif) no-repeat left 4px;
  margin: 0 auto;
  width: 150px;
  height: 16px; }

.Widget.Lookup .ProfileViewWrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.Widget.Lookup .ProfileViewContainer {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto; }

.Widget.Lookup .NoResultsMessage {
  padding-top: 40px;
  font-size: 13px;
  color: #999;
  font-weight: bold;
  text-align: center; }

/* end - Lookup Widget */
/* ************************************************************************ */
/* DirectoryList Widget *************************************************** */
/* ************************************************************************ */
.Widget.DirectoryList .EmptyMessage {
  padding: 85px 0px 18px;
  /* 		background: #fff url(/assets/images/bigbluearrow-up-ne.png) no-repeat 214px top; */ }

.Widget.DirectoryList li {
  padding: 4px 8px;
  overflow: hidden; }

.Widget.DirectoryList li .FoldArrow {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -24px -1351px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  margin-right: 3px;
  cursor: pointer; }

.Widget.DirectoryList li .FoldArrow:active {
  background-position: -36px -1351px; }

.Widget.DirectoryList li.Open > .FoldArrow,
.Widget.DirectoryList li.Open > * > .FoldArrow {
  background-position: -60px -1351px; }

.Widget.DirectoryList li ul {
  margin-top: 4px;
  margin-left: 16px; }

.Widget.DirectoryList li a {
  text-decoration: none;
  color: #444; }

.Widget.DirectoryList li a.Student:hover,
.Widget.DirectoryList li a.Class:hover {
  color: #387FE8;
  text-decoration: underline; }

/* end - DirectoryList Widget */
/* ************************************************************************ */
/* Observations-Student *************************************************** */
/* ************************************************************************ */
/* TABLE VERSION, SHELVE PROBABLY. WHY? BORING.
.Widget.StudentObservations th.Date,
.Widget.StudentObservations td.Date {
	width: 80px;
	}
.Widget.StudentObservations th.MadeBy,
.Widget.StudentObservations td.MadeBy {
	width: 120px;
	}
	.Widget.StudentObservations td.MadeBy span {
		cursor: pointer;
		color: red;
		}
		.Widget.StudentObservations td.MadeBy span:hover {
			text-decoration: underline;
			} */
.Widget.StudentObservations .Observation {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.StudentObservations .Observation.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.StudentObservations .ObservationSubject {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px; }

.Widget.StudentObservations .ObservationText {
  font-size: 12px;
  line-height: 1.2; }

.Widget.StudentObservations .ObservationDetails {
  font-size: 11px;
  color: #999;
  height: 14px;
  padding-top: 10px;
  position: relative; }

/* 	.Widget.StudentObservations .ObserverInfo {
		position: absolute;
		left: 0px;
		top: 10px;
		} */
.Widget.StudentObservations .Observation.Over .ObserverInfo .Name {
  color: #387FE8;
  cursor: pointer; }

.Widget.StudentObservations .ObserverInfo .Name:hover {
  text-decoration: underline; }

.Widget.StudentObservations .ObservationActions {
  position: absolute;
  right: 0px;
  top: 4px;
  width: 20px; }

.Widget.StudentObservations .ObservationActions .DeleteTrashCan {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -170px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: none; }

.ie8 .Widget.StudentObservations .ObservationActions .DeleteTrashCan {
  filter: none !important; }

.Widget.StudentObservations .Observation.Over .ObservationActions .DeleteTrashCan {
  display: block; }

.Widget.StudentObservations .ObservationActions .DeleteTrashCan.Over {
  background-position: left -190px; }

.Widget.StudentObservations .ObservationActions .DeleteTrashCan.Pressed {
  background-position: left -210px; }

/* NOTE PAPER VERSION */
/* .Widget.StudentObservations .WidgetContentContainer {
	padding: 14px;
	}
.Widget.StudentObservations .Observation {
	margin-bottom: 10px;
	}
.Widget.StudentObservations .ObservationSubject 
.Widget.StudentObservations .ObservationText {
	padding: 4px 6px 6px 36px;
	background: #eee url(/homeroom/assets/images/note-paper-gray.png) repeat-y -12px 0;
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
	line-height:1.35;
	border: 1px solid #bbb;
	border-radius: 			2px; 
	-moz-border-radius: 	2px;
	-webkit-border-radius: 	2px;
	}
.Widget.StudentObservations .ObservationDetails {
	font-size: 11px;
	color: #aaa;
	position: relative;
	height: 20px;
	}
.Widget.StudentObservations .ObserverInfo {
	position: absolute;
	left: 0px;
	top: 2px;
	}
	.Widget.StudentObservations .Observation:hover .ObserverInfo .Name {
		color: #387FE8;
		cursor: pointer;
		}
	.Widget.StudentObservations .ObserverInfo .Name:hover {text-decoration: underline;}
.Widget.StudentObservations .ObservationDateTime {
	position: absolute;
	right: 0px;
	top: 2px;
	} */
.AddObservationPopover .FormTitle {
  font-weight: bold;
  font-size: 14px; }

.AddObservationPopover .AddObservationFormButtonsContainer {
  height: 20px;
  position: absolute;
  top: 0;
  right: 0; }

.AddObservationPopover .AddObservationFormButtonsContainer .DeleteTrashCan {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/homeroom/assets/images/hr-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -170px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: none; }

.AddObservationPopover .AddObservationFormButtonsContainer .DeleteTrashCan.Over {
  background-position: left -190px; }

.AddObservationPopover .AddObservationFormButtonsContainer .DeleteTrashCan.Pressed {
  background-position: left -210px; }

.AddObservationPopover .AddObservationFormButtonsContainer .CancelButton,
.AddObservationPopover .AddObservationFormButtonsContainer .SaveButton {
  float: right;
  margin-left: 8px; }

.AddObservationPopover .AddObservationForm {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px; }

.AddObservationPopover .AddObservationFormInputsContainer {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0; }

.AddObservationPopover .ObservationSubjectInput {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px; }

.AddObservationPopover .ObservationBodyInput {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0; }

.DeleteConfirmationPopover .CancelButton,
.DeleteConfirmationPopover .DeleteButton {
  float: right; }

.DeleteConfirmationPopover .DeleteButton {
  margin-left: 8px; }

/* end - Observations-Student */
/* ************************************************************************ */
/*  Spotlight Search ****************************************************** */
/* ************************************************************************ */
.SpotlightSearch {
  position: absolute;
  z-index: 5000;
  width: 275px;
  top: 22px;
  right: 0;
  zoom: 1; }

.SpotlightSearch .SearchHeader-Wrap,
.SpotlightSearch .SearchHeader-InnerWrap,
.SpotlightSearch .SearchHeader-Inner {
  display: block;
  position: relative;
  z-index: 5800;
  height: 30px;
  cursor: pointer;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat; }

.SpotlightSearch .SearchHeader-Wrap {
  background-position: right -2849px;
  padding-right: 12px; }

.SpotlightSearch .SearchHeader-InnerWrap {
  background-position: left -2789px;
  padding-left: 12px;
  zoom: 1;
  text-decoration: none; }

.SpotlightSearch .SearchHeader-Inner {
  background-repeat: repeat-x;
  background-position: left -2909px;
  padding-top: 5px;
  height: 25px; }

.SpotlightSearch .SearchHeader input {
  width: 172px; }

.SpotlightSearch .ShelfShadow {
  background: transparent url(/homeroom/assets/images/md-core-sprite.png) repeat-x left -3402px;
  height: 7px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 46px; }

.SpotlightSearchResultsWrapper {
  display: none;
  zoom: 1;
  position: relative;
  z-index: 5200;
  border: 1px solid #ccc;
  top: -15px;
  padding-top: 13px;
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px; }

.SpotlightSearchResultsWrapper .MDSearch-ResultsContainer {
  overflow: auto;
  height: 254px; }

.SpotlightSearchResults .MDSearch-Results {
  height: auto;
  overflow: hidden; }

.SpotlightSearchResults li {
  height: 60px;
  cursor: pointer;
  padding: 0px; }

.SpotlightSearchResults li.Alternate {
  height: 60px;
  background: #eee; }

.SpotlightSearchResults li table {
  border-collapse: collapse;
  width: 100%;
  height: 100%; }

.SpotlightSearchResults td {
  vertical-align: middle; }

.SpotlightSearchResults td.Image {
  width: 60px;
  padding-right: 10px; }

.SpotlightSearchResults td.Image span {
  display: block;
  width: 60px;
  height: 60px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.SpotlightSearchResults .Person td.Image span {
  background-position: left -3481px; }

.SpotlightSearchResults .Building td.Image span {
  background-position: left -3601px; }

.SpotlightSearchResults .Group td.Image span {
  background-position: left -3541px; }

.SpotlightSearchResults td.Name {
  padding: 4px 4px 0;
  height: 31px;
  font-weight: bold;
  font-size: 18px;
  line-height: 16px; }

.SpotlightSearchResults td.Detail {
  padding: 2px 4px;
  font-size: 11px;
  line-height: 1;
  color: #999; }

.SpotlightSearch .NoResultsMessage {
  padding-top: 40px;
  font-size: 13px;
  color: #999;
  font-weight: bold;
  text-align: center; }

/* end - Spotlight Search */
/* ************************************************************************ */
/* StudentOverviewChart.css *********************************************** */
/* ************************************************************************ */
/* .StudentOverviewChart * {position:relative;} */
.StudentOverviewChart .EmptyMessage {
  background: white url(/assets/images/bigbluearrow-up-ne.png) no-repeat 854px top; }

.StudentOverviewChart {
  height: 100%;
  position: relative;
  z-index: 100; }

.StudentOverviewChart .DataBrowserContainer {
  height: 100%;
  position: relative;
  z-index: 100; }

.StudentOverviewChart .DataBrowserSidebar {
  width: 25%; }

.StudentOverviewChart .DataBrowserContent {
  width: 75%;
  overflow: hidden; }

.StudentOverviewChart .SidebarStudentGroupingContainer {
  height: 100%;
  overflow: auto; }

.StudentOverviewChart .StudentGroupingMenuContainer .Menu span span {
  padding-left: 3px; }

.StudentOverviewChart .SidebarInner .EmptyMessage {
  color: #bbb;
  font-weight: bold;
  padding-left: 6px; }

.StudentOverviewChart .SidebarInner .NewStudentGroupLink {
  display: block;
  width: 100%;
  font-size: 11px;
  text-align: right;
  padding: 0 0 6px 0; }

.StudentOverviewChart .SidebarList {
  min-height: 30px;
  padding: 0 !important; }

.StudentOverviewChart .SidebarList li ul {
  margin-left: 12px; }

.StudentOverviewChart .DataBrowserSidebar .SelectionList {
  width: 93%;
  min-height: 100px;
  overflow: hidden;
  margin: 10px auto; }

.StudentOverviewChart .DataBrowserSidebar .EditStudentGroup {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10000;
  color: #aaa;
  background: #eee; }

.StudentOverviewChart .DataBrowserSidebar .EditStudentGroup:hover {
  background: #387FE8;
  color: #fff; }

.StudentOverviewChart .DataBrowserSidebar .MenuContainer {
  height: 18px;
  margin: 0 auto 5px;
  padding-top: 8px;
  width: 93%; }

.StudentOverviewChart .DataBrowserSidebar .MenuContainer button {
  width: 100%; }

#CLONER {
  display: none; }

/* StudentOverviewChartTable */
.StudentOverviewChartTable th {
  cursor: pointer;
  text-align: left; }

.StudentOverviewChartTable td {
  text-align: center;
  /* 	width:40px; */ }

.StudentOverviewChartTable td.Score div {
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  color: white;
  display: block;
  font-weight: bold;
  margin-left: 0px;
  padding: 1px;
  text-align: center;
  text-shadow: #444 1px 1px 0px; }

.StudentOverviewChartTable .Score .StandardNotMet {
  background: #DA0000; }

.StudentOverviewChartTable .Score .StandardMet {
  background: #238200; }

/* 	.StudentOverviewChartTable td.Level1 span {background:#DA0000;}
	.StudentOverviewChartTable td.Level2 span {background:#FF9900;}
	.StudentOverviewChartTable td.Level3 span {background:#6AB942;}
	.StudentOverviewChartTable td.Level4 span {background:#238200;}*/
.StudentOverviewChartTable .HeaderLabels {
  font-weight: bold; }

.StudentOverviewChartTable .ColGroupFirst {
  border-left: 2px solid #000; }

/* specific columns */
.StudentOverviewChartTable .Student,
.StudentOverviewChartTable .CurrentClassGrades {
  text-align: left; }

.StudentOverviewChartTable .Student,
.StudentOverviewChartTable .Birthdate {
  white-space: nowrap; }

.StudentOverviewChartTable td.Gender {
  text-align: center; }

/* end - StudentOverviewChart */
/* Student Learning Plan Manager */
.Widget.StudentLearningPlanManager .FirstLoadChooseStudentGroupTriggerContainer {
  width: 164px;
  margin: 130px auto 0; }

.Widget.StudentLearningPlanManager .FirstLoadChooseStudentGroupTriggerContainer .StudentGroupIcon {
  display: block;
  width: 130px;
  height: 90px;
  margin: 0 auto 5px;
  background-image: url(/homeroom/assets/images/studentgroup-icon-lg.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer; }

.Widget.StudentLearningPlanManager .FirstLoadChooseStudentGroupTrigger {
  width: 164px; }

.Widget.StudentLearningPlanManager .HRStudentLearningPlanManager {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }

/* Content Header */
.HRStudentLearningPlanManager .ContentHeader {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 40px;
  position: relative;
  border-bottom: 1px solid #666; }

.HRStudentLearningPlanManager .ContentHeader.FirstLoad {
  top: -41px; }

.HRStudentLearningPlanManager .ContentHeader .ChooseStudentGroupTrigger {
  display: inline-block;
  margin-top: 4px;
  margin-left: 4px;
  max-width: 60%; }

.HRStudentLearningPlanManager .ContentHeader .PrimaryActionButtonsContainer {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 33%;
  background: white;
  TODO: DeleteMe; }

.HRStudentLearningPlanManager .ContentHeader .PrimaryActionButtonsContainer .MDInput.Button {
  float: right;
  margin-top: 8px;
  margin-right: 12px; }

/* ContentInner */
.HRStudentLearningPlanManager .ContentInner {
  position: absolute;
  top: 41px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: auto;
  border-top: 1px solid #ccc; }

.HRStudentLearningPlanManager .MassAssignTriggerContainer {
  width: 267px;
  height: 151px;
  position: absolute;
  top: 100px;
  left: 150px; }

.HRStudentLearningPlanManager .MassAssignTriggerContainer > .Icon {
  width: 267px;
  height: 111px;
  background: url(/homeroom/assets/images/slp-mass-assign-graphic.png) no-repeat 0 0;
  cursor: pointer; }

.HRStudentLearningPlanManager .MassAssignTriggerContainer .MDInput.Button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.HRStudentLearningPlanManager .MassPrintTriggerContainer {
  width: 267px;
  height: 151px;
  position: absolute;
  top: 100px;
  right: 150px; }

.HRStudentLearningPlanManager .MassPrintTriggerContainer > .Icon {
  width: 267px;
  height: 111px;
  background: url(/homeroom/assets/images/slp-mass-print-graphic.png) no-repeat 0 0;
  cursor: pointer; }

.HRStudentLearningPlanManager .MassPrintTriggerContainer .MDInput.Button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.HRStudentLearningPlanManager .ContentInner.FirstLoad {
  top: -1px; }

/* ContentInner.Assigner */
.HRStudentLearningPlanManager .ContentInner.Assigner {
  background: #444; }

.HRStudentLearningPlanManager .SLP {
  width: 90%;
  margin: 14px auto 40px;
  box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px; }

.HRStudentLearningPlanManager .SLP > .Inner {
  background: #fff; }

.HRStudentLearningPlanManager .SLP .SectionHeader {
  border-top: 1px solid #ccc;
  cursor: pointer; }

.HRStudentLearningPlanManager .SelectedStudentGroup {
  border-bottom: 1px dashed #fff;
  padding-bottom: 2px;
  color: #fff;
  font-size: 13px;
  height: 16px; }

.HRStudentLearningPlanManager .StudentGroupChooseTrigger {
  margin-top: 3px; }

.HRStudentLearningPlanManager .ContentInner.MassPrint {
  background: #444; }

.HRStudentLearningPlanManager .MassPrintConfigurator {
  bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 10px;
  width: 50%; }
  .HRStudentLearningPlanManager .MassPrintConfigurator .ScrollShadow.Bottom {
    bottom: 0; }

.HRStudentLearningPlanManager .MassPrintConfiguratorBody {
  bottom: 0; }

.AddGoalToSLPTemplatePopover .MDPopover-Content,
.SLPAssignerStudentGroupChooserPopover .MDPopover-Content {
  padding: 0; }

.AddGoalToSLPTemplatePopover .MDPopover-CloseButton {
  z-index: 100; }

.AddGoalToSLPTemplatePopover .MDPopover-Content .FilterGroup {
  border-width: 0;
  z-index: 1;
  width: 100%; }

.AddGoalToSLPTemplatePopover .MDPopover-Content .FilterGroup .FilterStratum:last-child {
  padding-bottom: 76px; }

.AddGoalToSLPTemplatePopover .MDPopover-Content .FilterStratum-MultiValueFieldContainer {
  height: 44px; }

.AddGoalToSLPTemplatePopover .MDPopover-Content .AddGoalButton {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 100; }

.AddGoalToSLPTemplatePopover .MDPopover-Content .AddGoalConfirmation {
  position: absolute;
  bottom: 13px;
  right: 132px;
  z-index: 100; }

.MDPopover.HRStudentLearningPlanManager-ConfirmationPopover .MDPopover-Content .MDInput.Button {
  margin-left: 8px;
  float: right; }

/* /Student Learning Plan Assigner */
/* AnnualScheduleTable" */
.AnnualScheduleTable th {
  border-left: none; }

.AnnualScheduleTable th span {
  font-weight: bold; }

.AnnualScheduleTable td {
  border: none;
  height: 22px;
  padding: 0; }
  .AnnualScheduleTable td.RowTitle {
    width: 1%; }

.AnnualScheduleTable td .CellInner {
  width: 100%;
  height: 38px;
  position: relative; }

.AnnualScheduleTable td span {
  background: #eee;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-shadow: #fff 0px 1px 0px;
  padding: 7px 6px 0px;
  display: block;
  position: absolute;
  top: 4px;
  right: 8px;
  bottom: 4px;
  left: 4px;
  border: 1px solid #ddd;
  overflow: hidden;
  white-space: nowrap; }

.AnnualScheduleTable td span.QuickProfileable {
  cursor: pointer; }

.AnnualScheduleTable td span.QuickProfileable:hover {
  background: transparent url(/homeroom/assets/images/md-core-sprite.png) repeat-x left -3361px;
  color: #fff;
  border: 1px solid #2B6EE1;
  text-shadow: none;
  /* gradient permalink: http://www.colorzilla.com/gradient-editor/#3977dc+0,1d52ab+100;Custom */
  background: #3977dc;
  /* Old browsers */
  /* IE9 SVG */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NzdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDUyYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #3977dc 0%, #1d52ab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3977dc), color-stop(100%, #1d52ab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3977dc 0%, #1d52ab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3977dc 0%, #1d52ab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3977dc 0%, #1d52ab 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #3977dc 0%, #1d52ab 100%);
  /* W3C */ }

.ie8 .AnnualScheduleTable td span.QuickProfileable:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3977dc', endColorstr='#1d52ab',GradientType=0 );
  /* IE6-8 */ }

.AnnualScheduleTable td span.PlaceHolder {
  background: transparent;
  border: none; }

.AnnualScheduleTable .ColumnHeader span,
.AnnualScheduleTable .RowTitle span {
  /* 	width: 14px; */
  position: static;
  background: transparent;
  border: none;
  padding-top: 12px; }

/* /AnnualScheduleTable" */
.FilesList .File {
  display: block;
  padding: 3px 0;
  margin-bottom: 6px;
  overflow: hidden;
  text-decoration: none; }

.FilesList .File:hover {
  text-decoration: underline; }

.FilesList .FileIcon {
  height: 19px;
  width: 18px;
  margin-right: 4px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-repeat: no-repeat;
  float: left; }

/* copy this to a generic property somewhere. */
.FilesList .File.doc .FileIcon {
  background-position: -66px -3424px; }

.FilesList .File.docx .FileIcon {
  background-position: -66px -3424px; }

.FilesList .File.zip .FileIcon {
  background-position: -48px -3424px; }

.FilesList .File.xls .FileIcon {
  background-position: -84px -3424px; }

.FilesList .File.pdf .FileIcon {
  background-position: -84px -3462px; }

.FilesList .File.txt .FileIcon {
  background-position: -66px -3462px; }

.FilesList .File.xml .FileIcon {
  background-position: -66px -3443px; }

.FilesList .File.ppt .FileIcon {
  background-position: -84px -3443px; }

.FilesList .File.jpg .FileIcon {
  background-position: -48px -3443px; }

.FilesList .File.png .FileIcon {
  background-position: -48px -3462px; }

.FilesList .FileLink {
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none; }

.FilesList .FileLink:hover {
  text-decoration: underline; }

.FilesListModal .PopoverContents {
  padding: 0px 8px; }

/* DrawerShadow Generic */
.DrawerShadow {
  width: 100%;
  height: 7px;
  display: block;
  position: absolute;
  background: transparent url(/homeroom/assets/images/md-core-sprite.png); }

.DrawerShadow.Top {
  background-position: left -3402px;
  top: 0; }

.DrawerShadow.Bottom {
  background-position: left -3409px;
  bottom: 0; }

/* /DrawerShadow Generic */
/* Drawer Generics */
.Drawer {
  background: #eee;
  padding: 5px 0 30px;
  position: relative;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  z-index: 10000; }

.Drawer .DrawerInner {
  padding: 8px; }

.Drawer td {
  padding: 5px; }

.Drawer td.Label {
  width: 30%;
  text-align: right;
  color: #AAA;
  font-size: 11px;
  line-height: 1;
  text-align: right;
  text-transform: uppercase; }

.Drawer td.Data {
  width: 70%; }

.Drawer form,
.Drawer form table {
  width: 100%; }

.Drawer select {
  width: 100%;
  border: 1px solid #888; }

.Drawer input.Text,
.Drawer textarea,
.Drawer div.textarea {
  border: 1px solid #AAA;
  background-color: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-family: 'Hevetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 11px;
  line-height: 1;
  padding: 4px 4px 1px;
  width: 93%;
  color: #999; }

.Drawer .DrawerActions {
  position: absolute;
  left: 0;
  bottom: 10px;
  height: 18px;
  width: 100%; }

.Drawer .DrawerActions .MDInput.Button.Size-Small {
  position: absolute; }

/* /Widget Drawer Generics */
/* ************************************************************************ */
/* Student Learning Plan ************************************************** */
/* ************************************************************************ */
/* Student Learning Plan Generic Properties */
.StudentLearningPlan .AddStudentLearningPlanButton {
  position: absolute;
  top: 36px;
  left: 50%;
  margin-left: -150px; }

.StudentLearningPlan .Section {
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #999; }

.StudentLearningPlan .Section .FoldTrigger {
  display: block;
  width: 12px;
  height: 12px;
  float: right;
  margin-top: 6px;
  margin-right: 8px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.StudentLearningPlan .Section.Open .FoldTrigger {
  background-position: -48px -1351px; }

.StudentLearningPlan .Section.Open .FoldTrigger:active {
  background-position: -60px -1351px; }

.StudentLearningPlan .Section.Closed .FoldTrigger {
  background-position: 0px -1351px;
  margin-right: 10px; }

.StudentLearningPlan .Section.Closed .FoldTrigger:active {
  background-position: -12px -1351px; }

.StudentLearningPlan .SectionHeader {
  width: 100%;
  height: 26px;
  background: #999;
  background-repeat: repeat-x;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-position: 0px -3198px;
  background-repeat: repeat-x; }

.StudentLearningPlan .SectionHeader span {
  font-size: 12px;
  line-height: 1;
  display: block;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  text-shadow: #fff 0px 1px 0px;
  padding-left: 5px;
  padding-top: 7px; }

.StudentLearningPlan .SectionInner {
  /* margin:18px; ??? */ }

.StudentLearningPlan .SectionActions {
  padding: 18px;
  position: relative; }

.LogTable {
  width: 100%;
  border-collapse: collapse;
  text-align: left; }

.LogTable tr.Alternate {
  background: #EAF3FF; }

.LogTable th {
  white-space: nowrap;
  padding: 4px 12px 2px 4px;
  border-bottom: 1px solid #aaa;
  color: #333;
  font-weight: bold; }

.LogTable th:first-child {
  border-left: 0; }

.LogTable td {
  padding: 8px;
  padding-left: 4px;
  padding-right: 24px;
  border-left: 1px solid #ddd; }

.LogTable td:first-child {
  border-left: 0; }

.LogTable td.Date,
.LogTable th.Date {
  width: 40px;
  padding-left: 18px;
  font-weight: bold; }

.LogTable td.Files {
  padding-top: 0;
  padding-bottom: 0; }

.LogTable td.Notes,
.LogTable th.Notes {
  padding-right: 18px; }

.LogTable td.Notes {
  font-size: 11px; }

.LogTable td.Method {
  white-space: nowrap;
  font-weight: bold; }

.LogTable td.Temp {
  font-style: italic !important;
  color: #999999 !important; }

.LogTable td.Delete.Temp {
  width: 33px !important;
  padding-right: 0px !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: bold !important; }

.LogTable td.Delete,
.LogTable td.Remove {
  width: 70px;
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: bold; }

.StudentLearningPlan .AttachmentIcon {
  display: block;
  width: 21px;
  height: 21px;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -40px -3661px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.StudentLearningPlan .AttachmentIcon:active {
  background-position: -61px -3661px; }

.SLPModal .PopoverContents {
  padding: 0 8px; }

.SLPModal .ModalActionsContainer {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 75%; }

.SLPModal .ModalActionsContainer .MDInput.Button.Size-Small {
  float: right;
  margin-left: 6px; }

.SLPModal .ModalTitle {
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.SLPModal .ModalInner {
  bottom: 0px;
  left: 8px;
  position: absolute;
  right: 8px;
  top: 36px; }

.SLPModal .Drawer {
  width: auto !important;
  left: -8px;
  right: -8px; }

.SLPLogEntryModal .FormOptions {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0;
  width: 180px; }

.SLPLogEntryModal .FormOptions .SLPCheck {
  margin-top: 8px;
  font-size: 11px; }

.SLPLogEntryModal .FormOptions .SLPCheck input {
  margin-right: 4px; }

.SLPLogEntryModal .FormOptions .MDInput.Button.Size-Small.File {
  margin-top: 8px; }

.SLPLogEntryModal .FormOptions .FilesList {
  position: absolute;
  bottom: 0;
  top: 70px;
  left: 0;
  right: 0;
  overflow: auto; }

.SLPLogEntryModal .FormEntry {
  position: absolute;
  left: 188px;
  top: 0px;
  bottom: 0;
  right: 0px; }

.SLPModal .LogTable .Delete {
  padding: 0; }

.SLPModal .LogTable .Delete div {
  width: 14px;
  margin: 0 auto; }

.SLPModal .LogTable .DeleteButton {
  display: block;
  border: 0;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right -1430px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.SLPModal .LogTable .DeleteButton:hover {
  background-position: -88px -1444px; }

.SLPModal .LogTable .DeleteButton span {
  display: none; }

#StudentLearningPlanPrintableContent {
  display: none; }

/* SLP Print Confirmation Modal */
#SlpPrintConfirmation {
  padding: 0px 8px; }

#SlpPrintConfirmation h3 {
  font-weight: bold;
  text-align: center; }

#SlpPrintConfirmation .Cancel {
  position: absolute;
  left: 10px;
  bottom: 0px; }

#SlpPrintConfirmation .Print {
  position: absolute;
  right: 10px;
  bottom: 0px; }

/* /Student Learning Plan Generic Properties */
/* Communications Section */
.StudentLearningPlan .Communications .LogTable .Method {
  width: 33%; }

.StudentLearningPlan .CommunicationPlan {
  position: absolute;
  top: 18px;
  right: 8px;
  width: 75%;
  text-align: right; }

.StudentLearningPlan .CommunicationPlan span,
.StudentLearningPlan .CommunicationPlan a {
  padding-left: 4px; }

.StudentLearningPlan .Communications .NotesShowHideToggle {
  padding-left: 4px; }

/* SLPCommunicationPlanModal Popover */
.SLPCommunicationPlanModal .SelectionContainer {
  width: 50%;
  float: left;
  margin-top: 12px; }

.SLPCommunicationPlanModal .SelectionContainer label {
  display: block;
  font-weight: bold; }

.SLPCommunicationPlanModal .SelectionContainer select {
  width: 90%; }

/* /SLPCommunicationPlanModal Popover */
/* SLPNewCommunicationsLogEntryModal Popover */
.SLPNewCommunicationsLogEntryModal .PopoverContents {
  padding: 0 8px; }

.SLPNewCommunicationsLogEntryModal .ModalTitle {
  font-size: 14px;
  font-weight: bold; }

.SLPNewCommunicationsLogEntryModal .FormOptions .SLPCheck {
  margin-top: 8px;
  font-size: 11px; }

.SLPNewCommunicationsLogEntryModal .FormOptions .SLPCheck input {
  margin-right: 4px; }

/* .SLPNewCommunicationsLogEntryModal Popover */
/* /Communications Section */
/* Relevant Assessments Section */
.StudentLearningPlan .RelevantAssessments td.Assessment,
.StudentLearningPlan .RelevantAssessments .Score {
  font-weight: bold; }

.StudentLearningPlan .RelevantAssessments .Score,
.StudentLearningPlan .RelevantAssessments .Level,
.StudentLearningPlan .RelevantAssessments .SchoolYear {
  width: 10%;
  white-space: nowrap; }

/* Relevant Assessments Popover */
.RelevantAssessmentsChooserPopover .HRAssessmentChooser-TagGrouping.GradeLevel {
  display: none; }

.RelevantAssessmentsChooserPopover .AssessmentTestScore {
  color: #fff;
  padding: 1px 4px;
  text-shadow: #000 0 1px 1px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* /Relevant Assessments Popover */
/* /Relevant Assessments Section */
/* Goals Section */
.StudentLearningPlan .Goals td.Edit, .StudentLearningPlan .Goals th.Edit {
  padding-right: 3px;
  text-align: center;
  width: 8.9%; }

.StudentLearningPlan .Goals td.Edit.Temp {
  padding-right: 0px !important;
  width: 0px !important; }

.StudentLearningPlan .Goals div.ButtonsContainer .Button + .Button {
  margin-left: 4px; }

.StudentLearningPlan .Goals .LogTable .Goal {
  width: 33%;
  padding-right: 10px;
  font-weight: bold; }

.StudentLearningPlan .Goals .LogTable .GoalArea {
  width: 27.9%; }

.StudentLearningPlan .Goals .LogTable .Progress {
  width: 61px;
  padding-right: 10px; }

/* SLPGoalsLogEntryModal */
.SLPGoalsLogEntryModal .TabInner {
  bottom: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 30px;
  overflow: auto; }

.SLPGoalsLogEntryModal .FormOptions {
  left: 0; }
  .SLPGoalsLogEntryModal .FormOptions .Button {
    width: 100%;
    margin-bottom: 5px; }

.SLPGoalsLogEntryModal .FormEntry {
  left: 188px;
  bottom: 8px; }
  .SLPGoalsLogEntryModal .FormEntry .Textarea {
    width: 100%;
    height: 100%; }

.SLPGoalsLogEntryModal .Drawer {
  top: 58px !important;
  padding-bottom: 0; }
  .SLPGoalsLogEntryModal .Drawer .DrawerActions {
    position: static;
    width: auto;
    height: auto;
    text-align: right;
    padding-top: 10px; }
    .SLPGoalsLogEntryModal .Drawer .DrawerActions .Button {
      margin-left: 10px; }
  .SLPGoalsLogEntryModal .Drawer textarea {
    color: #333;
    font-size: 12px !important; }

/* Inner Tabs */
.GoalEntryTabs .Drawer .DrawerInner {
  position: relative;
  padding: 8px; }

.GoalEntryTabs .Drawer .NotesInput {
  margin-top: 12px;
  width: 100%; }

.GoalEntryTabs .GoalEntryTabLogTableContainer {
  position: absolute;
  top: 28px;
  right: 0;
  bottom: 0;
  left: 0; }

.InterventionsTab .InterventionSelectorContainer {
  margin-right: 8px; }
.InterventionsTab .ResponsiblePartySelectorContainer {
  height: 15px;
  margin-top: 12px; }
.InterventionsTab .ResponsibleLabel {
  font-weight: bold;
  padding-right: 4px; }
.InterventionsTab .Party {
  padding-right: 10px; }
  .InterventionsTab .Party input {
    margin-right: 3px; }
.InterventionsTab .LogTable td.Delete {
  width: 33px; }
.InterventionsTab .LogTable .Intervention {
  font-weight: bold; }

.ProgressTab .LogTable td.Delete {
  width: 33px; }

/* /SLPGoalsLogEntryModal */
/* /Goals Section */
/* Interventions Section */
.StudentLearningPlan .Interventions .LogTable .Intervention {
  font-weight: bold; }

.StudentLearningPlan .Interventions .LogTable td.Edit, .StudentLearningPlan .LogTable .Interventions th.Edit {
  padding-right: 3px;
  text-align: center;
  width: 8.9%; }

.StudentLearningPlan .Interventions .LogTable td.Goal {
  font-weight: normal; }

.StudentLearningPlan .SLPEditInterventionModal .ResponsiblePartiesContainer {
  margin: 12px 0; }

.StudentLearningPlan .SLPEditInterventionModal .ResponsibleLabel {
  font-weight: bold;
  padding-right: 4px; }

.StudentLearningPlan .SLPEditInterventionModal .Party {
  padding-right: 10px; }

.StudentLearningPlan .SLPEditInterventionModal .Party input {
  margin-right: 3px; }

.StudentLearningPlan .SLPEditInterventionModal .NotesContainer {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 0 0 12px; }

/* /Interventions Section */
/* Commitments Section */
.StudentLearningPlan .Commitments .SectionInner {
  padding: 18px;
  overflow: hidden; }

.StudentLearningPlan .Commitments .Column {
  width: 33%;
  float: left; }

.StudentLearningPlan .Commitments .ColumnHeader {
  font-weight: bold; }

.StudentLearningPlan .Commitments .Commitment {
  padding: 6px 0; }

.StudentLearningPlan .Commitments .Commitment input {
  float: left; }

.StudentLearningPlan .Commitments .Commitment span {
  display: block;
  line-height: 1;
  padding-left: 16px;
  padding-right: 12px;
  font-size: 11px; }

/* /Commitments Section */
/* Accommodations Section */
.StudentLearningPlan .Accommodations .SectionInner {
  padding: 18px;
  overflow: hidden; }

.StudentLearningPlan .Accommodations .MDTabs-Buttons {
  margin-bottom: 12px; }

.StudentLearningPlan .Accommodations .Accommodation {
  padding: 6px 0 0 6px; }

.StudentLearningPlan .Accommodations .Accommodation label {
  line-height: 1; }

.StudentLearningPlan .Accommodations .Accommodation .Checkbox {
  padding-right: 5px;
  float: left; }

.StudentLearningPlan .Accommodations .Accommodation span {
  display: block;
  margin-left: 18px; }

/* /Accommodations Section */
/* AdditionalInformation Section */
.StudentLearningPlan .AdditionalInformation .SectionInner {
  padding: 18px;
  overflow: hidden; }
  .StudentLearningPlan .AdditionalInformation .SectionInner .Column {
    width: 33%;
    float: left; }
    .StudentLearningPlan .AdditionalInformation .SectionInner .Column .AdditionalInformation {
      padding: 6px 0; }
      .StudentLearningPlan .AdditionalInformation .SectionInner .Column .AdditionalInformation input {
        float: left; }
      .StudentLearningPlan .AdditionalInformation .SectionInner .Column .AdditionalInformation span {
        display: block;
        line-height: 1;
        padding-left: 16px;
        padding-right: 12px;
        font-size: 11px; }

/* /AdditionalInformation Section */
/* Qualifying Conditions Section */
.StudentLearningPlan .QualifyingConditions .SectionInner {
  padding: 18px;
  overflow: hidden; }
  .StudentLearningPlan .QualifyingConditions .SectionInner .NotesHeader {
    clear: left;
    padding-top: 14px; }
  .StudentLearningPlan .QualifyingConditions .SectionInner .Column {
    width: 50%;
    float: left; }
    .StudentLearningPlan .QualifyingConditions .SectionInner .Column .QualifyingCondition {
      padding: 6px 0; }
      .StudentLearningPlan .QualifyingConditions .SectionInner .Column .QualifyingCondition input {
        float: left; }
      .StudentLearningPlan .QualifyingConditions .SectionInner .Column .QualifyingCondition span {
        display: block;
        line-height: 1;
        padding-left: 16px;
        padding-right: 12px;
        font-size: 11px; }

/* /Qualifying Conditions Section */
/* Supplemental Information Section */
.StudentLearningPlan .SupplementalInformation .SectionInner {
  padding: 18px;
  overflow: hidden; }

.StudentLearningPlan .SupplementalInformationTable {
  border-collapse: collapse;
  width: 100%; }

.StudentLearningPlan .SupplementalInformationTable td {
  /* 				border: 1px solid #aaa; */
  padding: 6px 0; }

.StudentLearningPlan .SupplementalInformationTable td {
  width: 35%; }

.StudentLearningPlan .SupplementalInformationTable td + td {
  width: 65%; }

/* /Supplemental Information Section */
/* end - Student Learning Plan */
/* CAACIA */
.CAACIA .FirstLoadChooseStudentGroupTriggerContainer {
  width: 164px;
  margin: 130px auto 0; }

.CAACIA .FirstLoadChooseStudentGroupTriggerContainer .StudentGroupIcon {
  display: block;
  width: 130px;
  height: 90px;
  margin: 0 auto 5px;
  background-image: url(/homeroom/assets/images/studentgroup-icon-lg.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer; }

.CAACIA .FirstLoadChooseStudentGroupTrigger {
  width: 164px; }

.CAACIAWidgetInner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.CAACIAWidgetInner .ContentHeader {
  position: absolute;
  height: 40px;
  top: 0;
  right: 0px;
  left: 0px;
  border-bottom: 1px solid #666; }

.CAACIAWidgetInner .ContentHeader.FirstLoad {
  top: -41px; }

.CAACIAWidgetInner .SelectedStudentGroupName {
  font-size: 15px;
  font-weight: bold;
  padding-top: 9px;
  padding-left: 13px;
  float: left;
  margin-right: 10px;
  max-width: 495px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.CAACIAWidgetInner .ChooseStudentGroupTrigger {
  display: inline-block;
  margin-top: 4px;
  margin-left: 4px; }

.CAACIAWidgetInner .SearchFilterFieldContainer {
  position: absolute;
  top: 7px;
  right: 10px;
  bottom: 0;
  text-align: right; }

.CAACIAWidgetInner .ContentFooter {
  border-top: 1px solid #000;
  height: 33px;
  padding: 7px 10px 0 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }

.CAACIAWidgetInner .PagingSelectorContainer {
  float: right; }

.CAACIAWidgetInner .TableWrapper {
  position: absolute;
  border-top: 1px solid #aaa;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 41px; }

.CAACIAWidgetInner .TableWrapper.FirstLoad {
  top: -1px; }

.CAACIAWidgetInner .TableContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.CAACIAWidgetInner table.CAACIA th {
  background-color: #eee; }

table.CAACIA th {
  min-width: 50px;
  padding-bottom: 15px; }

table.CAACIA th div {
  cursor: pointer;
  position: relative;
  text-align: center; }

table.CAACIA th .Sorted:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  margin: 0 auto;
  background: url(/homeroom/assets/images/md-core-sprite.png) no-repeat -48px -1351px;
  text-indent: -9999px; }

table.CAACIA th .Sorted.Reversed:after {
  background-position: -72px -1351px; }

table.CAACIA td.EntityDisplayName {
  white-space: nowrap; }

table.CAACIA td.EntityDisplayName .StudentNameGroup {
  position: relative; }

table.CAACIA td.EntityDisplayName .StudentNameGroup .ProfileLink {
  width: 12px;
  height: 12px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -80px -757px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer; }

table.CAACIA td.EntityDisplayName .StudentNameGroup .StudentName {
  padding-left: 18px; }

table.CAACIA td.EntityDisplayName .StudentNameGroup .StudentName.Unenrolled {
  font-style: italic;
  text-decoration: line-through; }

table.CAACIA td.Test {
  padding: 8px 4px; }

table.CAACIA td.Test div {
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  font-weight: bold;
  display: block;
  font-size: 11px;
  margin-left: 0px;
  padding: 1px;
  text-align: center;
  cursor: pointer; }

table.CAACIA td.Test.StandardMet div {
  color: #238200; }

table.CAACIA td.Test.StandardNotMet div {
  color: #DA0000; }

/* /CAACIA */
/* Enrollments */
.Widget.StudentEnrollments .Enrollment {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.StudentEnrollments .Enrollment.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.StudentEnrollments .Enrollment .EnrollmentEntity {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.StudentEnrollments .EnrollmentDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.StudentEnrollments .EnrollmentDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999; }

.Widget.StudentEnrollments .EnrollmentDetailsTable td.Details .CellInner {
  padding-left: 12px; }

/* /Enrollments */
/* Five Oh Four */
.V2_FiveOhFour .FirstLoadChooseStudentGroupTriggerContainer {
  width: 164px;
  margin: 130px auto 0; }

.V2_FiveOhFour .FirstLoadChooseStudentGroupTriggerContainer .StudentGroupIcon {
  display: block;
  width: 130px;
  height: 90px;
  margin: 0 auto 5px;
  background-image: url(/homeroom/assets/images/studentgroup-icon-lg.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer; }

.V2_FiveOhFour .FirstLoadChooseStudentGroupTrigger {
  width: 164px; }

.V2_FiveOhFourWidgetInner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.V2_FiveOhFourWidgetInner .ContentHeader {
  position: absolute;
  height: 40px;
  top: 0;
  right: 0px;
  left: 0px;
  border-bottom: 1px solid #666; }

.V2_FiveOhFourWidgetInner .ContentHeader.FirstLoad {
  top: -41px; }

.V2_FiveOhFourWidgetInner .SelectedStudentGroupName {
  font-size: 15px;
  font-weight: bold;
  padding-top: 9px;
  padding-left: 13px;
  float: left;
  margin-right: 10px;
  max-width: 495px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.V2_FiveOhFourWidgetInner .ChooseStudentGroupTrigger {
  display: inline-block;
  margin-top: 4px;
  margin-left: 4px; }

.V2_FiveOhFourWidgetInner .SearchFilterFieldContainer {
  position: absolute;
  top: 7px;
  right: 10px;
  bottom: 0;
  text-align: right; }

.V2_FiveOhFourWidgetInner .ContentFooter {
  border-top: 1px solid #000;
  height: 33px;
  padding: 7px 10px 0 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }

.V2_FiveOhFourWidgetInner .PagingSelectorContainer {
  float: right; }

.V2_FiveOhFourWidgetInner .TableWrapper {
  position: absolute;
  border-top: 1px solid #aaa;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 41px; }

.V2_FiveOhFourWidgetInner .TableWrapper.FirstLoad {
  top: -1px; }

.V2_FiveOhFourWidgetInner .TableContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.V2_FiveOhFourWidgetInner table.V2_FiveOhFour th {
  background-color: #eee; }

table.V2_FiveOhFour th {
  min-width: 50px;
  padding-bottom: 15px; }

table.V2_FiveOhFour th div {
  cursor: pointer;
  position: relative;
  text-align: center; }

table.V2_FiveOhFour th .Sorted:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  margin: 0 auto;
  background: url(/homeroom/assets/images/md-core-sprite.png) no-repeat -48px -1351px;
  text-indent: -9999px; }

table.V2_FiveOhFour th .Sorted.Reversed:after {
  background-position: -72px -1351px; }

table.V2_FiveOhFour td.EntityDisplayName {
  white-space: nowrap; }

table.V2_FiveOhFour td.EntityDisplayName .StudentNameGroup {
  position: relative; }

table.V2_FiveOhFour td.EntityDisplayName .StudentNameGroup .StudentName {
  padding-left: 18px; }

/*Five Oh Four*/
/* V2 Risk Indicator */
.V2_RiskIndicatorViewer .FirstLoadChooseStudentGroupTriggerContainer {
  width: 164px;
  margin: 130px auto 0; }

.V2_RiskIndicatorViewer .FirstLoadChooseStudentGroupTriggerContainer .StudentGroupIcon {
  display: block;
  width: 130px;
  height: 90px;
  margin: 0 auto 5px;
  background-image: url(/homeroom/assets/images/studentgroup-icon-lg.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer; }

.V2_RiskIndicatorViewer .FirstLoadChooseStudentGroupTrigger {
  width: 164px; }

.V2_RiskIndicatorViewer table.V2_Risk td div {
  position: relative; }

.V2_RiskIndicatorViewer table.V2_Risk td .Sorted:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  margin: 0 auto;
  background: url(/homeroom/assets/images/md-core-sprite.png) no-repeat -48px -1351px;
  text-indent: -9999px; }

.V2_RiskIndicatorViewer table.V2_Risk td .Sorted.Reversed:after {
  background-position: -72px -1351px; }

/* /V2 Risk Indicator */
/* /V2 Student Risk Profile */
.StudentRiskProfileTable .RiskIndicator {
  width: 40%; }
.StudentRiskProfileTable .RiksValue {
  width: 20%; }

/* /V2 Student Risk Profile */
/* ChartDashboard */
.ChartDashboard .FirstLoadChooseChartDashboardTriggerContainer {
  width: 164px;
  margin: 5px auto 0; }

.ChartDashboard .FirstLoadChooseChartDashboardTriggerContainer {
  width: 169px; }

/* /ChartDashboard */
/* V2 Intervention Plans */
.Widget.V2_InterventionPlans .InterventionPlan {
  padding: 18px;
  position: relative;
  color: #444; }

.Widget.V2_InterventionPlans .InterventionPlan.Alternate {
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.Widget.V2_InterventionPlans .InterventionPlan .InterventionPlanLabel {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5; }

.Widget.V2_InterventionPlans .InterventionPlanDetailsTable td {
  padding: 2px;
  vertical-align: top; }

.Widget.V2_InterventionPlans .InterventionPlanDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999; }

.Widget.V2_InterventionPlans .InterventionPlanDetailsTable td.Details .CellInner {
  padding-left: 12px; }

/* /InterventionPlans */
/* Services */
.Widget.StudentAdditionalServices .Service {
  padding: 18px 18px 18px 0;
  position: relative;
  color: #444; }
  .Widget.StudentAdditionalServices .Service .InnerWrap {
    padding: 0 0 0 28px; }
  .Widget.StudentAdditionalServices .Service.Alternate {
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
  .Widget.StudentAdditionalServices .Service .ServiceTitle {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5; }

.Widget.StudentAdditionalServices .ServiceDetailsTable td {
  padding: 2px;
  vertical-align: top; }
.Widget.StudentAdditionalServices .ServiceDetailsTable td.Label {
  text-align: right;
  width: 75px;
  color: #999; }
.Widget.StudentAdditionalServices .ServiceDetailsTable td.Details .CellInner {
  padding-left: 12px; }

.Widget.StudentAdditionalServices .Service .SubItems .Service {
  padding: 0 0 0 81px;
  margin: 8px 0; }
  .Widget.StudentAdditionalServices .Service .SubItems .Service .InnerWrap {
    padding: 0; }
  .Widget.StudentAdditionalServices .Service .SubItems .Service .ServiceTitle {
    font-size: 12px;
    line-height: inherit; }
  .Widget.StudentAdditionalServices .Service .SubItems .Service .ServiceDetailsTable td {
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 1px; }
    .Widget.StudentAdditionalServices .Service .SubItems .Service .ServiceDetailsTable td.Label {
      width: 1%;
      white-space: nowrap; }

/* /Services */
/* StudentGroupManager */
.Widget.StudentGroupManager .MDGroupEditor-ColumnSlideFrame {
  border-top: 0;
  border-bottom: 0;
  border-left-color: #fff;
  border-right-color: #fff; }

/* /StudentGroupManager */
/* ************************************************************************ */
/* Gradebook Viewer Widget & Assignment Viewer Widget ********************************************** */
/* ************************************************************************ */
.GradebookViewer .StudentSelectButton,
.AssignmentViewer .StudentSelectButton {
  margin-bottom: 10px;
  position: relative; }
.GradebookViewer .StudentDisplayContainer,
.AssignmentViewer .StudentDisplayContainer {
  display: table; }
  .GradebookViewer .StudentDisplayContainer > div,
  .AssignmentViewer .StudentDisplayContainer > div {
    display: table-cell;
    vertical-align: middle; }
  .GradebookViewer .StudentDisplayContainer .PhotoContainer,
  .AssignmentViewer .StudentDisplayContainer .PhotoContainer {
    height: 50px;
    overflow: hidden;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .GradebookViewer .StudentDisplayContainer .PhotoContainer img,
    .AssignmentViewer .StudentDisplayContainer .PhotoContainer img {
      height: auto;
      width: 50px; }
  .GradebookViewer .StudentDisplayContainer .StudentName,
  .AssignmentViewer .StudentDisplayContainer .StudentName {
    font-size: 18px;
    font-weight: bold;
    padding-left: 8px;
    vertical-align: middle; }
.GradebookViewer .CheckButton,
.AssignmentViewer .CheckButton {
  color: #aaa;
  font-size: 14px;
  text-shadow: 0 1px #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .GradebookViewer .CheckButton.Over,
  .AssignmentViewer .CheckButton.Over {
    color: #aaa; }
  .GradebookViewer .CheckButton.Active,
  .AssignmentViewer .CheckButton.Active {
    color: #444; }
    .GradebookViewer .CheckButton.Active [class^="Icon-"],
    .AssignmentViewer .CheckButton.Active [class^="Icon-"] {
      background-position: -16px -1451px; }
    .GradebookViewer .CheckButton.Active.Assigned,
    .AssignmentViewer .CheckButton.Active.Assigned {
      color: #444; }
    .GradebookViewer .CheckButton.Active.Late,
    .AssignmentViewer .CheckButton.Active.Late {
      color: #F90; }
      .GradebookViewer .CheckButton.Active.Late .Icon-Late,
      .AssignmentViewer .CheckButton.Active.Late .Icon-Late {
        background-position: -32px -1451px; }
    .GradebookViewer .CheckButton.Active.Missing,
    .AssignmentViewer .CheckButton.Active.Missing {
      color: #DA0000; }
      .GradebookViewer .CheckButton.Active.Missing .Icon-Missing,
      .AssignmentViewer .CheckButton.Active.Missing .Icon-Missing {
        background-position: -48px -1451px; }
    .GradebookViewer .CheckButton.Active.Completed,
    .AssignmentViewer .CheckButton.Active.Completed {
      color: #41AF43; }
      .GradebookViewer .CheckButton.Active.Completed .Icon-Completed,
      .AssignmentViewer .CheckButton.Active.Completed .Icon-Completed {
        background-position: -64px -1451px; }
  .GradebookViewer .CheckButton [class^="Icon-"],
  .AssignmentViewer .CheckButton [class^="Icon-"] {
    background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat 0 -1451px;
    height: 16px;
    width: 16px; }
.GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner,
.AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner {
  padding: 12px; }
  .GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeaderContainer,
  .AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeaderContainer {
    margin: 10px 0 3px 0;
    position: relative; }
    .GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeaderContainer .TermHeader,
    .AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeaderContainer .TermHeader {
      margin: 0 0 0 15px; }
  .GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeaderToggle,
  .AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeaderToggle {
    position: absolute;
    top: 2px;
    left: -3px; }
  .GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .StudentSelectButton + .TermHeaderContainer,
  .GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeaderContainer:first-child,
  .AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .StudentSelectButton + .TermHeaderContainer,
  .AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeaderContainer:first-child {
    margin-top: 0; }
  .GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeader,
  .AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeader {
    color: #999;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 3px 0;
    text-shadow: 0 1px 0 #fff; }
  .GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .StudentSelectButton + .TermHeader,
  .GradebookViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeader:first-child,
  .AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .StudentSelectButton + .TermHeader,
  .AssignmentViewer .MDMultiContentBox-Sidebar .MDMultiContentBox-SidebarInner .TermHeader:first-child {
    margin-top: 0; }
.GradebookViewer .WidgetPrintConfigurationsContainer .StudentList .Student,
.AssignmentViewer .WidgetPrintConfigurationsContainer .StudentList .Student {
  cursor: pointer;
  display: inline-block;
  margin: 0 4% 8px 0;
  vertical-align: middle;
  width: 46%; }
  .GradebookViewer .WidgetPrintConfigurationsContainer .StudentList .Student.Active .Checkbox,
  .AssignmentViewer .WidgetPrintConfigurationsContainer .StudentList .Student.Active .Checkbox {
    background-position: -16px -1451px; }
  .GradebookViewer .WidgetPrintConfigurationsContainer .StudentList .Student .Checkbox,
  .AssignmentViewer .WidgetPrintConfigurationsContainer .StudentList .Student .Checkbox {
    background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat 0 -1451px;
    height: 16px;
    margin-right: 8px;
    width: 16px; }

.GradebookViewerContentFilters,
.AssignmentViewerContentFilters {
  font-size: 12px;
  height: 26px;
  line-height: 1;
  padding: 10px 24px;
  position: relative; }
  .GradebookViewerContentFilters .CheckButton,
  .AssignmentViewerContentFilters .CheckButton {
    margin-right: 10px; }
  .GradebookViewerContentFilters .DateRangeSelectorContainer > span,
  .AssignmentViewerContentFilters .DateRangeSelectorContainer > span {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
  .GradebookViewerContentFilters .DateRangeSelectorContainer .Button.DateRangeSelector,
  .AssignmentViewerContentFilters .DateRangeSelectorContainer .Button.DateRangeSelector {
    font-weight: bold;
    padding-left: 4px;
    padding-right: 22px; }
    .GradebookViewerContentFilters .DateRangeSelectorContainer .Button.DateRangeSelector:after,
    .AssignmentViewerContentFilters .DateRangeSelectorContainer .Button.DateRangeSelector:after {
      right: 4px; }

.GradebookViewerContentFiltersScrollShadow,
.AssignmentViewerContentFiltersScrollShadow {
  background: url(/homeroom/assets/images/md-core-sprite.png) repeat-x 0 -3402px;
  height: 7px;
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  z-index: 100; }

.GradebookViewerContent,
.AssignmentViewerContent {
  overflow: auto;
  padding: 24px;
  position: absolute;
  top: 46px;
  right: 0;
  bottom: 0;
  left: 0; }
  .GradebookViewerContent .ClassContentContainer,
  .AssignmentViewerContent .ClassContentContainer {
    margin-bottom: 20px;
    position: relative; }
    .GradebookViewerContent .ClassContentContainer .ClassName,
    .AssignmentViewerContent .ClassContentContainer .ClassName {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 12px; }
    .GradebookViewerContent .ClassContentContainer .MDTabs-Buttons,
    .AssignmentViewerContent .ClassContentContainer .MDTabs-Buttons {
      position: absolute;
      top: 0;
      right: 0; }
    .GradebookViewerContent .ClassContentContainer .TermHeaderContainer,
    .AssignmentViewerContent .ClassContentContainer .TermHeaderContainer {
      position: relative;
      margin-top: 8px;
      margin-bottom: 6px; }
    .GradebookViewerContent .ClassContentContainer .TermHeaderToggle,
    .AssignmentViewerContent .ClassContentContainer .TermHeaderToggle {
      position: absolute;
      top: 2px;
      left: 0; }
    .GradebookViewerContent .ClassContentContainer .TermHeader,
    .AssignmentViewerContent .ClassContentContainer .TermHeader {
      margin-left: 18px;
      font-weight: bold;
      font-size: 14px;
      color: #777; }
    .GradebookViewerContent .ClassContentContainer .EmptyAssignmentsMessage,
    .GradebookViewerContent .ClassContentContainer .EmptyGradingTargetsMessage,
    .AssignmentViewerContent .ClassContentContainer .EmptyAssignmentsMessage,
    .AssignmentViewerContent .ClassContentContainer .EmptyGradingTargetsMessage {
      color: #999;
      font-style: italic;
      padding-bottom: 6px; }
    .GradebookViewerContent .ClassContentContainer table,
    .AssignmentViewerContent .ClassContentContainer table {
      width: 100%;
      text-align: left; }
    .GradebookViewerContent .ClassContentContainer th,
    .AssignmentViewerContent .ClassContentContainer th {
      color: #999;
      font-weight: normal;
      line-height: 1;
      text-align: left; }
    .GradebookViewerContent .ClassContentContainer td,
    .AssignmentViewerContent .ClassContentContainer td {
      vertical-align: top; }
    .GradebookViewerContent .ClassContentContainer .Assignment td,
    .GradebookViewerContent .ClassContentContainer .GradingTarget td,
    .AssignmentViewerContent .ClassContentContainer .Assignment td,
    .AssignmentViewerContent .ClassContentContainer .GradingTarget td {
      font-size: 14px;
      padding: 6px 0; }
    .GradebookViewerContent .ClassContentContainer .Assignment .AssignmentDetails,
    .AssignmentViewerContent .ClassContentContainer .Assignment .AssignmentDetails {
      padding-right: 20px; }
    .GradebookViewerContent .ClassContentContainer .Assignment .AssignmentDescription,
    .AssignmentViewerContent .ClassContentContainer .Assignment .AssignmentDescription {
      color: #999;
      font-size: 12px;
      font-style: italic;
      line-height: 1.3;
      margin-top: 4px; }
    .GradebookViewerContent .ClassContentContainer .Assignment .AssignmentComments,
    .AssignmentViewerContent .ClassContentContainer .Assignment .AssignmentComments {
      font-size: 12px;
      margin-top: 4px; }
    .GradebookViewerContent .ClassContentContainer .Assignment.Completed .AssignmentDueDate,
    .GradebookViewerContent .ClassContentContainer .Assignment.Completed .AssignmentName,
    .AssignmentViewerContent .ClassContentContainer .Assignment.Completed .AssignmentDueDate,
    .AssignmentViewerContent .ClassContentContainer .Assignment.Completed .AssignmentName {
      color: #41AF43; }
    .GradebookViewerContent .ClassContentContainer .Assignment.Missing .AssignmentDueDate,
    .GradebookViewerContent .ClassContentContainer .Assignment.Missing .AssignmentName,
    .GradebookViewerContent .ClassContentContainer .Assignment.Missing .AssignmentScore,
    .AssignmentViewerContent .ClassContentContainer .Assignment.Missing .AssignmentDueDate,
    .AssignmentViewerContent .ClassContentContainer .Assignment.Missing .AssignmentName,
    .AssignmentViewerContent .ClassContentContainer .Assignment.Missing .AssignmentScore {
      color: #DA0000; }
    .GradebookViewerContent .ClassContentContainer .Assignment.Late .AssignmentDueDate,
    .GradebookViewerContent .ClassContentContainer .Assignment.Late .AssignmentName,
    .GradebookViewerContent .ClassContentContainer .Assignment.Late .AssignmentScore,
    .AssignmentViewerContent .ClassContentContainer .Assignment.Late .AssignmentDueDate,
    .AssignmentViewerContent .ClassContentContainer .Assignment.Late .AssignmentName,
    .AssignmentViewerContent .ClassContentContainer .Assignment.Late .AssignmentScore {
      color: #F90; }
    .GradebookViewerContent .ClassContentContainer .AssignmentDueDate,
    .AssignmentViewerContent .ClassContentContainer .AssignmentDueDate {
      width: 80px;
      white-space: nowrap; }
    .GradebookViewerContent .ClassContentContainer .AssignmentScore,
    .AssignmentViewerContent .ClassContentContainer .AssignmentScore {
      text-align: right;
      width: 30px;
      white-space: nowrap; }
    .GradebookViewerContent .ClassContentContainer .GradingTarget .TargetName,
    .AssignmentViewerContent .ClassContentContainer .GradingTarget .TargetName {
      width: 100%;
      padding-right: 20px; }
    .GradebookViewerContent .ClassContentContainer .TargetGrade,
    .AssignmentViewerContent .ClassContentContainer .TargetGrade {
      white-space: nowrap;
      text-align: right; }

/* Assignment Viewer Modifiers */
.AssignmentViewerContentFilters .ToggleButtonsContainer {
  position: absolute;
  right: 24px;
  top: 10px; }
.AssignmentViewerContentFilters .CheckButton {
  margin: 0 0 0 5px; }

/* /Gradebook Viewer Widget & Assignment Viewer Widget */
/* ************************************************************************ */
/* Assignment Viewer Modifiers ********************************************** */
/* ************************************************************************ */
/* /Assignment Viewer Widget Modifiers */
/* Mootools Tips */
.tip {
  /*width:150px; */
  background-color: #eee;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: #232323 0px 0px 5px;
  -webkit-box-shadow: #232323 0px 0px 5px;
  -moz-box-shadow: #232323 0px 0px 5px; }

.tip-wrap {
  z-index: 50000; }

.tip {
  padding: 4px; }

.tip-title {
  font-weight: bold;
  margin-bottom: 8px; }

/* Generic FilesList stuff */
/* .FilesList .File {
	height:19px;
	padding:2px 0;
	}
	.FilesList .FileIcon {
		height:19px;
		width:18px;
		margin-right: 4px;
		background-image: url(/homeroom/assets/images/md-core-sprite.png);
		background-repeat: no-repeat;
		float:left;
		}

		.FilesList .doc .FileIcon {background-position:-66px -3424px;}
		.FilesList .zip .FileIcon {background-position:-48px -3424px;}
		.FilesList .xls .FileIcon {background-position:-84px -3424px;}
		.FilesList .pdf .FileIcon {background-position:-84px -3462px;}
		.FilesList .txt .FileIcon {background-position:-66px -3462px;}
		.FilesList .xml .FileIcon {background-position:-66px -3443px;}
		.FilesList .ppt .FileIcon {background-position:-84px -3443px;}
		.FilesList .jpg .FileIcon {background-position:-48px -3443px;}
		.FilesList .FileLink {
	font-size: 11px;
	line-height:2;
	text-decoration: none;
	}
	.FilesList .FileLink:hover {text-decoration: underline;}
.FilesListModal .PopoverContents {padding: 0px 8px;}
*/
/* /Generic FilesList stuff */
/****************************************************/
/* RISK INDICATORS ****/
/****************************************************/
.risk-indicator-info h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px; }
.risk-indicator-info ul {
  margin-bottom: 20px; }
  .risk-indicator-info ul li {
    border-bottom: 1px solid #ddd;
    padding: 5px 8px; }
    .risk-indicator-info ul li:first-child {
      border-top: 1px solid #ddd; }
    .risk-indicator-info ul li:nth-child(odd) {
      background-color: #efefef; }

.RiskIndicators .FirstLoadChooseStudentGroupTriggerContainer {
  width: 164px;
  margin: 130px auto 0; }

.RiskIndicators .FirstLoadChooseStudentGroupTriggerContainer .StudentGroupIcon {
  display: block;
  width: 130px;
  height: 90px;
  margin: 0 auto 5px;
  background-image: url(/homeroom/assets/images/studentgroup-icon-lg.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left -0px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer; }

.RiskIndicators .FirstLoadChooseStudentGroupTrigger {
  width: 164px; }

.RiskIndicatorsWidgetInner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.RiskIndicatorsWidgetInner .ContentHeader {
  position: absolute;
  height: 40px;
  top: 0;
  right: 0px;
  left: 0px;
  border-bottom: 1px solid #666; }

.RiskIndicatorsWidgetInner .ContentHeader.FirstLoad {
  top: -41px; }

.RiskIndicatorsWidgetInner .SelectedStudentGroupName {
  font-size: 14px;
  font-weight: bold;
  padding-top: 11px;
  padding-left: 13px;
  float: left;
  margin-right: 10px;
  max-width: 495px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.RiskIndicatorsWidgetInner .ChooseStudentGroupTrigger,
.RiskIndicatorsWidgetInner .ChooseRiskIndexTrigger,
.RiskIndicatorsWidgetInner .ChooseYearTrigger,
.RiskIndicatorsWidgetInner .ChooseRiskDetailLevel {
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 4px; }

.RiskIndicatorsWidgetInner .SearchStudentText,
.RiskIndicatorsWidgetInner .SearchStudentButton {
  float: right;
  margin-top: 5px; }

.RiskIndicatorsWidgetInner .SearchStudentButton {
  margin-right: 5px; }

.RiskIndicatorsWidgetInner .ChooseStudentGroupTrigger span {
  max-width: 165px; }

.RiskIndicatorsWidgetInner .ChooseRiskIndexTrigger {
  max-width: 207px; }

.RiskIndicatorsWidgetInner .SearchFilterFieldContainer {
  position: absolute;
  top: 7px;
  right: 10px;
  bottom: 0;
  text-align: right; }

.RiskIndicatorsWidgetInner .ContentFooter {
  border-top: 1px solid #000;
  height: 33px;
  padding: 7px 10px 0 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }

.RiskIndicatorsWidgetInner .PagingSelectorContainer {
  float: right; }

.RiskIndicatorsWidgetInner .TableWrapper {
  position: absolute;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 41px; }

.RiskIndicatorsWidgetInner .TableWrapper.FirstLoad {
  top: -1px; }

.RiskIndicatorsWidgetInner .TableContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.RiskIndicatorsWidgetInner table.RiskIndicators th {
  background-color: #eee; }

table.RiskIndicators .has-info {
  cursor: pointer; }
  table.RiskIndicators .has-info:hover {
    border-color: #555;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5ODFlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJiNWVhNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(#3981eb, #2b5ea7);
    background-image: -webkit-linear-gradient(#3981eb, #2b5ea7);
    background-image: linear-gradient(#3981eb, #2b5ea7); }
    .ie8 table.RiskIndicators .has-info:hover {
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3981EB', endColorstr='#FF2B5EA7'); }
  table.RiskIndicators .has-info:active {
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }
table.RiskIndicators .Is-Sortable {
  cursor: pointer; }
  table.RiskIndicators .Is-Sortable span {
    padding-right: 15px; }
    table.RiskIndicators .Is-Sortable span:before, table.RiskIndicators .Is-Sortable span:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
    table.RiskIndicators .Is-Sortable span:before {
      border-bottom: 5px solid #666;
      top: -7px; }
    table.RiskIndicators .Is-Sortable span:after {
      border-top: 5px solid #666;
      bottom: -7px; }
  table.RiskIndicators .Is-Sortable.Sorted span:before {
    top: 0; }
  table.RiskIndicators .Is-Sortable.Sorted span:after {
    display: none; }
  table.RiskIndicators .Is-Sortable.Reversed span:before {
    display: none; }
  table.RiskIndicators .Is-Sortable.Reversed span:after {
    bottom: 0; }

table.RiskIndicators th {
  min-width: 50px; }
  table.RiskIndicators th span {
    display: block;
    position: relative; }

table.RiskIndicators th div {
  cursor: pointer;
  position: relative;
  text-align: center; }

table.RiskIndicators th div .SortArrow {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  margin: 0 auto;
  background-image: url(/homeroom/assets/images/md-core-sprite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: -9999px; }

table.RiskIndicators th.Sorted div .SortArrow {
  display: block;
  background-position: -48px -1351px; }

table.RiskIndicators th.Sorted.Reversed div .SortArrow {
  background-position: -72px -1351px; }

table.RiskIndicators td.EntityDisplayName {
  white-space: nowrap; }

table.RiskIndicators .HasProfileLink {
  position: relative; }

table.RiskIndicators .HasProfileLink .StudentNameGroup .ProfileLink {
  width: 12px;
  height: 12px;
  background: transparent url(/homeroom/assets/images/hr-core-sprite.png) repeat-x -80px -757px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer; }

table.RiskIndicators .HasProfileLink .StudentNameGroup .StudentName {
  padding-left: 18px; }

table.RiskIndicators td {
  vertical-align: middle; }

table.RiskIndicators .Value {
  background-color: #C0D878;
  padding: 5px;
  font-weight: bold;
  color: #444;
  text-align: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  white-space: nowrap; }

table.RiskIndicators .AtRisk .Value {
  background-color: #c0392b;
  color: #fff; }

table.RiskIndicators td.Test {
  padding: 8px 4px; }

table.RiskIndicators td.Test div {
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  font-weight: bold;
  display: block;
  font-size: 11px;
  margin-left: 0px;
  padding: 1px;
  text-align: center;
  cursor: pointer; }

/* /RISK Indicators */
/* /V2 RISK Indicator Viewer */
.V2_RiskIndicatorViewer .RiskIndicatorsWidgetInner .TableContainer {
  overflow: auto; }
.V2_RiskIndicatorViewer table {
  width: 100%;
  border-collapse: collapse; }
  .V2_RiskIndicatorViewer table th,
  .V2_RiskIndicatorViewer table td {
    font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .V2_RiskIndicatorViewer table thead td {
    border-left: 1px solid #999;
    background-color: #eee;
    padding: 8px;
    text-align: left;
    border-bottom: 2px solid #666;
    font-weight: bold;
    vertical-align: middle; }
  .V2_RiskIndicatorViewer table td {
    border-bottom: 0;
    border-left: 1px solid #999;
    border-right: 0;
    border-top: 0;
    padding: 8px;
    background-color: #fff;
    vertical-align: top;
    transform: none; }
  .V2_RiskIndicatorViewer table tr > td:first-child {
    border-left: 0; }
  .V2_RiskIndicatorViewer table tr:nth-child(even) td {
    background-color: #DAE8F7; }
  .V2_RiskIndicatorViewer table .Value {
    padding: 5px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    white-space: nowrap; }

.V2_RiskIndicatorViewerPopover .TableWrapper {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
.V2_RiskIndicatorViewerPopover .TableContainer {
  position: absolute;
  top: 41px;
  left: 5px;
  right: 5px;
  bottom: 15px;
  border-left: solid 1px #999;
  border-right: solid 1px #999; }
.V2_RiskIndicatorViewerPopover .TableHeader {
  position: absolute;
  top: 0px;
  left: 5px;
  right: 5px;
  height: 32px;
  border-bottom: solid 1px #999;
  padding: 4px; }
  .V2_RiskIndicatorViewerPopover .TableHeader .Title {
    font-weight: bold;
    font-size: 22px; }
.V2_RiskIndicatorViewerPopover .TableActions {
  float: right; }
  .V2_RiskIndicatorViewerPopover .TableActions .First {
    margin-right: 5px; }
.V2_RiskIndicatorViewerPopover table {
  width: 100%;
  border-collapse: collapse; }
  .V2_RiskIndicatorViewerPopover table th,
  .V2_RiskIndicatorViewerPopover table td {
    font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .V2_RiskIndicatorViewerPopover table thead td {
    border-left: 1px solid #999;
    background-color: #eee;
    padding: 8px;
    text-align: left;
    border-bottom: 2px solid #666;
    font-weight: bold;
    vertical-align: middle; }
  .V2_RiskIndicatorViewerPopover table td {
    border-bottom: 0;
    border-left: 1px solid #999;
    border-right: 0;
    border-top: 0;
    padding: 8px;
    background-color: #fff;
    vertical-align: top;
    transform: none; }
  .V2_RiskIndicatorViewerPopover table tr > td:first-child {
    border-left: 0; }
  .V2_RiskIndicatorViewerPopover table tr:nth-child(even) td {
    background-color: #DAE8F7; }
  .V2_RiskIndicatorViewerPopover table .Value {
    padding: 5px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    white-space: nowrap; }
.V2_RiskIndicatorViewerPopover table.V2_Risk td .Sorted:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  right: 0;
  bottom: -12px;
  left: 0;
  margin: 0 auto;
  background: url(/homeroom/assets/images/md-core-sprite.png) no-repeat -48px -1351px;
  text-indent: -9999px; }
.V2_RiskIndicatorViewerPopover table.V2_Risk td .Sorted.Reversed:after {
  background-position: -72px -1351px; }

/* /V2 RISK Indicators Viewer  */
/* HR.ChartsViewer */
/* deprecated................
.HRChartsBrowser {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	}
.HRChartsBrowser .SearchInputContainer {
	position: absolute;
	top: 12px;
	right: 28px;
	height: 20px;
	width: 200px;
	}
.HRChartsBrowser .Browser.Grid {
	padding-top: 12px;
	padding-left: 18px;
	overflow: auto;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	}
	.HRChartsBrowser .Browser.Grid .ChartCategoryName {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 12px;
		clear: left;
		}
	.HRChartsBrowser .Browser.Grid .Chart {
		float: left;
		background:#e5e5e5;
		margin-right: 20px;
		margin-bottom: 20px;
		box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
		-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;
		border-radius: 			3px; 
		-moz-border-radius: 	3px;
		-webkit-border-radius: 	3px;
		}
	.HRChartsBrowser .Browser.Grid .Chart {
		cursor: pointer;
		position: relative;
		}
		.HRChartsBrowser .Browser.Grid .Chart .ChartView-ThumbnailContainer {
			text-align: center;
			height: 106px;
			padding: 8px 0px;
			border-bottom: 1px solid #aaa;
			}
		.HRChartsBrowser .Browser.Grid .Chart .ChartView-NameContainer {
			border-top: 1px solid #fff;
			height: 70px;
			width: 100%;
			display: table;
			}
			.HRChartsBrowser .Browser.Grid .Chart .ChartView-Name {
				display: table-cell;
				font-size: 14px;
				line-height: 1;
				font-weight: bold;
				padding: 10px 14px;
				height: 50px;
				vertical-align: middle;
				}
			.HRChartsBrowser .Browser.Grid .Chart .ChartView-InfoButton {
				display: block;
				position: absolute;
				border: none;
				right:	5px;
				bottom: 5px;
				width:	18px;
				height: 18px;
				background-image:url(/homeroom/assets/images/hr-core-sprite.png);
				background-color:transparent;
				background-repeat:no-repeat;
				background-position: 0 -1374px;
				overflow: hidden;text-indent: 100%;white-space: nowrap;
				}
			.HRChartsBrowser .Browser.Grid .Chart .ChartView-InfoButton.Over,
			.HRChartsBrowser .Browser.Grid .Chart .ChartView-InfoButton.Pressed {
				display: block;
				border: none;
				width:	18px;
				height: 18px;
				background-image: url(/homeroom/assets/images/hr-core-sprite.png);
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: -18px -1374px;
				overflow: hidden;text-indent: 100%;white-space: nowrap;
				}

	.HRChartsBrowser .ChartView .ChartViewContainer {
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		background: #fff;
		border: 1px solid #aaa;
		}
	.HRChartsBrowser .ChartView .CloseButton {
		position: absolute;
		top: 10px;
		left: 10px;
		}
*/
/* /HR.ChartsViewer */
/* HR.ChartsViewer */
.ChartsDataBrowser .MDMultiContentBox-LeftSidebarCollapseTrigger {
  position: absolute;
  top: 10px;
  right: -39px;
  width: 29px;
  height: 14px;
  background: url(/homeroom/assets/images/hr-core-sprite.png) no-repeat -44px -1560px;
  cursor: pointer; }

.ChartsDataBrowser .MDMultiContentBox-LeftSidebarCollapseTrigger:hover {
  background-position: -44px -1574px; }

.ChartsDataBrowser .MDMultiContentBox-Sidebar.Left.Open .MDMultiContentBox-LeftSidebarCollapseTrigger {
  background-position: 0 -1560px; }

.ChartsDataBrowser .MDMultiContentBox-Sidebar.Left.Open .MDMultiContentBox-LeftSidebarCollapseTrigger:hover {
  background-position: 0 -1574px; }

.ChartsDataBrowser .ChartViewHeaderContainer {
  height: 40px; }

.ChartsDataBrowser .ChartViewHeader {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 12px;
  text-align: center; }

.ChartsDataBrowser .ChartViewContainer {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden; }

.ChartsDataBrowser .ChartViewContainer .EmptyViewerChartIconLarge {
  display: block;
  width: 240px;
  height: 240px;
  margin: 80px auto 0;
  background-image: url(/homeroom/assets/images/chart-icon-lg.png);
  background-color: transparent;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.ChartsBrowserChartsList li.Selected > .InnerWrap {
  background: #387FE8;
  color: #fff; }
.ChartsBrowserChartsList li span {
  cursor: pointer;
  display: block; }

.ChartDashboard .WidgetContentWrapper {
  height: 931px; }

.ChartDashboard.WidgetFullScreen .WidgetContentWrapper {
  height: 100% !important; }

.ChartDashboardWidgetInner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .ChartDashboardWidgetInner .ContentHeader {
    position: absolute;
    height: 40px;
    top: 0;
    right: 0px;
    left: 0px;
    border-bottom: 1px solid #ccc; }
  .ChartDashboardWidgetInner .SelectChartDashboardButton {
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 4px;
    line-height: 24px; }
  .ChartDashboardWidgetInner .TableWrapper {
    position: absolute;
    top: 41px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto; }

.ChartDashboardRow {
  overflow: hidden;
  *zoom: 1; }
  .ChartDashboardRow + .ChartDashboardRow {
    border-top: 1px solid #ddd; }

.ChartDashboardChart {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  width: 50%; }
  .ChartDashboardChart:before {
    content: '';
    display: block;
    float: left;
    height: 0;
    padding-bottom: 100%;
    width: 0; }
  .ChartDashboardChart + .ChartDashboardChart {
    border-left: 1px solid #ddd; }
  .ChartDashboardChart > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%; }
    .ChartDashboardChart > div > div {
      margin: 0 !important; }

.packery-sizer:before {
  content: '';
  display: block;
  padding-bottom: 100%; }

.packery-object {
  box-sizing: border-box;
  position: absolute;
  background-color: whitesmoke;
  color: #333333; }
  .packery-object:before {
    content: '';
    display: block;
    height: 0; }

.packery-object__content {
  border: 1px solid #dddddd;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.packery-object__title {
  overflow: hidden;
  padding: 16px; }

.packery-object__title-text {
  font-size: 24px;
  font-weight: 300;
  margin: 0; }

.packery--fluid-cols-1 .packery-sizer {
  width: 100%; }
.packery--fluid-cols-1 .packery-object--size-1x1 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-1 .packery-object--size-1x2 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-1 .packery-object--size-1x3 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-1 .packery-object--size-1x4 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-1 .packery-object--size-1x5 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-1 .packery-object--size-1x6 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-1 .packery-object--size-1x7 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-1 .packery-object--size-1x8 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-1 .packery-object--size-1x9 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-1 .packery-object--size-1x10 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-1 .packery-object--size-1x11 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-1 .packery-object--size-1x12 {
  width: 100%; }
  .packery--fluid-cols-1 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }

.packery--fluid-cols-2 .packery-sizer {
  width: 50%; }
.packery--fluid-cols-2 .packery-object--size-1x1 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-2 .packery-object--size-1x2 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-2 .packery-object--size-1x3 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-2 .packery-object--size-1x4 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-2 .packery-object--size-1x5 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-2 .packery-object--size-1x6 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-2 .packery-object--size-1x7 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-2 .packery-object--size-1x8 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-2 .packery-object--size-1x9 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-2 .packery-object--size-1x10 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-2 .packery-object--size-1x11 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-2 .packery-object--size-1x12 {
  width: 50%; }
  .packery--fluid-cols-2 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-2 .packery-object--size-2x1 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-2 .packery-object--size-2x2 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-2 .packery-object--size-2x3 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-2 .packery-object--size-2x4 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-2 .packery-object--size-2x5 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-2 .packery-object--size-2x6 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-2 .packery-object--size-2x7 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-2 .packery-object--size-2x8 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-2 .packery-object--size-2x9 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-2 .packery-object--size-2x10 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-2 .packery-object--size-2x11 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-2 .packery-object--size-2x12 {
  width: 100%; }
  .packery--fluid-cols-2 .packery-object--size-2x12:before {
    padding-bottom: 600%; }

.packery--fluid-cols-3 .packery-sizer {
  width: 33.33333%; }
.packery--fluid-cols-3 .packery-object--size-1x1 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-3 .packery-object--size-1x2 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-3 .packery-object--size-1x3 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-3 .packery-object--size-1x4 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-3 .packery-object--size-1x5 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-3 .packery-object--size-1x6 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-3 .packery-object--size-1x7 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-3 .packery-object--size-1x8 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-3 .packery-object--size-1x9 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-3 .packery-object--size-1x10 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-3 .packery-object--size-1x11 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-3 .packery-object--size-1x12 {
  width: 33.33333%; }
  .packery--fluid-cols-3 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-3 .packery-object--size-2x1 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-3 .packery-object--size-2x2 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-3 .packery-object--size-2x3 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-3 .packery-object--size-2x4 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-3 .packery-object--size-2x5 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-3 .packery-object--size-2x6 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-3 .packery-object--size-2x7 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-3 .packery-object--size-2x8 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-3 .packery-object--size-2x9 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-3 .packery-object--size-2x10 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-3 .packery-object--size-2x11 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-3 .packery-object--size-2x12 {
  width: 66.66667%; }
  .packery--fluid-cols-3 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-3 .packery-object--size-3x1 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-3 .packery-object--size-3x2 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-3 .packery-object--size-3x3 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-3 .packery-object--size-3x4 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-3 .packery-object--size-3x5 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-3 .packery-object--size-3x6 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-3 .packery-object--size-3x7 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-3 .packery-object--size-3x8 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-3 .packery-object--size-3x9 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-3 .packery-object--size-3x10 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-3 .packery-object--size-3x11 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-3 .packery-object--size-3x12 {
  width: 100%; }
  .packery--fluid-cols-3 .packery-object--size-3x12:before {
    padding-bottom: 400%; }

.packery--fluid-cols-4 .packery-sizer {
  width: 25%; }
.packery--fluid-cols-4 .packery-object--size-1x1 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-4 .packery-object--size-1x2 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-4 .packery-object--size-1x3 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-4 .packery-object--size-1x4 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-4 .packery-object--size-1x5 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-4 .packery-object--size-1x6 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-4 .packery-object--size-1x7 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-4 .packery-object--size-1x8 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-4 .packery-object--size-1x9 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-4 .packery-object--size-1x10 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-4 .packery-object--size-1x11 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-4 .packery-object--size-1x12 {
  width: 25%; }
  .packery--fluid-cols-4 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-4 .packery-object--size-2x1 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-4 .packery-object--size-2x2 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-4 .packery-object--size-2x3 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-4 .packery-object--size-2x4 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-4 .packery-object--size-2x5 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-4 .packery-object--size-2x6 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-4 .packery-object--size-2x7 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-4 .packery-object--size-2x8 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-4 .packery-object--size-2x9 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-4 .packery-object--size-2x10 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-4 .packery-object--size-2x11 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-4 .packery-object--size-2x12 {
  width: 50%; }
  .packery--fluid-cols-4 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-4 .packery-object--size-3x1 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-4 .packery-object--size-3x2 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-4 .packery-object--size-3x3 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-4 .packery-object--size-3x4 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-4 .packery-object--size-3x5 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-4 .packery-object--size-3x6 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-4 .packery-object--size-3x7 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-4 .packery-object--size-3x8 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-4 .packery-object--size-3x9 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-4 .packery-object--size-3x10 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-4 .packery-object--size-3x11 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-4 .packery-object--size-3x12 {
  width: 75%; }
  .packery--fluid-cols-4 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-4 .packery-object--size-4x1 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-4 .packery-object--size-4x2 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-4 .packery-object--size-4x3 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-4 .packery-object--size-4x4 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-4 .packery-object--size-4x5 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-4 .packery-object--size-4x6 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-4 .packery-object--size-4x7 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-4 .packery-object--size-4x8 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-4 .packery-object--size-4x9 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-4 .packery-object--size-4x10 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-4 .packery-object--size-4x11 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-4 .packery-object--size-4x12 {
  width: 100%; }
  .packery--fluid-cols-4 .packery-object--size-4x12:before {
    padding-bottom: 300%; }

.packery--fluid-cols-5 .packery-sizer {
  width: 20%; }
.packery--fluid-cols-5 .packery-object--size-1x1 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-5 .packery-object--size-1x2 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-5 .packery-object--size-1x3 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-5 .packery-object--size-1x4 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-5 .packery-object--size-1x5 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-5 .packery-object--size-1x6 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-5 .packery-object--size-1x7 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-5 .packery-object--size-1x8 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-5 .packery-object--size-1x9 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-5 .packery-object--size-1x10 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-5 .packery-object--size-1x11 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-5 .packery-object--size-1x12 {
  width: 20%; }
  .packery--fluid-cols-5 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-5 .packery-object--size-2x1 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-5 .packery-object--size-2x2 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-5 .packery-object--size-2x3 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-5 .packery-object--size-2x4 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-5 .packery-object--size-2x5 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-5 .packery-object--size-2x6 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-5 .packery-object--size-2x7 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-5 .packery-object--size-2x8 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-5 .packery-object--size-2x9 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-5 .packery-object--size-2x10 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-5 .packery-object--size-2x11 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-5 .packery-object--size-2x12 {
  width: 40%; }
  .packery--fluid-cols-5 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-5 .packery-object--size-3x1 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-5 .packery-object--size-3x2 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-5 .packery-object--size-3x3 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-5 .packery-object--size-3x4 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-5 .packery-object--size-3x5 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-5 .packery-object--size-3x6 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-5 .packery-object--size-3x7 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-5 .packery-object--size-3x8 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-5 .packery-object--size-3x9 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-5 .packery-object--size-3x10 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-5 .packery-object--size-3x11 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-5 .packery-object--size-3x12 {
  width: 60%; }
  .packery--fluid-cols-5 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-5 .packery-object--size-4x1 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-5 .packery-object--size-4x2 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-5 .packery-object--size-4x3 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-5 .packery-object--size-4x4 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-5 .packery-object--size-4x5 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-5 .packery-object--size-4x6 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-5 .packery-object--size-4x7 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-5 .packery-object--size-4x8 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-5 .packery-object--size-4x9 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-5 .packery-object--size-4x10 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-5 .packery-object--size-4x11 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-5 .packery-object--size-4x12 {
  width: 80%; }
  .packery--fluid-cols-5 .packery-object--size-4x12:before {
    padding-bottom: 300%; }
.packery--fluid-cols-5 .packery-object--size-5x1 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x1:before {
    padding-bottom: 20%; }
.packery--fluid-cols-5 .packery-object--size-5x2 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x2:before {
    padding-bottom: 40%; }
.packery--fluid-cols-5 .packery-object--size-5x3 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x3:before {
    padding-bottom: 60%; }
.packery--fluid-cols-5 .packery-object--size-5x4 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x4:before {
    padding-bottom: 80%; }
.packery--fluid-cols-5 .packery-object--size-5x5 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x5:before {
    padding-bottom: 100%; }
.packery--fluid-cols-5 .packery-object--size-5x6 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x6:before {
    padding-bottom: 120%; }
.packery--fluid-cols-5 .packery-object--size-5x7 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x7:before {
    padding-bottom: 140%; }
.packery--fluid-cols-5 .packery-object--size-5x8 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x8:before {
    padding-bottom: 160%; }
.packery--fluid-cols-5 .packery-object--size-5x9 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x9:before {
    padding-bottom: 180%; }
.packery--fluid-cols-5 .packery-object--size-5x10 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x10:before {
    padding-bottom: 200%; }
.packery--fluid-cols-5 .packery-object--size-5x11 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x11:before {
    padding-bottom: 220.0%; }
.packery--fluid-cols-5 .packery-object--size-5x12 {
  width: 100%; }
  .packery--fluid-cols-5 .packery-object--size-5x12:before {
    padding-bottom: 240%; }

.packery--fluid-cols-6 .packery-sizer {
  width: 16.66667%; }
.packery--fluid-cols-6 .packery-object--size-1x1 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-6 .packery-object--size-1x2 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-6 .packery-object--size-1x3 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-6 .packery-object--size-1x4 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-6 .packery-object--size-1x5 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-6 .packery-object--size-1x6 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-6 .packery-object--size-1x7 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-6 .packery-object--size-1x8 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-6 .packery-object--size-1x9 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-6 .packery-object--size-1x10 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-6 .packery-object--size-1x11 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-6 .packery-object--size-1x12 {
  width: 16.66667%; }
  .packery--fluid-cols-6 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-6 .packery-object--size-2x1 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-6 .packery-object--size-2x2 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-6 .packery-object--size-2x3 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-6 .packery-object--size-2x4 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-6 .packery-object--size-2x5 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-6 .packery-object--size-2x6 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-6 .packery-object--size-2x7 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-6 .packery-object--size-2x8 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-6 .packery-object--size-2x9 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-6 .packery-object--size-2x10 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-6 .packery-object--size-2x11 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-6 .packery-object--size-2x12 {
  width: 33.33333%; }
  .packery--fluid-cols-6 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-6 .packery-object--size-3x1 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-6 .packery-object--size-3x2 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-6 .packery-object--size-3x3 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-6 .packery-object--size-3x4 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-6 .packery-object--size-3x5 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-6 .packery-object--size-3x6 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-6 .packery-object--size-3x7 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-6 .packery-object--size-3x8 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-6 .packery-object--size-3x9 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-6 .packery-object--size-3x10 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-6 .packery-object--size-3x11 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-6 .packery-object--size-3x12 {
  width: 50%; }
  .packery--fluid-cols-6 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-6 .packery-object--size-4x1 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-6 .packery-object--size-4x2 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-6 .packery-object--size-4x3 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-6 .packery-object--size-4x4 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-6 .packery-object--size-4x5 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-6 .packery-object--size-4x6 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-6 .packery-object--size-4x7 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-6 .packery-object--size-4x8 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-6 .packery-object--size-4x9 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-6 .packery-object--size-4x10 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-6 .packery-object--size-4x11 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-6 .packery-object--size-4x12 {
  width: 66.66667%; }
  .packery--fluid-cols-6 .packery-object--size-4x12:before {
    padding-bottom: 300%; }
.packery--fluid-cols-6 .packery-object--size-5x1 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x1:before {
    padding-bottom: 20%; }
.packery--fluid-cols-6 .packery-object--size-5x2 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x2:before {
    padding-bottom: 40%; }
.packery--fluid-cols-6 .packery-object--size-5x3 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x3:before {
    padding-bottom: 60%; }
.packery--fluid-cols-6 .packery-object--size-5x4 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x4:before {
    padding-bottom: 80%; }
.packery--fluid-cols-6 .packery-object--size-5x5 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x5:before {
    padding-bottom: 100%; }
.packery--fluid-cols-6 .packery-object--size-5x6 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x6:before {
    padding-bottom: 120%; }
.packery--fluid-cols-6 .packery-object--size-5x7 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x7:before {
    padding-bottom: 140%; }
.packery--fluid-cols-6 .packery-object--size-5x8 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x8:before {
    padding-bottom: 160%; }
.packery--fluid-cols-6 .packery-object--size-5x9 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x9:before {
    padding-bottom: 180%; }
.packery--fluid-cols-6 .packery-object--size-5x10 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x10:before {
    padding-bottom: 200%; }
.packery--fluid-cols-6 .packery-object--size-5x11 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x11:before {
    padding-bottom: 220.0%; }
.packery--fluid-cols-6 .packery-object--size-5x12 {
  width: 83.33333%; }
  .packery--fluid-cols-6 .packery-object--size-5x12:before {
    padding-bottom: 240%; }
.packery--fluid-cols-6 .packery-object--size-6x1 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x1:before {
    padding-bottom: 16.66667%; }
.packery--fluid-cols-6 .packery-object--size-6x2 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x2:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-6 .packery-object--size-6x3 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x3:before {
    padding-bottom: 50%; }
.packery--fluid-cols-6 .packery-object--size-6x4 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x4:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-6 .packery-object--size-6x5 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x5:before {
    padding-bottom: 83.33333%; }
.packery--fluid-cols-6 .packery-object--size-6x6 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x6:before {
    padding-bottom: 100%; }
.packery--fluid-cols-6 .packery-object--size-6x7 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x7:before {
    padding-bottom: 116.66667%; }
.packery--fluid-cols-6 .packery-object--size-6x8 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x8:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-6 .packery-object--size-6x9 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x9:before {
    padding-bottom: 150%; }
.packery--fluid-cols-6 .packery-object--size-6x10 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x10:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-6 .packery-object--size-6x11 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x11:before {
    padding-bottom: 183.33333%; }
.packery--fluid-cols-6 .packery-object--size-6x12 {
  width: 100%; }
  .packery--fluid-cols-6 .packery-object--size-6x12:before {
    padding-bottom: 200%; }

.packery--fluid-cols-7 .packery-sizer {
  width: 14.28571%; }
.packery--fluid-cols-7 .packery-object--size-1x1 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-7 .packery-object--size-1x2 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-7 .packery-object--size-1x3 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-7 .packery-object--size-1x4 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-7 .packery-object--size-1x5 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-7 .packery-object--size-1x6 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-7 .packery-object--size-1x7 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-7 .packery-object--size-1x8 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-7 .packery-object--size-1x9 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-7 .packery-object--size-1x10 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-7 .packery-object--size-1x11 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-7 .packery-object--size-1x12 {
  width: 14.28571%; }
  .packery--fluid-cols-7 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-7 .packery-object--size-2x1 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-7 .packery-object--size-2x2 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-7 .packery-object--size-2x3 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-7 .packery-object--size-2x4 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-7 .packery-object--size-2x5 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-7 .packery-object--size-2x6 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-7 .packery-object--size-2x7 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-7 .packery-object--size-2x8 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-7 .packery-object--size-2x9 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-7 .packery-object--size-2x10 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-7 .packery-object--size-2x11 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-7 .packery-object--size-2x12 {
  width: 28.57143%; }
  .packery--fluid-cols-7 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-7 .packery-object--size-3x1 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-7 .packery-object--size-3x2 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-7 .packery-object--size-3x3 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-7 .packery-object--size-3x4 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-7 .packery-object--size-3x5 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-7 .packery-object--size-3x6 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-7 .packery-object--size-3x7 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-7 .packery-object--size-3x8 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-7 .packery-object--size-3x9 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-7 .packery-object--size-3x10 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-7 .packery-object--size-3x11 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-7 .packery-object--size-3x12 {
  width: 42.85714%; }
  .packery--fluid-cols-7 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-7 .packery-object--size-4x1 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-7 .packery-object--size-4x2 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-7 .packery-object--size-4x3 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-7 .packery-object--size-4x4 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-7 .packery-object--size-4x5 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-7 .packery-object--size-4x6 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-7 .packery-object--size-4x7 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-7 .packery-object--size-4x8 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-7 .packery-object--size-4x9 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-7 .packery-object--size-4x10 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-7 .packery-object--size-4x11 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-7 .packery-object--size-4x12 {
  width: 57.14286%; }
  .packery--fluid-cols-7 .packery-object--size-4x12:before {
    padding-bottom: 300%; }
.packery--fluid-cols-7 .packery-object--size-5x1 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x1:before {
    padding-bottom: 20%; }
.packery--fluid-cols-7 .packery-object--size-5x2 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x2:before {
    padding-bottom: 40%; }
.packery--fluid-cols-7 .packery-object--size-5x3 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x3:before {
    padding-bottom: 60%; }
.packery--fluid-cols-7 .packery-object--size-5x4 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x4:before {
    padding-bottom: 80%; }
.packery--fluid-cols-7 .packery-object--size-5x5 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x5:before {
    padding-bottom: 100%; }
.packery--fluid-cols-7 .packery-object--size-5x6 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x6:before {
    padding-bottom: 120%; }
.packery--fluid-cols-7 .packery-object--size-5x7 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x7:before {
    padding-bottom: 140%; }
.packery--fluid-cols-7 .packery-object--size-5x8 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x8:before {
    padding-bottom: 160%; }
.packery--fluid-cols-7 .packery-object--size-5x9 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x9:before {
    padding-bottom: 180%; }
.packery--fluid-cols-7 .packery-object--size-5x10 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x10:before {
    padding-bottom: 200%; }
.packery--fluid-cols-7 .packery-object--size-5x11 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x11:before {
    padding-bottom: 220.0%; }
.packery--fluid-cols-7 .packery-object--size-5x12 {
  width: 71.42857%; }
  .packery--fluid-cols-7 .packery-object--size-5x12:before {
    padding-bottom: 240%; }
.packery--fluid-cols-7 .packery-object--size-6x1 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x1:before {
    padding-bottom: 16.66667%; }
.packery--fluid-cols-7 .packery-object--size-6x2 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x2:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-7 .packery-object--size-6x3 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x3:before {
    padding-bottom: 50%; }
.packery--fluid-cols-7 .packery-object--size-6x4 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x4:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-7 .packery-object--size-6x5 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x5:before {
    padding-bottom: 83.33333%; }
.packery--fluid-cols-7 .packery-object--size-6x6 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x6:before {
    padding-bottom: 100%; }
.packery--fluid-cols-7 .packery-object--size-6x7 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x7:before {
    padding-bottom: 116.66667%; }
.packery--fluid-cols-7 .packery-object--size-6x8 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x8:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-7 .packery-object--size-6x9 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x9:before {
    padding-bottom: 150%; }
.packery--fluid-cols-7 .packery-object--size-6x10 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x10:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-7 .packery-object--size-6x11 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x11:before {
    padding-bottom: 183.33333%; }
.packery--fluid-cols-7 .packery-object--size-6x12 {
  width: 85.71429%; }
  .packery--fluid-cols-7 .packery-object--size-6x12:before {
    padding-bottom: 200%; }
.packery--fluid-cols-7 .packery-object--size-7x1 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x1:before {
    padding-bottom: 14.28571%; }
.packery--fluid-cols-7 .packery-object--size-7x2 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x2:before {
    padding-bottom: 28.57143%; }
.packery--fluid-cols-7 .packery-object--size-7x3 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x3:before {
    padding-bottom: 42.85714%; }
.packery--fluid-cols-7 .packery-object--size-7x4 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x4:before {
    padding-bottom: 57.14286%; }
.packery--fluid-cols-7 .packery-object--size-7x5 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x5:before {
    padding-bottom: 71.42857%; }
.packery--fluid-cols-7 .packery-object--size-7x6 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x6:before {
    padding-bottom: 85.71429%; }
.packery--fluid-cols-7 .packery-object--size-7x7 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x7:before {
    padding-bottom: 100%; }
.packery--fluid-cols-7 .packery-object--size-7x8 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x8:before {
    padding-bottom: 114.28571%; }
.packery--fluid-cols-7 .packery-object--size-7x9 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x9:before {
    padding-bottom: 128.57143%; }
.packery--fluid-cols-7 .packery-object--size-7x10 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x10:before {
    padding-bottom: 142.85714%; }
.packery--fluid-cols-7 .packery-object--size-7x11 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x11:before {
    padding-bottom: 157.14286%; }
.packery--fluid-cols-7 .packery-object--size-7x12 {
  width: 100%; }
  .packery--fluid-cols-7 .packery-object--size-7x12:before {
    padding-bottom: 171.42857%; }

.packery--fluid-cols-8 .packery-sizer {
  width: 12.5%; }
.packery--fluid-cols-8 .packery-object--size-1x1 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-8 .packery-object--size-1x2 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-8 .packery-object--size-1x3 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-8 .packery-object--size-1x4 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-8 .packery-object--size-1x5 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-8 .packery-object--size-1x6 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-8 .packery-object--size-1x7 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-8 .packery-object--size-1x8 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-8 .packery-object--size-1x9 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-8 .packery-object--size-1x10 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-8 .packery-object--size-1x11 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-8 .packery-object--size-1x12 {
  width: 12.5%; }
  .packery--fluid-cols-8 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-8 .packery-object--size-2x1 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-8 .packery-object--size-2x2 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-8 .packery-object--size-2x3 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-8 .packery-object--size-2x4 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-8 .packery-object--size-2x5 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-8 .packery-object--size-2x6 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-8 .packery-object--size-2x7 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-8 .packery-object--size-2x8 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-8 .packery-object--size-2x9 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-8 .packery-object--size-2x10 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-8 .packery-object--size-2x11 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-8 .packery-object--size-2x12 {
  width: 25%; }
  .packery--fluid-cols-8 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-8 .packery-object--size-3x1 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-8 .packery-object--size-3x2 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-8 .packery-object--size-3x3 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-8 .packery-object--size-3x4 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-8 .packery-object--size-3x5 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-8 .packery-object--size-3x6 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-8 .packery-object--size-3x7 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-8 .packery-object--size-3x8 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-8 .packery-object--size-3x9 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-8 .packery-object--size-3x10 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-8 .packery-object--size-3x11 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-8 .packery-object--size-3x12 {
  width: 37.5%; }
  .packery--fluid-cols-8 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-8 .packery-object--size-4x1 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-8 .packery-object--size-4x2 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-8 .packery-object--size-4x3 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-8 .packery-object--size-4x4 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-8 .packery-object--size-4x5 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-8 .packery-object--size-4x6 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-8 .packery-object--size-4x7 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-8 .packery-object--size-4x8 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-8 .packery-object--size-4x9 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-8 .packery-object--size-4x10 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-8 .packery-object--size-4x11 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-8 .packery-object--size-4x12 {
  width: 50%; }
  .packery--fluid-cols-8 .packery-object--size-4x12:before {
    padding-bottom: 300%; }
.packery--fluid-cols-8 .packery-object--size-5x1 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x1:before {
    padding-bottom: 20%; }
.packery--fluid-cols-8 .packery-object--size-5x2 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x2:before {
    padding-bottom: 40%; }
.packery--fluid-cols-8 .packery-object--size-5x3 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x3:before {
    padding-bottom: 60%; }
.packery--fluid-cols-8 .packery-object--size-5x4 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x4:before {
    padding-bottom: 80%; }
.packery--fluid-cols-8 .packery-object--size-5x5 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x5:before {
    padding-bottom: 100%; }
.packery--fluid-cols-8 .packery-object--size-5x6 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x6:before {
    padding-bottom: 120%; }
.packery--fluid-cols-8 .packery-object--size-5x7 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x7:before {
    padding-bottom: 140%; }
.packery--fluid-cols-8 .packery-object--size-5x8 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x8:before {
    padding-bottom: 160%; }
.packery--fluid-cols-8 .packery-object--size-5x9 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x9:before {
    padding-bottom: 180%; }
.packery--fluid-cols-8 .packery-object--size-5x10 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x10:before {
    padding-bottom: 200%; }
.packery--fluid-cols-8 .packery-object--size-5x11 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x11:before {
    padding-bottom: 220.0%; }
.packery--fluid-cols-8 .packery-object--size-5x12 {
  width: 62.5%; }
  .packery--fluid-cols-8 .packery-object--size-5x12:before {
    padding-bottom: 240%; }
.packery--fluid-cols-8 .packery-object--size-6x1 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x1:before {
    padding-bottom: 16.66667%; }
.packery--fluid-cols-8 .packery-object--size-6x2 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x2:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-8 .packery-object--size-6x3 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x3:before {
    padding-bottom: 50%; }
.packery--fluid-cols-8 .packery-object--size-6x4 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x4:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-8 .packery-object--size-6x5 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x5:before {
    padding-bottom: 83.33333%; }
.packery--fluid-cols-8 .packery-object--size-6x6 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x6:before {
    padding-bottom: 100%; }
.packery--fluid-cols-8 .packery-object--size-6x7 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x7:before {
    padding-bottom: 116.66667%; }
.packery--fluid-cols-8 .packery-object--size-6x8 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x8:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-8 .packery-object--size-6x9 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x9:before {
    padding-bottom: 150%; }
.packery--fluid-cols-8 .packery-object--size-6x10 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x10:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-8 .packery-object--size-6x11 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x11:before {
    padding-bottom: 183.33333%; }
.packery--fluid-cols-8 .packery-object--size-6x12 {
  width: 75%; }
  .packery--fluid-cols-8 .packery-object--size-6x12:before {
    padding-bottom: 200%; }
.packery--fluid-cols-8 .packery-object--size-7x1 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x1:before {
    padding-bottom: 14.28571%; }
.packery--fluid-cols-8 .packery-object--size-7x2 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x2:before {
    padding-bottom: 28.57143%; }
.packery--fluid-cols-8 .packery-object--size-7x3 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x3:before {
    padding-bottom: 42.85714%; }
.packery--fluid-cols-8 .packery-object--size-7x4 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x4:before {
    padding-bottom: 57.14286%; }
.packery--fluid-cols-8 .packery-object--size-7x5 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x5:before {
    padding-bottom: 71.42857%; }
.packery--fluid-cols-8 .packery-object--size-7x6 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x6:before {
    padding-bottom: 85.71429%; }
.packery--fluid-cols-8 .packery-object--size-7x7 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x7:before {
    padding-bottom: 100%; }
.packery--fluid-cols-8 .packery-object--size-7x8 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x8:before {
    padding-bottom: 114.28571%; }
.packery--fluid-cols-8 .packery-object--size-7x9 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x9:before {
    padding-bottom: 128.57143%; }
.packery--fluid-cols-8 .packery-object--size-7x10 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x10:before {
    padding-bottom: 142.85714%; }
.packery--fluid-cols-8 .packery-object--size-7x11 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x11:before {
    padding-bottom: 157.14286%; }
.packery--fluid-cols-8 .packery-object--size-7x12 {
  width: 87.5%; }
  .packery--fluid-cols-8 .packery-object--size-7x12:before {
    padding-bottom: 171.42857%; }
.packery--fluid-cols-8 .packery-object--size-8x1 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x1:before {
    padding-bottom: 12.5%; }
.packery--fluid-cols-8 .packery-object--size-8x2 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x2:before {
    padding-bottom: 25%; }
.packery--fluid-cols-8 .packery-object--size-8x3 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x3:before {
    padding-bottom: 37.5%; }
.packery--fluid-cols-8 .packery-object--size-8x4 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x4:before {
    padding-bottom: 50%; }
.packery--fluid-cols-8 .packery-object--size-8x5 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x5:before {
    padding-bottom: 62.5%; }
.packery--fluid-cols-8 .packery-object--size-8x6 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x6:before {
    padding-bottom: 75%; }
.packery--fluid-cols-8 .packery-object--size-8x7 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x7:before {
    padding-bottom: 87.5%; }
.packery--fluid-cols-8 .packery-object--size-8x8 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x8:before {
    padding-bottom: 100%; }
.packery--fluid-cols-8 .packery-object--size-8x9 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x9:before {
    padding-bottom: 112.5%; }
.packery--fluid-cols-8 .packery-object--size-8x10 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x10:before {
    padding-bottom: 125%; }
.packery--fluid-cols-8 .packery-object--size-8x11 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x11:before {
    padding-bottom: 137.5%; }
.packery--fluid-cols-8 .packery-object--size-8x12 {
  width: 100%; }
  .packery--fluid-cols-8 .packery-object--size-8x12:before {
    padding-bottom: 150%; }

.packery--fluid-cols-9 .packery-sizer {
  width: 11.11111%; }
.packery--fluid-cols-9 .packery-object--size-1x1 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-1x2 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-9 .packery-object--size-1x3 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-9 .packery-object--size-1x4 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-9 .packery-object--size-1x5 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-9 .packery-object--size-1x6 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-9 .packery-object--size-1x7 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-9 .packery-object--size-1x8 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-9 .packery-object--size-1x9 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-9 .packery-object--size-1x10 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-9 .packery-object--size-1x11 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-9 .packery-object--size-1x12 {
  width: 11.11111%; }
  .packery--fluid-cols-9 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-9 .packery-object--size-2x1 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-9 .packery-object--size-2x2 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-2x3 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-9 .packery-object--size-2x4 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-9 .packery-object--size-2x5 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-9 .packery-object--size-2x6 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-9 .packery-object--size-2x7 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-9 .packery-object--size-2x8 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-9 .packery-object--size-2x9 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-9 .packery-object--size-2x10 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-9 .packery-object--size-2x11 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-9 .packery-object--size-2x12 {
  width: 22.22222%; }
  .packery--fluid-cols-9 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-9 .packery-object--size-3x1 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-9 .packery-object--size-3x2 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-9 .packery-object--size-3x3 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-3x4 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-9 .packery-object--size-3x5 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-9 .packery-object--size-3x6 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-9 .packery-object--size-3x7 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-9 .packery-object--size-3x8 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-9 .packery-object--size-3x9 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-9 .packery-object--size-3x10 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-9 .packery-object--size-3x11 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-9 .packery-object--size-3x12 {
  width: 33.33333%; }
  .packery--fluid-cols-9 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-9 .packery-object--size-4x1 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-9 .packery-object--size-4x2 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-9 .packery-object--size-4x3 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-9 .packery-object--size-4x4 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-4x5 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-9 .packery-object--size-4x6 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-9 .packery-object--size-4x7 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-9 .packery-object--size-4x8 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-9 .packery-object--size-4x9 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-9 .packery-object--size-4x10 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-9 .packery-object--size-4x11 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-9 .packery-object--size-4x12 {
  width: 44.44444%; }
  .packery--fluid-cols-9 .packery-object--size-4x12:before {
    padding-bottom: 300%; }
.packery--fluid-cols-9 .packery-object--size-5x1 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x1:before {
    padding-bottom: 20%; }
.packery--fluid-cols-9 .packery-object--size-5x2 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x2:before {
    padding-bottom: 40%; }
.packery--fluid-cols-9 .packery-object--size-5x3 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x3:before {
    padding-bottom: 60%; }
.packery--fluid-cols-9 .packery-object--size-5x4 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x4:before {
    padding-bottom: 80%; }
.packery--fluid-cols-9 .packery-object--size-5x5 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x5:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-5x6 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x6:before {
    padding-bottom: 120%; }
.packery--fluid-cols-9 .packery-object--size-5x7 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x7:before {
    padding-bottom: 140%; }
.packery--fluid-cols-9 .packery-object--size-5x8 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x8:before {
    padding-bottom: 160%; }
.packery--fluid-cols-9 .packery-object--size-5x9 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x9:before {
    padding-bottom: 180%; }
.packery--fluid-cols-9 .packery-object--size-5x10 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x10:before {
    padding-bottom: 200%; }
.packery--fluid-cols-9 .packery-object--size-5x11 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x11:before {
    padding-bottom: 220.0%; }
.packery--fluid-cols-9 .packery-object--size-5x12 {
  width: 55.55556%; }
  .packery--fluid-cols-9 .packery-object--size-5x12:before {
    padding-bottom: 240%; }
.packery--fluid-cols-9 .packery-object--size-6x1 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x1:before {
    padding-bottom: 16.66667%; }
.packery--fluid-cols-9 .packery-object--size-6x2 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x2:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-9 .packery-object--size-6x3 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x3:before {
    padding-bottom: 50%; }
.packery--fluid-cols-9 .packery-object--size-6x4 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x4:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-9 .packery-object--size-6x5 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x5:before {
    padding-bottom: 83.33333%; }
.packery--fluid-cols-9 .packery-object--size-6x6 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x6:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-6x7 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x7:before {
    padding-bottom: 116.66667%; }
.packery--fluid-cols-9 .packery-object--size-6x8 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x8:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-9 .packery-object--size-6x9 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x9:before {
    padding-bottom: 150%; }
.packery--fluid-cols-9 .packery-object--size-6x10 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x10:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-9 .packery-object--size-6x11 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x11:before {
    padding-bottom: 183.33333%; }
.packery--fluid-cols-9 .packery-object--size-6x12 {
  width: 66.66667%; }
  .packery--fluid-cols-9 .packery-object--size-6x12:before {
    padding-bottom: 200%; }
.packery--fluid-cols-9 .packery-object--size-7x1 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x1:before {
    padding-bottom: 14.28571%; }
.packery--fluid-cols-9 .packery-object--size-7x2 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x2:before {
    padding-bottom: 28.57143%; }
.packery--fluid-cols-9 .packery-object--size-7x3 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x3:before {
    padding-bottom: 42.85714%; }
.packery--fluid-cols-9 .packery-object--size-7x4 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x4:before {
    padding-bottom: 57.14286%; }
.packery--fluid-cols-9 .packery-object--size-7x5 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x5:before {
    padding-bottom: 71.42857%; }
.packery--fluid-cols-9 .packery-object--size-7x6 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x6:before {
    padding-bottom: 85.71429%; }
.packery--fluid-cols-9 .packery-object--size-7x7 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x7:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-7x8 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x8:before {
    padding-bottom: 114.28571%; }
.packery--fluid-cols-9 .packery-object--size-7x9 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x9:before {
    padding-bottom: 128.57143%; }
.packery--fluid-cols-9 .packery-object--size-7x10 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x10:before {
    padding-bottom: 142.85714%; }
.packery--fluid-cols-9 .packery-object--size-7x11 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x11:before {
    padding-bottom: 157.14286%; }
.packery--fluid-cols-9 .packery-object--size-7x12 {
  width: 77.77778%; }
  .packery--fluid-cols-9 .packery-object--size-7x12:before {
    padding-bottom: 171.42857%; }
.packery--fluid-cols-9 .packery-object--size-8x1 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x1:before {
    padding-bottom: 12.5%; }
.packery--fluid-cols-9 .packery-object--size-8x2 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x2:before {
    padding-bottom: 25%; }
.packery--fluid-cols-9 .packery-object--size-8x3 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x3:before {
    padding-bottom: 37.5%; }
.packery--fluid-cols-9 .packery-object--size-8x4 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x4:before {
    padding-bottom: 50%; }
.packery--fluid-cols-9 .packery-object--size-8x5 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x5:before {
    padding-bottom: 62.5%; }
.packery--fluid-cols-9 .packery-object--size-8x6 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x6:before {
    padding-bottom: 75%; }
.packery--fluid-cols-9 .packery-object--size-8x7 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x7:before {
    padding-bottom: 87.5%; }
.packery--fluid-cols-9 .packery-object--size-8x8 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x8:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-8x9 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x9:before {
    padding-bottom: 112.5%; }
.packery--fluid-cols-9 .packery-object--size-8x10 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x10:before {
    padding-bottom: 125%; }
.packery--fluid-cols-9 .packery-object--size-8x11 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x11:before {
    padding-bottom: 137.5%; }
.packery--fluid-cols-9 .packery-object--size-8x12 {
  width: 88.88889%; }
  .packery--fluid-cols-9 .packery-object--size-8x12:before {
    padding-bottom: 150%; }
.packery--fluid-cols-9 .packery-object--size-9x1 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x1:before {
    padding-bottom: 11.11111%; }
.packery--fluid-cols-9 .packery-object--size-9x2 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x2:before {
    padding-bottom: 22.22222%; }
.packery--fluid-cols-9 .packery-object--size-9x3 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x3:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-9 .packery-object--size-9x4 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x4:before {
    padding-bottom: 44.44444%; }
.packery--fluid-cols-9 .packery-object--size-9x5 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x5:before {
    padding-bottom: 55.55556%; }
.packery--fluid-cols-9 .packery-object--size-9x6 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x6:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-9 .packery-object--size-9x7 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x7:before {
    padding-bottom: 77.77778%; }
.packery--fluid-cols-9 .packery-object--size-9x8 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x8:before {
    padding-bottom: 88.88889%; }
.packery--fluid-cols-9 .packery-object--size-9x9 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x9:before {
    padding-bottom: 100%; }
.packery--fluid-cols-9 .packery-object--size-9x10 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x10:before {
    padding-bottom: 111.11111%; }
.packery--fluid-cols-9 .packery-object--size-9x11 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x11:before {
    padding-bottom: 122.22222%; }
.packery--fluid-cols-9 .packery-object--size-9x12 {
  width: 100%; }
  .packery--fluid-cols-9 .packery-object--size-9x12:before {
    padding-bottom: 133.33333%; }

.packery--fluid-cols-10 .packery-sizer {
  width: 10%; }
.packery--fluid-cols-10 .packery-object--size-1x1 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-1x2 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-10 .packery-object--size-1x3 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-10 .packery-object--size-1x4 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-10 .packery-object--size-1x5 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-10 .packery-object--size-1x6 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-10 .packery-object--size-1x7 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-10 .packery-object--size-1x8 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-10 .packery-object--size-1x9 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-10 .packery-object--size-1x10 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-10 .packery-object--size-1x11 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-10 .packery-object--size-1x12 {
  width: 10%; }
  .packery--fluid-cols-10 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-10 .packery-object--size-2x1 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-10 .packery-object--size-2x2 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-2x3 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-10 .packery-object--size-2x4 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-10 .packery-object--size-2x5 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-10 .packery-object--size-2x6 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-10 .packery-object--size-2x7 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-10 .packery-object--size-2x8 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-10 .packery-object--size-2x9 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-10 .packery-object--size-2x10 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-10 .packery-object--size-2x11 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-10 .packery-object--size-2x12 {
  width: 20%; }
  .packery--fluid-cols-10 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-10 .packery-object--size-3x1 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-10 .packery-object--size-3x2 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-10 .packery-object--size-3x3 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-3x4 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-10 .packery-object--size-3x5 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-10 .packery-object--size-3x6 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-10 .packery-object--size-3x7 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-10 .packery-object--size-3x8 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-10 .packery-object--size-3x9 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-10 .packery-object--size-3x10 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-10 .packery-object--size-3x11 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-10 .packery-object--size-3x12 {
  width: 30%; }
  .packery--fluid-cols-10 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-10 .packery-object--size-4x1 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-10 .packery-object--size-4x2 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-10 .packery-object--size-4x3 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-10 .packery-object--size-4x4 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-4x5 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-10 .packery-object--size-4x6 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-10 .packery-object--size-4x7 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-10 .packery-object--size-4x8 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-10 .packery-object--size-4x9 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-10 .packery-object--size-4x10 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-10 .packery-object--size-4x11 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-10 .packery-object--size-4x12 {
  width: 40%; }
  .packery--fluid-cols-10 .packery-object--size-4x12:before {
    padding-bottom: 300%; }
.packery--fluid-cols-10 .packery-object--size-5x1 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x1:before {
    padding-bottom: 20%; }
.packery--fluid-cols-10 .packery-object--size-5x2 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x2:before {
    padding-bottom: 40%; }
.packery--fluid-cols-10 .packery-object--size-5x3 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x3:before {
    padding-bottom: 60%; }
.packery--fluid-cols-10 .packery-object--size-5x4 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x4:before {
    padding-bottom: 80%; }
.packery--fluid-cols-10 .packery-object--size-5x5 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x5:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-5x6 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x6:before {
    padding-bottom: 120%; }
.packery--fluid-cols-10 .packery-object--size-5x7 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x7:before {
    padding-bottom: 140%; }
.packery--fluid-cols-10 .packery-object--size-5x8 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x8:before {
    padding-bottom: 160%; }
.packery--fluid-cols-10 .packery-object--size-5x9 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x9:before {
    padding-bottom: 180%; }
.packery--fluid-cols-10 .packery-object--size-5x10 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x10:before {
    padding-bottom: 200%; }
.packery--fluid-cols-10 .packery-object--size-5x11 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x11:before {
    padding-bottom: 220.0%; }
.packery--fluid-cols-10 .packery-object--size-5x12 {
  width: 50%; }
  .packery--fluid-cols-10 .packery-object--size-5x12:before {
    padding-bottom: 240%; }
.packery--fluid-cols-10 .packery-object--size-6x1 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x1:before {
    padding-bottom: 16.66667%; }
.packery--fluid-cols-10 .packery-object--size-6x2 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x2:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-10 .packery-object--size-6x3 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x3:before {
    padding-bottom: 50%; }
.packery--fluid-cols-10 .packery-object--size-6x4 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x4:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-10 .packery-object--size-6x5 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x5:before {
    padding-bottom: 83.33333%; }
.packery--fluid-cols-10 .packery-object--size-6x6 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x6:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-6x7 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x7:before {
    padding-bottom: 116.66667%; }
.packery--fluid-cols-10 .packery-object--size-6x8 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x8:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-10 .packery-object--size-6x9 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x9:before {
    padding-bottom: 150%; }
.packery--fluid-cols-10 .packery-object--size-6x10 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x10:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-10 .packery-object--size-6x11 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x11:before {
    padding-bottom: 183.33333%; }
.packery--fluid-cols-10 .packery-object--size-6x12 {
  width: 60%; }
  .packery--fluid-cols-10 .packery-object--size-6x12:before {
    padding-bottom: 200%; }
.packery--fluid-cols-10 .packery-object--size-7x1 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x1:before {
    padding-bottom: 14.28571%; }
.packery--fluid-cols-10 .packery-object--size-7x2 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x2:before {
    padding-bottom: 28.57143%; }
.packery--fluid-cols-10 .packery-object--size-7x3 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x3:before {
    padding-bottom: 42.85714%; }
.packery--fluid-cols-10 .packery-object--size-7x4 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x4:before {
    padding-bottom: 57.14286%; }
.packery--fluid-cols-10 .packery-object--size-7x5 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x5:before {
    padding-bottom: 71.42857%; }
.packery--fluid-cols-10 .packery-object--size-7x6 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x6:before {
    padding-bottom: 85.71429%; }
.packery--fluid-cols-10 .packery-object--size-7x7 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x7:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-7x8 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x8:before {
    padding-bottom: 114.28571%; }
.packery--fluid-cols-10 .packery-object--size-7x9 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x9:before {
    padding-bottom: 128.57143%; }
.packery--fluid-cols-10 .packery-object--size-7x10 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x10:before {
    padding-bottom: 142.85714%; }
.packery--fluid-cols-10 .packery-object--size-7x11 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x11:before {
    padding-bottom: 157.14286%; }
.packery--fluid-cols-10 .packery-object--size-7x12 {
  width: 70%; }
  .packery--fluid-cols-10 .packery-object--size-7x12:before {
    padding-bottom: 171.42857%; }
.packery--fluid-cols-10 .packery-object--size-8x1 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x1:before {
    padding-bottom: 12.5%; }
.packery--fluid-cols-10 .packery-object--size-8x2 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x2:before {
    padding-bottom: 25%; }
.packery--fluid-cols-10 .packery-object--size-8x3 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x3:before {
    padding-bottom: 37.5%; }
.packery--fluid-cols-10 .packery-object--size-8x4 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x4:before {
    padding-bottom: 50%; }
.packery--fluid-cols-10 .packery-object--size-8x5 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x5:before {
    padding-bottom: 62.5%; }
.packery--fluid-cols-10 .packery-object--size-8x6 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x6:before {
    padding-bottom: 75%; }
.packery--fluid-cols-10 .packery-object--size-8x7 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x7:before {
    padding-bottom: 87.5%; }
.packery--fluid-cols-10 .packery-object--size-8x8 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x8:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-8x9 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x9:before {
    padding-bottom: 112.5%; }
.packery--fluid-cols-10 .packery-object--size-8x10 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x10:before {
    padding-bottom: 125%; }
.packery--fluid-cols-10 .packery-object--size-8x11 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x11:before {
    padding-bottom: 137.5%; }
.packery--fluid-cols-10 .packery-object--size-8x12 {
  width: 80%; }
  .packery--fluid-cols-10 .packery-object--size-8x12:before {
    padding-bottom: 150%; }
.packery--fluid-cols-10 .packery-object--size-9x1 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x1:before {
    padding-bottom: 11.11111%; }
.packery--fluid-cols-10 .packery-object--size-9x2 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x2:before {
    padding-bottom: 22.22222%; }
.packery--fluid-cols-10 .packery-object--size-9x3 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x3:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-10 .packery-object--size-9x4 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x4:before {
    padding-bottom: 44.44444%; }
.packery--fluid-cols-10 .packery-object--size-9x5 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x5:before {
    padding-bottom: 55.55556%; }
.packery--fluid-cols-10 .packery-object--size-9x6 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x6:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-10 .packery-object--size-9x7 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x7:before {
    padding-bottom: 77.77778%; }
.packery--fluid-cols-10 .packery-object--size-9x8 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x8:before {
    padding-bottom: 88.88889%; }
.packery--fluid-cols-10 .packery-object--size-9x9 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x9:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-9x10 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x10:before {
    padding-bottom: 111.11111%; }
.packery--fluid-cols-10 .packery-object--size-9x11 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x11:before {
    padding-bottom: 122.22222%; }
.packery--fluid-cols-10 .packery-object--size-9x12 {
  width: 90%; }
  .packery--fluid-cols-10 .packery-object--size-9x12:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-10 .packery-object--size-10x1 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x1:before {
    padding-bottom: 10%; }
.packery--fluid-cols-10 .packery-object--size-10x2 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x2:before {
    padding-bottom: 20%; }
.packery--fluid-cols-10 .packery-object--size-10x3 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x3:before {
    padding-bottom: 30%; }
.packery--fluid-cols-10 .packery-object--size-10x4 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x4:before {
    padding-bottom: 40%; }
.packery--fluid-cols-10 .packery-object--size-10x5 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x5:before {
    padding-bottom: 50%; }
.packery--fluid-cols-10 .packery-object--size-10x6 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x6:before {
    padding-bottom: 60%; }
.packery--fluid-cols-10 .packery-object--size-10x7 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x7:before {
    padding-bottom: 70%; }
.packery--fluid-cols-10 .packery-object--size-10x8 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x8:before {
    padding-bottom: 80%; }
.packery--fluid-cols-10 .packery-object--size-10x9 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x9:before {
    padding-bottom: 90%; }
.packery--fluid-cols-10 .packery-object--size-10x10 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x10:before {
    padding-bottom: 100%; }
.packery--fluid-cols-10 .packery-object--size-10x11 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x11:before {
    padding-bottom: 110.0%; }
.packery--fluid-cols-10 .packery-object--size-10x12 {
  width: 100%; }
  .packery--fluid-cols-10 .packery-object--size-10x12:before {
    padding-bottom: 120%; }

.packery--fluid-cols-11 .packery-sizer {
  width: 9.09091%; }
.packery--fluid-cols-11 .packery-object--size-1x1 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-1x2 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-11 .packery-object--size-1x3 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-11 .packery-object--size-1x4 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-11 .packery-object--size-1x5 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-11 .packery-object--size-1x6 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-11 .packery-object--size-1x7 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-11 .packery-object--size-1x8 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-11 .packery-object--size-1x9 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-11 .packery-object--size-1x10 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-11 .packery-object--size-1x11 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-11 .packery-object--size-1x12 {
  width: 9.09091%; }
  .packery--fluid-cols-11 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-11 .packery-object--size-2x1 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-11 .packery-object--size-2x2 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-2x3 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-11 .packery-object--size-2x4 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-11 .packery-object--size-2x5 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-11 .packery-object--size-2x6 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-11 .packery-object--size-2x7 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-11 .packery-object--size-2x8 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-11 .packery-object--size-2x9 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-11 .packery-object--size-2x10 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-11 .packery-object--size-2x11 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-11 .packery-object--size-2x12 {
  width: 18.18182%; }
  .packery--fluid-cols-11 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-11 .packery-object--size-3x1 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-11 .packery-object--size-3x2 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-11 .packery-object--size-3x3 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-3x4 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-11 .packery-object--size-3x5 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-11 .packery-object--size-3x6 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-11 .packery-object--size-3x7 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-11 .packery-object--size-3x8 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-11 .packery-object--size-3x9 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-11 .packery-object--size-3x10 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-11 .packery-object--size-3x11 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-11 .packery-object--size-3x12 {
  width: 27.27273%; }
  .packery--fluid-cols-11 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-11 .packery-object--size-4x1 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-11 .packery-object--size-4x2 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-11 .packery-object--size-4x3 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-11 .packery-object--size-4x4 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-4x5 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-11 .packery-object--size-4x6 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-11 .packery-object--size-4x7 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-11 .packery-object--size-4x8 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-11 .packery-object--size-4x9 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-11 .packery-object--size-4x10 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-11 .packery-object--size-4x11 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-11 .packery-object--size-4x12 {
  width: 36.36364%; }
  .packery--fluid-cols-11 .packery-object--size-4x12:before {
    padding-bottom: 300%; }
.packery--fluid-cols-11 .packery-object--size-5x1 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x1:before {
    padding-bottom: 20%; }
.packery--fluid-cols-11 .packery-object--size-5x2 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x2:before {
    padding-bottom: 40%; }
.packery--fluid-cols-11 .packery-object--size-5x3 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x3:before {
    padding-bottom: 60%; }
.packery--fluid-cols-11 .packery-object--size-5x4 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x4:before {
    padding-bottom: 80%; }
.packery--fluid-cols-11 .packery-object--size-5x5 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x5:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-5x6 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x6:before {
    padding-bottom: 120%; }
.packery--fluid-cols-11 .packery-object--size-5x7 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x7:before {
    padding-bottom: 140%; }
.packery--fluid-cols-11 .packery-object--size-5x8 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x8:before {
    padding-bottom: 160%; }
.packery--fluid-cols-11 .packery-object--size-5x9 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x9:before {
    padding-bottom: 180%; }
.packery--fluid-cols-11 .packery-object--size-5x10 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x10:before {
    padding-bottom: 200%; }
.packery--fluid-cols-11 .packery-object--size-5x11 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x11:before {
    padding-bottom: 220.0%; }
.packery--fluid-cols-11 .packery-object--size-5x12 {
  width: 45.45455%; }
  .packery--fluid-cols-11 .packery-object--size-5x12:before {
    padding-bottom: 240%; }
.packery--fluid-cols-11 .packery-object--size-6x1 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x1:before {
    padding-bottom: 16.66667%; }
.packery--fluid-cols-11 .packery-object--size-6x2 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x2:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-11 .packery-object--size-6x3 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x3:before {
    padding-bottom: 50%; }
.packery--fluid-cols-11 .packery-object--size-6x4 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x4:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-11 .packery-object--size-6x5 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x5:before {
    padding-bottom: 83.33333%; }
.packery--fluid-cols-11 .packery-object--size-6x6 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x6:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-6x7 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x7:before {
    padding-bottom: 116.66667%; }
.packery--fluid-cols-11 .packery-object--size-6x8 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x8:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-11 .packery-object--size-6x9 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x9:before {
    padding-bottom: 150%; }
.packery--fluid-cols-11 .packery-object--size-6x10 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x10:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-11 .packery-object--size-6x11 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x11:before {
    padding-bottom: 183.33333%; }
.packery--fluid-cols-11 .packery-object--size-6x12 {
  width: 54.54545%; }
  .packery--fluid-cols-11 .packery-object--size-6x12:before {
    padding-bottom: 200%; }
.packery--fluid-cols-11 .packery-object--size-7x1 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x1:before {
    padding-bottom: 14.28571%; }
.packery--fluid-cols-11 .packery-object--size-7x2 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x2:before {
    padding-bottom: 28.57143%; }
.packery--fluid-cols-11 .packery-object--size-7x3 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x3:before {
    padding-bottom: 42.85714%; }
.packery--fluid-cols-11 .packery-object--size-7x4 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x4:before {
    padding-bottom: 57.14286%; }
.packery--fluid-cols-11 .packery-object--size-7x5 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x5:before {
    padding-bottom: 71.42857%; }
.packery--fluid-cols-11 .packery-object--size-7x6 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x6:before {
    padding-bottom: 85.71429%; }
.packery--fluid-cols-11 .packery-object--size-7x7 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x7:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-7x8 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x8:before {
    padding-bottom: 114.28571%; }
.packery--fluid-cols-11 .packery-object--size-7x9 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x9:before {
    padding-bottom: 128.57143%; }
.packery--fluid-cols-11 .packery-object--size-7x10 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x10:before {
    padding-bottom: 142.85714%; }
.packery--fluid-cols-11 .packery-object--size-7x11 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x11:before {
    padding-bottom: 157.14286%; }
.packery--fluid-cols-11 .packery-object--size-7x12 {
  width: 63.63636%; }
  .packery--fluid-cols-11 .packery-object--size-7x12:before {
    padding-bottom: 171.42857%; }
.packery--fluid-cols-11 .packery-object--size-8x1 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x1:before {
    padding-bottom: 12.5%; }
.packery--fluid-cols-11 .packery-object--size-8x2 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x2:before {
    padding-bottom: 25%; }
.packery--fluid-cols-11 .packery-object--size-8x3 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x3:before {
    padding-bottom: 37.5%; }
.packery--fluid-cols-11 .packery-object--size-8x4 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x4:before {
    padding-bottom: 50%; }
.packery--fluid-cols-11 .packery-object--size-8x5 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x5:before {
    padding-bottom: 62.5%; }
.packery--fluid-cols-11 .packery-object--size-8x6 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x6:before {
    padding-bottom: 75%; }
.packery--fluid-cols-11 .packery-object--size-8x7 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x7:before {
    padding-bottom: 87.5%; }
.packery--fluid-cols-11 .packery-object--size-8x8 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x8:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-8x9 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x9:before {
    padding-bottom: 112.5%; }
.packery--fluid-cols-11 .packery-object--size-8x10 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x10:before {
    padding-bottom: 125%; }
.packery--fluid-cols-11 .packery-object--size-8x11 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x11:before {
    padding-bottom: 137.5%; }
.packery--fluid-cols-11 .packery-object--size-8x12 {
  width: 72.72727%; }
  .packery--fluid-cols-11 .packery-object--size-8x12:before {
    padding-bottom: 150%; }
.packery--fluid-cols-11 .packery-object--size-9x1 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x1:before {
    padding-bottom: 11.11111%; }
.packery--fluid-cols-11 .packery-object--size-9x2 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x2:before {
    padding-bottom: 22.22222%; }
.packery--fluid-cols-11 .packery-object--size-9x3 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x3:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-11 .packery-object--size-9x4 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x4:before {
    padding-bottom: 44.44444%; }
.packery--fluid-cols-11 .packery-object--size-9x5 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x5:before {
    padding-bottom: 55.55556%; }
.packery--fluid-cols-11 .packery-object--size-9x6 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x6:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-11 .packery-object--size-9x7 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x7:before {
    padding-bottom: 77.77778%; }
.packery--fluid-cols-11 .packery-object--size-9x8 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x8:before {
    padding-bottom: 88.88889%; }
.packery--fluid-cols-11 .packery-object--size-9x9 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x9:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-9x10 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x10:before {
    padding-bottom: 111.11111%; }
.packery--fluid-cols-11 .packery-object--size-9x11 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x11:before {
    padding-bottom: 122.22222%; }
.packery--fluid-cols-11 .packery-object--size-9x12 {
  width: 81.81818%; }
  .packery--fluid-cols-11 .packery-object--size-9x12:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-11 .packery-object--size-10x1 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x1:before {
    padding-bottom: 10%; }
.packery--fluid-cols-11 .packery-object--size-10x2 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x2:before {
    padding-bottom: 20%; }
.packery--fluid-cols-11 .packery-object--size-10x3 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x3:before {
    padding-bottom: 30%; }
.packery--fluid-cols-11 .packery-object--size-10x4 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x4:before {
    padding-bottom: 40%; }
.packery--fluid-cols-11 .packery-object--size-10x5 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x5:before {
    padding-bottom: 50%; }
.packery--fluid-cols-11 .packery-object--size-10x6 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x6:before {
    padding-bottom: 60%; }
.packery--fluid-cols-11 .packery-object--size-10x7 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x7:before {
    padding-bottom: 70%; }
.packery--fluid-cols-11 .packery-object--size-10x8 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x8:before {
    padding-bottom: 80%; }
.packery--fluid-cols-11 .packery-object--size-10x9 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x9:before {
    padding-bottom: 90%; }
.packery--fluid-cols-11 .packery-object--size-10x10 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x10:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-10x11 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x11:before {
    padding-bottom: 110.0%; }
.packery--fluid-cols-11 .packery-object--size-10x12 {
  width: 90.90909%; }
  .packery--fluid-cols-11 .packery-object--size-10x12:before {
    padding-bottom: 120%; }
.packery--fluid-cols-11 .packery-object--size-11x1 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x1:before {
    padding-bottom: 9.09091%; }
.packery--fluid-cols-11 .packery-object--size-11x2 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x2:before {
    padding-bottom: 18.18182%; }
.packery--fluid-cols-11 .packery-object--size-11x3 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x3:before {
    padding-bottom: 27.27273%; }
.packery--fluid-cols-11 .packery-object--size-11x4 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x4:before {
    padding-bottom: 36.36364%; }
.packery--fluid-cols-11 .packery-object--size-11x5 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x5:before {
    padding-bottom: 45.45455%; }
.packery--fluid-cols-11 .packery-object--size-11x6 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x6:before {
    padding-bottom: 54.54545%; }
.packery--fluid-cols-11 .packery-object--size-11x7 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x7:before {
    padding-bottom: 63.63636%; }
.packery--fluid-cols-11 .packery-object--size-11x8 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x8:before {
    padding-bottom: 72.72727%; }
.packery--fluid-cols-11 .packery-object--size-11x9 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x9:before {
    padding-bottom: 81.81818%; }
.packery--fluid-cols-11 .packery-object--size-11x10 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x10:before {
    padding-bottom: 90.90909%; }
.packery--fluid-cols-11 .packery-object--size-11x11 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x11:before {
    padding-bottom: 100%; }
.packery--fluid-cols-11 .packery-object--size-11x12 {
  width: 100%; }
  .packery--fluid-cols-11 .packery-object--size-11x12:before {
    padding-bottom: 109.09091%; }

.packery--fluid-cols-12 .packery-sizer {
  width: 8.33333%; }
.packery--fluid-cols-12 .packery-object--size-1x1 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x1:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-1x2 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x2:before {
    padding-bottom: 200%; }
.packery--fluid-cols-12 .packery-object--size-1x3 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x3:before {
    padding-bottom: 300%; }
.packery--fluid-cols-12 .packery-object--size-1x4 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x4:before {
    padding-bottom: 400%; }
.packery--fluid-cols-12 .packery-object--size-1x5 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x5:before {
    padding-bottom: 500%; }
.packery--fluid-cols-12 .packery-object--size-1x6 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x6:before {
    padding-bottom: 600%; }
.packery--fluid-cols-12 .packery-object--size-1x7 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x7:before {
    padding-bottom: 700%; }
.packery--fluid-cols-12 .packery-object--size-1x8 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x8:before {
    padding-bottom: 800%; }
.packery--fluid-cols-12 .packery-object--size-1x9 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x9:before {
    padding-bottom: 900%; }
.packery--fluid-cols-12 .packery-object--size-1x10 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x10:before {
    padding-bottom: 1000%; }
.packery--fluid-cols-12 .packery-object--size-1x11 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x11:before {
    padding-bottom: 1100%; }
.packery--fluid-cols-12 .packery-object--size-1x12 {
  width: 8.33333%; }
  .packery--fluid-cols-12 .packery-object--size-1x12:before {
    padding-bottom: 1200%; }
.packery--fluid-cols-12 .packery-object--size-2x1 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x1:before {
    padding-bottom: 50%; }
.packery--fluid-cols-12 .packery-object--size-2x2 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x2:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-2x3 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x3:before {
    padding-bottom: 150%; }
.packery--fluid-cols-12 .packery-object--size-2x4 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x4:before {
    padding-bottom: 200%; }
.packery--fluid-cols-12 .packery-object--size-2x5 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x5:before {
    padding-bottom: 250%; }
.packery--fluid-cols-12 .packery-object--size-2x6 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x6:before {
    padding-bottom: 300%; }
.packery--fluid-cols-12 .packery-object--size-2x7 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x7:before {
    padding-bottom: 350%; }
.packery--fluid-cols-12 .packery-object--size-2x8 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x8:before {
    padding-bottom: 400%; }
.packery--fluid-cols-12 .packery-object--size-2x9 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x9:before {
    padding-bottom: 450%; }
.packery--fluid-cols-12 .packery-object--size-2x10 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x10:before {
    padding-bottom: 500%; }
.packery--fluid-cols-12 .packery-object--size-2x11 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x11:before {
    padding-bottom: 550%; }
.packery--fluid-cols-12 .packery-object--size-2x12 {
  width: 16.66667%; }
  .packery--fluid-cols-12 .packery-object--size-2x12:before {
    padding-bottom: 600%; }
.packery--fluid-cols-12 .packery-object--size-3x1 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x1:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-12 .packery-object--size-3x2 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x2:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-12 .packery-object--size-3x3 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x3:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-3x4 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x4:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-12 .packery-object--size-3x5 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x5:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-12 .packery-object--size-3x6 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x6:before {
    padding-bottom: 200%; }
.packery--fluid-cols-12 .packery-object--size-3x7 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x7:before {
    padding-bottom: 233.33333%; }
.packery--fluid-cols-12 .packery-object--size-3x8 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x8:before {
    padding-bottom: 266.66667%; }
.packery--fluid-cols-12 .packery-object--size-3x9 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x9:before {
    padding-bottom: 300%; }
.packery--fluid-cols-12 .packery-object--size-3x10 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x10:before {
    padding-bottom: 333.33333%; }
.packery--fluid-cols-12 .packery-object--size-3x11 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x11:before {
    padding-bottom: 366.66667%; }
.packery--fluid-cols-12 .packery-object--size-3x12 {
  width: 25%; }
  .packery--fluid-cols-12 .packery-object--size-3x12:before {
    padding-bottom: 400%; }
.packery--fluid-cols-12 .packery-object--size-4x1 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x1:before {
    padding-bottom: 25%; }
.packery--fluid-cols-12 .packery-object--size-4x2 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x2:before {
    padding-bottom: 50%; }
.packery--fluid-cols-12 .packery-object--size-4x3 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x3:before {
    padding-bottom: 75%; }
.packery--fluid-cols-12 .packery-object--size-4x4 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x4:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-4x5 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x5:before {
    padding-bottom: 125%; }
.packery--fluid-cols-12 .packery-object--size-4x6 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x6:before {
    padding-bottom: 150%; }
.packery--fluid-cols-12 .packery-object--size-4x7 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x7:before {
    padding-bottom: 175%; }
.packery--fluid-cols-12 .packery-object--size-4x8 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x8:before {
    padding-bottom: 200%; }
.packery--fluid-cols-12 .packery-object--size-4x9 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x9:before {
    padding-bottom: 225%; }
.packery--fluid-cols-12 .packery-object--size-4x10 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x10:before {
    padding-bottom: 250%; }
.packery--fluid-cols-12 .packery-object--size-4x11 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x11:before {
    padding-bottom: 275%; }
.packery--fluid-cols-12 .packery-object--size-4x12 {
  width: 33.33333%; }
  .packery--fluid-cols-12 .packery-object--size-4x12:before {
    padding-bottom: 300%; }
.packery--fluid-cols-12 .packery-object--size-5x1 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x1:before {
    padding-bottom: 20%; }
.packery--fluid-cols-12 .packery-object--size-5x2 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x2:before {
    padding-bottom: 40%; }
.packery--fluid-cols-12 .packery-object--size-5x3 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x3:before {
    padding-bottom: 60%; }
.packery--fluid-cols-12 .packery-object--size-5x4 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x4:before {
    padding-bottom: 80%; }
.packery--fluid-cols-12 .packery-object--size-5x5 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x5:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-5x6 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x6:before {
    padding-bottom: 120%; }
.packery--fluid-cols-12 .packery-object--size-5x7 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x7:before {
    padding-bottom: 140%; }
.packery--fluid-cols-12 .packery-object--size-5x8 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x8:before {
    padding-bottom: 160%; }
.packery--fluid-cols-12 .packery-object--size-5x9 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x9:before {
    padding-bottom: 180%; }
.packery--fluid-cols-12 .packery-object--size-5x10 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x10:before {
    padding-bottom: 200%; }
.packery--fluid-cols-12 .packery-object--size-5x11 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x11:before {
    padding-bottom: 220.0%; }
.packery--fluid-cols-12 .packery-object--size-5x12 {
  width: 41.66667%; }
  .packery--fluid-cols-12 .packery-object--size-5x12:before {
    padding-bottom: 240%; }
.packery--fluid-cols-12 .packery-object--size-6x1 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x1:before {
    padding-bottom: 16.66667%; }
.packery--fluid-cols-12 .packery-object--size-6x2 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x2:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-12 .packery-object--size-6x3 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x3:before {
    padding-bottom: 50%; }
.packery--fluid-cols-12 .packery-object--size-6x4 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x4:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-12 .packery-object--size-6x5 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x5:before {
    padding-bottom: 83.33333%; }
.packery--fluid-cols-12 .packery-object--size-6x6 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x6:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-6x7 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x7:before {
    padding-bottom: 116.66667%; }
.packery--fluid-cols-12 .packery-object--size-6x8 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x8:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-12 .packery-object--size-6x9 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x9:before {
    padding-bottom: 150%; }
.packery--fluid-cols-12 .packery-object--size-6x10 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x10:before {
    padding-bottom: 166.66667%; }
.packery--fluid-cols-12 .packery-object--size-6x11 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x11:before {
    padding-bottom: 183.33333%; }
.packery--fluid-cols-12 .packery-object--size-6x12 {
  width: 50%; }
  .packery--fluid-cols-12 .packery-object--size-6x12:before {
    padding-bottom: 200%; }
.packery--fluid-cols-12 .packery-object--size-7x1 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x1:before {
    padding-bottom: 14.28571%; }
.packery--fluid-cols-12 .packery-object--size-7x2 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x2:before {
    padding-bottom: 28.57143%; }
.packery--fluid-cols-12 .packery-object--size-7x3 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x3:before {
    padding-bottom: 42.85714%; }
.packery--fluid-cols-12 .packery-object--size-7x4 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x4:before {
    padding-bottom: 57.14286%; }
.packery--fluid-cols-12 .packery-object--size-7x5 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x5:before {
    padding-bottom: 71.42857%; }
.packery--fluid-cols-12 .packery-object--size-7x6 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x6:before {
    padding-bottom: 85.71429%; }
.packery--fluid-cols-12 .packery-object--size-7x7 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x7:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-7x8 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x8:before {
    padding-bottom: 114.28571%; }
.packery--fluid-cols-12 .packery-object--size-7x9 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x9:before {
    padding-bottom: 128.57143%; }
.packery--fluid-cols-12 .packery-object--size-7x10 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x10:before {
    padding-bottom: 142.85714%; }
.packery--fluid-cols-12 .packery-object--size-7x11 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x11:before {
    padding-bottom: 157.14286%; }
.packery--fluid-cols-12 .packery-object--size-7x12 {
  width: 58.33333%; }
  .packery--fluid-cols-12 .packery-object--size-7x12:before {
    padding-bottom: 171.42857%; }
.packery--fluid-cols-12 .packery-object--size-8x1 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x1:before {
    padding-bottom: 12.5%; }
.packery--fluid-cols-12 .packery-object--size-8x2 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x2:before {
    padding-bottom: 25%; }
.packery--fluid-cols-12 .packery-object--size-8x3 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x3:before {
    padding-bottom: 37.5%; }
.packery--fluid-cols-12 .packery-object--size-8x4 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x4:before {
    padding-bottom: 50%; }
.packery--fluid-cols-12 .packery-object--size-8x5 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x5:before {
    padding-bottom: 62.5%; }
.packery--fluid-cols-12 .packery-object--size-8x6 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x6:before {
    padding-bottom: 75%; }
.packery--fluid-cols-12 .packery-object--size-8x7 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x7:before {
    padding-bottom: 87.5%; }
.packery--fluid-cols-12 .packery-object--size-8x8 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x8:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-8x9 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x9:before {
    padding-bottom: 112.5%; }
.packery--fluid-cols-12 .packery-object--size-8x10 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x10:before {
    padding-bottom: 125%; }
.packery--fluid-cols-12 .packery-object--size-8x11 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x11:before {
    padding-bottom: 137.5%; }
.packery--fluid-cols-12 .packery-object--size-8x12 {
  width: 66.66667%; }
  .packery--fluid-cols-12 .packery-object--size-8x12:before {
    padding-bottom: 150%; }
.packery--fluid-cols-12 .packery-object--size-9x1 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x1:before {
    padding-bottom: 11.11111%; }
.packery--fluid-cols-12 .packery-object--size-9x2 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x2:before {
    padding-bottom: 22.22222%; }
.packery--fluid-cols-12 .packery-object--size-9x3 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x3:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-12 .packery-object--size-9x4 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x4:before {
    padding-bottom: 44.44444%; }
.packery--fluid-cols-12 .packery-object--size-9x5 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x5:before {
    padding-bottom: 55.55556%; }
.packery--fluid-cols-12 .packery-object--size-9x6 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x6:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-12 .packery-object--size-9x7 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x7:before {
    padding-bottom: 77.77778%; }
.packery--fluid-cols-12 .packery-object--size-9x8 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x8:before {
    padding-bottom: 88.88889%; }
.packery--fluid-cols-12 .packery-object--size-9x9 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x9:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-9x10 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x10:before {
    padding-bottom: 111.11111%; }
.packery--fluid-cols-12 .packery-object--size-9x11 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x11:before {
    padding-bottom: 122.22222%; }
.packery--fluid-cols-12 .packery-object--size-9x12 {
  width: 75%; }
  .packery--fluid-cols-12 .packery-object--size-9x12:before {
    padding-bottom: 133.33333%; }
.packery--fluid-cols-12 .packery-object--size-10x1 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x1:before {
    padding-bottom: 10%; }
.packery--fluid-cols-12 .packery-object--size-10x2 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x2:before {
    padding-bottom: 20%; }
.packery--fluid-cols-12 .packery-object--size-10x3 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x3:before {
    padding-bottom: 30%; }
.packery--fluid-cols-12 .packery-object--size-10x4 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x4:before {
    padding-bottom: 40%; }
.packery--fluid-cols-12 .packery-object--size-10x5 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x5:before {
    padding-bottom: 50%; }
.packery--fluid-cols-12 .packery-object--size-10x6 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x6:before {
    padding-bottom: 60%; }
.packery--fluid-cols-12 .packery-object--size-10x7 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x7:before {
    padding-bottom: 70%; }
.packery--fluid-cols-12 .packery-object--size-10x8 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x8:before {
    padding-bottom: 80%; }
.packery--fluid-cols-12 .packery-object--size-10x9 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x9:before {
    padding-bottom: 90%; }
.packery--fluid-cols-12 .packery-object--size-10x10 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x10:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-10x11 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x11:before {
    padding-bottom: 110.0%; }
.packery--fluid-cols-12 .packery-object--size-10x12 {
  width: 83.33333%; }
  .packery--fluid-cols-12 .packery-object--size-10x12:before {
    padding-bottom: 120%; }
.packery--fluid-cols-12 .packery-object--size-11x1 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x1:before {
    padding-bottom: 9.09091%; }
.packery--fluid-cols-12 .packery-object--size-11x2 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x2:before {
    padding-bottom: 18.18182%; }
.packery--fluid-cols-12 .packery-object--size-11x3 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x3:before {
    padding-bottom: 27.27273%; }
.packery--fluid-cols-12 .packery-object--size-11x4 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x4:before {
    padding-bottom: 36.36364%; }
.packery--fluid-cols-12 .packery-object--size-11x5 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x5:before {
    padding-bottom: 45.45455%; }
.packery--fluid-cols-12 .packery-object--size-11x6 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x6:before {
    padding-bottom: 54.54545%; }
.packery--fluid-cols-12 .packery-object--size-11x7 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x7:before {
    padding-bottom: 63.63636%; }
.packery--fluid-cols-12 .packery-object--size-11x8 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x8:before {
    padding-bottom: 72.72727%; }
.packery--fluid-cols-12 .packery-object--size-11x9 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x9:before {
    padding-bottom: 81.81818%; }
.packery--fluid-cols-12 .packery-object--size-11x10 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x10:before {
    padding-bottom: 90.90909%; }
.packery--fluid-cols-12 .packery-object--size-11x11 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x11:before {
    padding-bottom: 100%; }
.packery--fluid-cols-12 .packery-object--size-11x12 {
  width: 91.66667%; }
  .packery--fluid-cols-12 .packery-object--size-11x12:before {
    padding-bottom: 109.09091%; }
.packery--fluid-cols-12 .packery-object--size-12x1 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x1:before {
    padding-bottom: 8.33333%; }
.packery--fluid-cols-12 .packery-object--size-12x2 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x2:before {
    padding-bottom: 16.66667%; }
.packery--fluid-cols-12 .packery-object--size-12x3 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x3:before {
    padding-bottom: 25%; }
.packery--fluid-cols-12 .packery-object--size-12x4 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x4:before {
    padding-bottom: 33.33333%; }
.packery--fluid-cols-12 .packery-object--size-12x5 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x5:before {
    padding-bottom: 41.66667%; }
.packery--fluid-cols-12 .packery-object--size-12x6 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x6:before {
    padding-bottom: 50%; }
.packery--fluid-cols-12 .packery-object--size-12x7 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x7:before {
    padding-bottom: 58.33333%; }
.packery--fluid-cols-12 .packery-object--size-12x8 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x8:before {
    padding-bottom: 66.66667%; }
.packery--fluid-cols-12 .packery-object--size-12x9 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x9:before {
    padding-bottom: 75%; }
.packery--fluid-cols-12 .packery-object--size-12x10 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x10:before {
    padding-bottom: 83.33333%; }
.packery--fluid-cols-12 .packery-object--size-12x11 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x11:before {
    padding-bottom: 91.66667%; }
.packery--fluid-cols-12 .packery-object--size-12x12 {
  width: 100%; }
  .packery--fluid-cols-12 .packery-object--size-12x12:before {
    padding-bottom: 100%; }

html {
  font-size: 12px; }

@-moz-keyframes loginBgFadeInOut {
  0% {
    opacity: 0; }

  50% {
    opacity: .7; }

  100% {
    opacity: 0; } }
@-webkit-keyframes loginBgFadeInOut {
  0% {
    opacity: 0; }

  50% {
    opacity: .7; }

  100% {
    opacity: 0; } }
@keyframes loginBgFadeInOut {
  0% {
    opacity: 0; }

  50% {
    opacity: .7; }

  100% {
    opacity: 0; } }
@-moz-keyframes loginBgFadeOutIn {
  0% {
    opacity: .7; }

  50% {
    opacity: 0; }

  100% {
    opacity: .7; } }
@-webkit-keyframes loginBgFadeOutIn {
  0% {
    opacity: .7; }

  50% {
    opacity: 0; }

  100% {
    opacity: .7; } }
@keyframes loginBgFadeOutIn {
  0% {
    opacity: .7; }

  50% {
    opacity: 0; }

  100% {
    opacity: .7; } }
.hr-login__backdrop {
  background: url("/homeroom/assets/images/congruent_pentagon.png");
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .hr-login__backdrop:before, .hr-login__backdrop:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-animation-duration: 15s;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -moz-animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .hr-login__backdrop:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSJ0byIgeDI9IjAlIiB5Mj0idG8iPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDQ5NWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(left, #ffffff, #34495e);
    background-image: -webkit-linear-gradient(left, #ffffff, #34495e);
    background-image: linear-gradient(to right, #ffffff, #34495e);
    -moz-animation-name: loginBgFadeInOut;
    -webkit-animation-name: loginBgFadeInOut;
    animation-name: loginBgFadeInOut; }
  .hr-login__backdrop:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSJ0byIgeDI9IjAlIiB5Mj0idG8iPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiZGMzYzciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(left, #bdc3c7, #ffffff);
    background-image: -webkit-linear-gradient(left, #bdc3c7, #ffffff);
    background-image: linear-gradient(to right, #bdc3c7, #ffffff);
    -moz-animation-name: loginBgFadeOutIn;
    -webkit-animation-name: loginBgFadeOutIn;
    animation-name: loginBgFadeOutIn; }

.hr-login__modal {
  font-family: "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #212529;
  line-height: 1.5;
  position: fixed;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  height: auto !important;
  width: auto !important;
  max-height: none !important;
  max-width: none !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent; }
  .hr-login__modal p {
    margin-top: 0;
    margin-bottom: 1rem; }
  .hr-login__modal .lead {
    font-size: 1.25rem;
    font-weight: 300; }
  .hr-login__modal small,
  .hr-login__modal .small {
    font-size: 80%;
    font-weight: 400; }
  .hr-login__modal .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px; }
  .hr-login__modal .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .hr-login__modal .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .hr-login__modal .col-login {
    overflow: hidden;
    min-height: calc(17.625rem + 6px); }
  .hr-login__modal .form-group {
    margin-bottom: 1rem; }
  .hr-login__modal label {
    display: inline-block;
    margin-bottom: .5rem; }
  .hr-login__modal .MDInput.Text,
  .hr-login__modal .MDInput.Password {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    border: none;
    display: block;
    overflow: visible;
    width: 100%; }
    .hr-login__modal .MDInput.Text .Inner,
    .hr-login__modal .MDInput.Password .Inner {
      margin: 0; }
    .hr-login__modal .MDInput.Text .Placeholder,
    .hr-login__modal .MDInput.Password .Placeholder {
      display: none; }
    .hr-login__modal .MDInput.Text .Input,
    .hr-login__modal .MDInput.Password .Input {
      height: auto;
      display: block;
      width: 100%;
      color: #495057;
      background: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      box-sizing: border-box;
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; }
      .hr-login__modal .MDInput.Text .Input::-ms-expand,
      .hr-login__modal .MDInput.Password .Input::-ms-expand {
        background-color: transparent;
        border: 0; }
      .hr-login__modal .MDInput.Text .Input:focus,
      .hr-login__modal .MDInput.Password .Input:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
      .hr-login__modal .MDInput.Text .Input::-webkit-input-placeholder,
      .hr-login__modal .MDInput.Password .Input::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1; }
      .hr-login__modal .MDInput.Text .Input::-moz-placeholder,
      .hr-login__modal .MDInput.Password .Input::-moz-placeholder {
        color: #6c757d;
        opacity: 1; }
      .hr-login__modal .MDInput.Text .Input:-ms-input-placeholder,
      .hr-login__modal .MDInput.Password .Input:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1; }
      .hr-login__modal .MDInput.Text .Input::-ms-input-placeholder,
      .hr-login__modal .MDInput.Password .Input::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1; }
      .hr-login__modal .MDInput.Text .Input::placeholder,
      .hr-login__modal .MDInput.Password .Input::placeholder {
        color: #6c757d;
        opacity: 1; }
      .hr-login__modal .MDInput.Text .Input:disabled, .hr-login__modal .MDInput.Text .Input[readonly],
      .hr-login__modal .MDInput.Password .Input:disabled,
      .hr-login__modal .MDInput.Password .Input[readonly] {
        cursor: default;
        background-color: #e9ecef;
        opacity: 1; }
  .hr-login__modal .custom-select {
    display: inline-block;
    width: 100%;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: white url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: calc(2.875rem + 2px);
    font-size: 125%; }
    .hr-login__modal .custom-select:focus {
      border-color: #80bdff;
      outline: 0;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); }
    .hr-login__modal .custom-select::-ms-value {
      color: #495057;
      background-color: #fff; }
    .hr-login__modal .custom-select[multiple], .hr-login__modal .custom-select[size]:not([size="1"]) {
      height: auto;
      padding-right: 0.75rem;
      background-image: none; }
    .hr-login__modal .custom-select:disabled {
      color: #6c757d;
      background-color: #e9ecef; }
    .hr-login__modal .custom-select::-ms-expand {
      opacity: 0; }
  .hr-login__modal .custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem; }
  .hr-login__modal .custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem; }
  .hr-login__modal .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .hr-login__modal .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #007bff; }
  .hr-login__modal .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .hr-login__modal .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff; }
  .hr-login__modal .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }
  .hr-login__modal .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef; }
  .hr-login__modal .custom-control-label {
    margin-bottom: 0; }
  .hr-login__modal .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6; }
  .hr-login__modal .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%; }
  .hr-login__modal .custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem; }
  .hr-login__modal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff; }
  .hr-login__modal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
  .hr-login__modal .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff; }
  .hr-login__modal .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
  .hr-login__modal .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5); }
  .hr-login__modal .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5); }
  .hr-login__modal .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #007bff;
    line-height: 1.5;
    text-decoration: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #007bff;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem; }
    .hr-login__modal .btn:hover {
      color: #fff;
      background-color: #0069d9;
      border-color: #0062cc; }
    .hr-login__modal .btn:hover, .hr-login__modal .btn:focus {
      text-decoration: none; }
    .hr-login__modal .btn:focus, .hr-login__modal .btn.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
    .hr-login__modal .btn.disabled, .hr-login__modal .btn:disabled {
      opacity: 0.65;
      color: #fff;
      background-color: #007bff;
      border-color: #007bff; }
    .hr-login__modal .btn:not(:disabled):not(.disabled) {
      cursor: pointer; }
    .hr-login__modal .btn:not(:disabled):not(.disabled):active, .hr-login__modal .btn:not(:disabled):not(.disabled).active {
      background-image: none;
      color: #fff;
      background-color: #0062cc;
      border-color: #005cbf; }
    .hr-login__modal .btn:not(:disabled):not(.disabled):active:focus, .hr-login__modal .btn:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  .hr-login__modal .utility-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .hr-login__modal .utility-links:after {
      content: '';
      display: block; }
    .hr-login__modal .utility-links a {
      display: inline-block;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 1px solid transparent;
      line-height: 1.5;
      -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
      color: #007bff;
      background-color: transparent;
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
      border-radius: 0.2rem;
      text-decoration: none; }
      .hr-login__modal .utility-links a:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent; }
      .hr-login__modal .utility-links a:focus, .hr-login__modal .utility-links a.focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none; }
      .hr-login__modal .utility-links a.disabled, .hr-login__modal .utility-links a:disabled {
        opacity: 0.65;
        color: #6c757d; }
      .hr-login__modal .utility-links a:not(:disabled):not(.disabled) {
        cursor: pointer; }
      .hr-login__modal .utility-links a:not(:disabled):not(.disabled):active, .hr-login__modal .utility-links a:not(:disabled):not(.disabled).active {
        background-image: none; }
  .hr-login__modal-dialog,
  .hr-login__modal .MDPopover-Content {
    position: relative;
    padding: 0;
    width: auto;
    max-width: 50rem;
    margin: 1.75rem auto;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2)); }
  .hr-login__modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #f7f7f7;
    background-clip: padding-box;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    outline: 0; }
  .hr-login__modal-header {
    padding: 1.125rem 1.875rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  .hr-login__modal-title {
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.857rem; }
  .hr-login__modal-error {
    -moz-border-radius: 0.3rem 0.3rem 0 0;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem 0.3rem 0 0;
    text-align: center;
    background-color: #dc3545;
    color: #fff;
    position: relative;
    padding: .75rem 1.25rem; }
  .hr-login__modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1.875rem; }
  .hr-login__modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.125rem 1.875rem;
    border-top: 1px solid #e9ecef; }
    .hr-login__modal-footer > :not(:first-child) {
      margin-left: .25rem; }
    .hr-login__modal-footer > :not(:last-child) {
      margin-right: .25rem; }
  .hr-login__modal-footer--message {
    color: #999;
    font-size: 80%;
    display: block; }
    .hr-login__modal-footer--message p {
      margin-left: 0 !important;
      margin-right: 0 !important; }
    .hr-login__modal-footer--message p:last-child {
      margin-bottom: 0; }

.hr-login-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  background: no-repeat 50% 50%;
  background-size: contain; }

.hr-login-title {
  position: relative;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 0.5rem;
  opacity: 0; }
  .hr-login-title--animate {
    -webkit-animation: 1s fadeInDown ease 2.5s both;
    animation: 1s fadeInDown ease 2.5s both; }
  .hr-login-title small {
    font-weight: 300;
    font-size: 60%;
    color: #6c757d; }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-moz-keyframes loginFlip {
  12.5%, 50% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }

  62.5%, 100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@-webkit-keyframes loginFlip {
  12.5%, 50% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }

  62.5%, 100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@keyframes loginFlip {
  12.5%, 50% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }

  62.5%, 100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
.hr-login__flipper {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  perspective: 57.14rem;
  overflow: hidden;
  opacity: 0; }
  .hr-login__flipper--animate {
    -webkit-animation: 1s fadeInUp ease 2.5s both;
    animation: 1s fadeInUp ease 2.5s both; }
  .hr-login__flipper-card {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    bottom: 15px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .hr-login__flipper-card--animate {
      -webkit-animation: 8s loginFlip cubic-bezier(0.4, 0, 0.2, 1) 4s infinite;
      animation: 8s loginFlip cubic-bezier(0.4, 0, 0.2, 1) 4s infinite; }
    .hr-login__flipper-card-front, .hr-login__flipper-card-back {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .hr-login__flipper-card-front {
      background: url("/homeroom/assets/images/homeroom-login-logo.png") no-repeat 50% 50%;
      background-size: contain; }
    .hr-login__flipper-card-back {
      background: url("/homeroom/assets/images/homeroom-login-logo.png") no-repeat 50% 50%;
      background-size: contain;
      -webkit-transform: rotateY(-180deg);
      transform: rotateY(-180deg); }
      .hr-login__flipper-card-back--sds {
        background-image: url("/homeroom/assets/images/sds-pencil.svg");
        background-size: auto 7rem; }

body {
  line-height: 1.4; }

/* remove bottom margin from last item in printable content to prevent unecessary blank page in print */
#ActivitiesPrintableContent > div > *:last-child,
#AssessmentsStudentsThresholdViewPrintableContent > div > *:last-child,
#AssessmentsPercentageViewPrintableContent > div > *:last-child,
#AssessmentSetViewPrintableContent > div > *:last-child,
#AssessmentsStudentViewPrintableContent > div > *:last-child,
#AttendanceHistoryPrintableContent > div > *:last-child,
#CAACIAPrintableContent > div > *:last-child,
#DisciplineHistoryPrintableContent > div > *:last-child,
#StudentAccomplishmentsPrintableContent > div > *:last-child,
#V2ReferralPrintableContent > div > *:last-child,
#Student504PrintableContent > div > *:last-child,
#V2ReferralsVancouverPrintableContent > div > *:last-child,
#EntityProfilePrintableContent > div > *:last-child,
#EnrollmentsPrintableContent > div > *:last-child,
#ObservationsPrintableContent > div > *:last-child,
#SchedulePrintableContent > div > *:last-child,
#ServicesPrintableContent > div > *:last-child,
#StudentLearningPlanPrintableContent > div > *:last-child,
#GradebookViewerPrintableContent > div > *:last-child,
#AssignmentViewerPrintableContent > div > *:last-child,
#StudentGroupManagerPrintableContent > div > *:last-child,
#StudentHealthPrintableContent > div > *:last-child,
#StudentCustomAttributesPrintableContent > div > *:last-child {
  margin-bottom: 0 !important; }

/* Activities */
#ActivitiesPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#ActivitiesPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#ActivitiesPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#ActivitiesPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#ActivitiesPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  width: 97%; }

#ActivitiesPrintableContent table.TwoColumn {
  margin-left: 0; }

#ActivitiesPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#ActivitiesPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#ActivitiesPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#ActivitiesPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#ActivitiesPrintableContent table .Title {
  width: 30%; }

#ActivitiesPrintableContent table .Description {
  width: 70%; }

/* /Activities */
/* Assessments - All Students - Threshold View (Horizontal Bar Chart) */
#AssessmentsStudentsThresholdViewPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#AssessmentsStudentsThresholdViewPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#AssessmentsStudentsThresholdViewPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#AssessmentsStudentsThresholdViewPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#AssessmentsStudentsThresholdViewPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 0;
  width: 100%; }

#AssessmentsStudentsThresholdViewPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#AssessmentsStudentsThresholdViewPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#AssessmentsStudentsThresholdViewPrintableContent .HorizontalBarChartContainer {
  position: relative; }

#AssessmentsStudentsThresholdViewPrintableContent td.Name {
  vertical-align: middle; }

#AssessmentsStudentsThresholdViewPrintableContent .ThresholdMarkersContainer {
  bottom: 0;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 70%; }

#AssessmentsStudentsThresholdViewPrintableContent .ThresholdMarkersContainer .ThresholdMarker {
  border-right: 1px solid;
  bottom: 0;
  line-height: 1.1;
  padding-right: 7px;
  position: absolute;
  top: 0; }

#AssessmentsStudentsThresholdViewPrintableContent .ThresholdMarkersContainer .ThresholdMarker .ThresholdFlag {
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-right: 5px solid;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0; }

#AssessmentsStudentsThresholdViewPrintableContent td.BarContainer {
  height: 100%;
  padding: 0;
  vertical-align: middle;
  width: 70%; }

#AssessmentsStudentsThresholdViewPrintableContent .BarContainer .Bar {
  border-top: 4px solid;
  margin-top: 7px; }

#AssessmentsStudentsThresholdViewPrintableContent .BarContainer .BarScore {
  color: #000 !important;
  display: inline-block;
  font-size: 10px;
  float: right;
  line-height: 1.2;
  padding: 0 0 0 1px; }

#AssessmentsStudentsThresholdViewPrintableContent td.MetNotMetContainer.Met {
  color: #41AF43; }

#AssessmentsStudentsThresholdViewPrintableContent td.MetNotMetContainer.NotMet {
  color: #CF2619; }

/* /Assessments - All Students - Threshold View (Horizontal Bar Chart) */
/* Assessments - Percentage View (districts and schools) */
#AssessmentsPercentageViewPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#AssessmentsPercentageViewPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#AssessmentsPercentageViewPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#AssessmentsPercentageViewPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#AssessmentsPercentageViewPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 0;
  width: 100%; }

#AssessmentsPercentageViewPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#AssessmentsPercentageViewPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#AssessmentsPercentageViewPrintableContent .MemberName .MemberNameNote {
  color: #cfcfcf;
  font-size: 10px;
  line-height: 1; }

#AssessmentsPercentageViewPrintableContent .PercentageBarChartContainer {
  position: relative; }

#AssessmentsPercentageViewPrintableContent td.MemberName {
  vertical-align: middle; }

#AssessmentsPercentageViewPrintableContent th span.PerformanceLevel {
  border-left: 15px solid;
  font-weight: bold;
  margin-left: 10px;
  padding-left: 3px;
  float: right; }

#AssessmentsPercentageViewPrintableContent td.BarContainer {
  height: 100%;
  padding: 0;
  vertical-align: middle;
  width: 70%; }

#AssessmentsPercentageViewPrintableContent td.BarContainer table {
  border-collapse: separate;
  margin: 0;
  padding: 0; }

#AssessmentsPercentageViewPrintableContent td.BarContainer td {
  border: none;
  margin: 0;
  padding: 0;
  text-align: center; }

#AssessmentsPercentageViewPrintableContent .BarContainer .Bar {
  border-top: 4px solid;
  margin-top: 7px; }

#AssessmentsPercentageViewPrintableContent .BarContainer .BarScore {
  color: #000;
  display: inline-block;
  font-size: 10px;
  line-height: .9;
  padding: 0; }

/* /Assessments - Percentage View (districts and schools) */
/* Assessments - Set View */
#AssessmentSetViewPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#AssessmentSetViewPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#AssessmentSetViewPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 0 0;
  page-break-after: avoid; }

#AssessmentSetViewPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#AssessmentSetViewPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 0;
  width: 100%; }

#AssessmentSetViewPrintableContent th {
  border-bottom: 2px solid #999;
  overflow: hidden;
  padding: 0 0 3px 0;
  position: relative;
  text-align: left;
  width: 50px; }

#AssessmentSetViewPrintableContent th:first-child {
  width: auto; }

#AssessmentSetViewPrintableContent th .AssessmentNameOuterContainer {
  height: 150px;
  width: 50px; }

#AssessmentSetViewPrintableContent th .AssessmentNameContainer {
  bottom: -100%;
  display: table;
  font-weight: normal;
  height: 50px;
  line-height: 1;
  position: relative;
  width: 150px;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top; }
  .ie8 #AssessmentSetViewPrintableContent th .AssessmentNameContainer {
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

#AssessmentSetViewPrintableContent th .AssessmentName {
  display: table-cell;
  vertical-align: middle; }

#AssessmentSetViewPrintableContent td {
  border-bottom: 1px solid #efefef;
  padding: 5px;
  vertical-align: top; }

#AssessmentSetViewPrintableContent .AssessmentMemberScoreCell {
  text-align: center; }

#AssessmentSetViewPrintableContent .AssessmentMemberScoreCell .Score {
  border: 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold; }

/* /Assessments - Set View */
/* Assessments - Student View */
#AssessmentsStudentViewPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#AssessmentsStudentViewPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#AssessmentsStudentViewPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#AssessmentsStudentViewPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#AssessmentsStudentViewPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  width: 97%; }

#AssessmentsStudentViewPrintableContent table.TwoColumn {
  margin-left: 0; }

#AssessmentsStudentViewPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#AssessmentsStudentViewPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#AssessmentsStudentViewPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#AssessmentsStudentViewPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#AssessmentsStudentViewPrintableContent .SchoolYear table {
  margin-bottom: 10px; }

#AssessmentsStudentViewPrintableContent .AssessmentTest,
#AssessmentsStudentViewPrintableContent .AssessmentBar {
  page-break-inside: avoid; }

#AssessmentsStudentViewPrintableContent .AssessmentTest.StrandParent {
  page-break-after: avoid; }

#AssessmentsStudentViewPrintableContent .AssessmentTest > td.AssessmentBarContainer,
#AssessmentsStudentViewPrintableContent .AssessmentTest.StrandParent > td.AssessmentBarContainer,
#AssessmentsStudentViewPrintableContent .AssessmentTest.Strand > td.AssessmentBarContainer {
  padding: 0; }

#AssessmentsStudentViewPrintableContent .AssessmentTest.StrandParent > td,
#AssessmentsStudentViewPrintableContent .AssessmentTest.Strand > td {
  border: none; }

#AssessmentsStudentViewPrintableContent td.AssessmentLabel {
  vertical-align: middle;
  width: 30%; }

#AssessmentsStudentViewPrintableContent .AssessmentTest.Strand td.AssessmentLabel span {
  color: #cfcfcf;
  font-size: 10px; }

#AssessmentsStudentViewPrintableContent .AssessmentTest.Strand td.AssessmentLabel span:before {
  content: "- "; }

#AssessmentsStudentViewPrintableContent .AssessmentBar {
  border-collapse: separate;
  margin: 0;
  width: 100%; }

#AssessmentsStudentViewPrintableContent .AssessmentBar td {
  border: none; }

#AssessmentsStudentViewPrintableContent .ThresholdMarkersContainer td {
  padding: 0;
  text-align: right;
  vertical-align: bottom; }

#AssessmentsStudentViewPrintableContent .ThresholdMarkersContainer > td > div {
  position: relative;
  height: 12px; }

#AssessmentsStudentViewPrintableContent .ThresholdMarkersContainer .PerformanceLevelMarker {
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid;
  padding: 0;
  text-align: right;
  vertical-align: bottom; }

#AssessmentsStudentViewPrintableContent .ThresholdMarkersContainer td span {
  border-bottom: 0px solid;
  display: block;
  float: right;
  font-size: 9px;
  line-height: 1.2;
  padding: 0; }

#AssessmentsStudentViewPrintableContent .BarContainer td {
  padding: 0; }

#AssessmentsStudentViewPrintableContent .BarContainer .Bar {
  border-top: 4px solid; }

#AssessmentsStudentViewPrintableContent .BarContainer .BarScore {
  color: #000;
  display: inline-block;
  font-size: 10px;
  float: right;
  line-height: .9;
  padding: 0 0 0 1px; }

#AssessmentsStudentViewPrintableContent td.MetNotMetContainer.Met {
  color: #41AF43; }

#AssessmentsStudentViewPrintableContent td.MetNotMetContainer.NotMet {
  color: #CF2619; }

/* /Assessments - Student View */
/* Attendance History */
#AttendanceHistoryPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#AttendanceHistoryPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#AttendanceHistoryPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#AttendanceHistoryPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#AttendanceHistoryPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  width: 97%; }

#AttendanceHistoryPrintableContent table.TwoColumn {
  margin-left: 0; }

#AttendanceHistoryPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#AttendanceHistoryPrintableContent td {
  border-bottom: 1px solid #dfdfdf;
  padding: 5px;
  vertical-align: top; }

#AttendanceHistoryPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#AttendanceHistoryPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#AttendanceHistoryPrintableContent table .Present {
  color: #FFAF00; }

#AttendanceHistoryPrintableContent table .Absent {
  color: #C82300;
  font-weight: bold; }

#AttendanceHistoryPrintableContent table .Tardy {
  color: #FA6500;
  font-weight: bold; }

/* /Attendance History */
/* CAA/CIA */
#CAACIAPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#CAACIAPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#CAACIAPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid;
  position: relative; }

#CAACIAPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#CAACIAPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 0;
  width: 100%; }

#CAACIAPrintableContent table.TwoColumn {
  margin-left: 0; }

#CAACIAPrintableContent th {
  border-bottom: 2px solid #999;
  font-size: 10px;
  padding: 0 0 0 5px;
  text-align: left;
  vertical-align: bottom; }

#CAACIAPrintableContent td {
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  padding: 5px;
  vertical-align: top; }

#CAACIAPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#CAACIAPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#CAACIAPrintableContent .Legend {
  position: absolute;
  right: 0;
  font-size: 12px;
  margin-top: 6px; }

#CAACIAPrintableContent .Legend .StandardMet,
#CAACIAPrintableContent .Legend .StandardNotMet {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

#CAACIAPrintableContent table td.StudentName.Unenrolled {
  font-style: italic;
  text-decoration: line-through; }

#CAACIAPrintableContent table td.StudentName,
#CAACIAPrintableContent table td.CIA_CAA {
  white-space: nowrap; }

#CAACIAPrintableContent table td.StandardMet span,
#CAACIAPrintableContent table td.StandardNotMet span {
  font-weight: bold;
  white-space: nowrap; }

#CAACIAPrintableContent .StandardMet {
  color: #238200; }

#CAACIAPrintableContent .StandardNotMet {
  color: #DA0000; }

/* /CAA/CIA */
/* Discipline History */
#DisciplineHistoryPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#DisciplineHistoryPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#DisciplineHistoryPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#DisciplineHistoryPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#DisciplineHistoryPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  width: 97%; }

#DisciplineHistoryPrintableContent table.TwoColumn {
  margin-left: 0; }

#DisciplineHistoryPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#DisciplineHistoryPrintableContent td {
  padding: 5px;
  vertical-align: top;
  word-break: break-all;
  word-break: break-word;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

#DisciplineHistoryPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#DisciplineHistoryPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#DisciplineHistoryPrintableContent table .Title {
  width: 15%; }

#DisciplineHistoryPrintableContent table .Date {
  width: 15%; }

/* /Discipline History */
/* Student Accomplishments */
#StudentAccomplishmentsPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#StudentAccomplishmentsPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#StudentAccomplishmentsPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#StudentAccomplishmentsPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#StudentAccomplishmentsPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  width: 97%; }

#StudentAccomplishmentsPrintableContent table.TwoColumn {
  margin-left: 0; }

#StudentAccomplishmentsPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#StudentAccomplishmentsPrintableContent td {
  padding: 5px;
  vertical-align: top;
  word-break: break-all;
  word-break: break-word;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

#StudentAccomplishmentsPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#StudentAccomplishmentsPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#StudentAccomplishmentsPrintableContent table .Date {
  width: 15%; }

/* /StudentAccomplishments */
/* Student Custom Attributes */
#StudentCustomAttributesPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }
  #StudentCustomAttributesPrintableContent h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center; }
  #StudentCustomAttributesPrintableContent h2 {
    border-bottom: 2px solid black;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
    page-break-after: avoid; }
  #StudentCustomAttributesPrintableContent h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    page-break-after: avoid; }
  #StudentCustomAttributesPrintableContent table {
    border-collapse: collapse;
    margin: 0 0 40px 3%;
    width: 97%; }
  #StudentCustomAttributesPrintableContent th {
    border-bottom: 2px solid #999;
    padding: 0 0 0 5px;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap; }
  #StudentCustomAttributesPrintableContent td {
    padding: 5px;
    vertical-align: top; }
  #StudentCustomAttributesPrintableContent .StudentCustomAttributeSchoolYear {
    white-space: nowrap;
    width: 15%; }
  #StudentCustomAttributesPrintableContent .StudentCustomAttributeValue {
    text-align: center; }

/* /Student Custom Attributes */
/* Student Health */
#StudentHealthPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }
  #StudentHealthPrintableContent h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center; }
  #StudentHealthPrintableContent h2 {
    border-bottom: 2px solid black;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
    page-break-after: avoid; }
  #StudentHealthPrintableContent h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    page-break-after: avoid; }
  #StudentHealthPrintableContent .HealthConditions {
    border-collapse: collapse;
    margin: 0 0 40px 3%;
    width: 97%; }
    #StudentHealthPrintableContent .HealthConditions th {
      border-bottom: 2px solid #999;
      padding: 0 0 0 5px;
      text-align: left;
      vertical-align: bottom; }
    #StudentHealthPrintableContent .HealthConditions td {
      padding: 5px;
      vertical-align: top; }
  #StudentHealthPrintableContent .HealthLog {
    padding: 8px 0;
    border-top: 1px solid #999;
    margin-left: 3%; }
    #StudentHealthPrintableContent .HealthLog table {
      border-collapse: collapse;
      margin: 0;
      width: 100%; }
    #StudentHealthPrintableContent .HealthLog th {
      padding: 2px;
      text-align: right;
      white-space: nowrap;
      width: 1%;
      vertical-align: top; }
    #StudentHealthPrintableContent .HealthLog td {
      padding: 2px;
      vertical-align: top; }
      #StudentHealthPrintableContent .HealthLog td div {
        margin-top: 4px; }
        #StudentHealthPrintableContent .HealthLog td div:first-child {
          margin-top: 0; }

/* Student Health */
/* V2 Referrals */
#V2ReferralPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }
  #V2ReferralPrintableContent h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center; }
  #V2ReferralPrintableContent h2 {
    border-bottom: 2px solid black;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
    page-break-after: avoid; }
  #V2ReferralPrintableContent h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    page-break-after: avoid; }
  #V2ReferralPrintableContent .ReferralRecord {
    padding: 8px 0;
    border-top: 1px solid #999;
    margin-left: 3%; }
    #V2ReferralPrintableContent .ReferralRecord + h3 {
      margin-top: 40px; }
  #V2ReferralPrintableContent table {
    border-collapse: collapse;
    margin: 0;
    width: 100%; }
  #V2ReferralPrintableContent th {
    padding: 2px;
    text-align: right;
    white-space: nowrap;
    width: 1%;
    vertical-align: top; }
  #V2ReferralPrintableContent td {
    padding: 2px;
    vertical-align: top; }

/* V2 Referrals */
/* V2 Referrals Vancouver */
#V2ReferralsVancouverPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }
  #V2ReferralsVancouverPrintableContent h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center; }
  #V2ReferralsVancouverPrintableContent h2 {
    border-bottom: 2px solid black;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
    page-break-after: avoid; }
  #V2ReferralsVancouverPrintableContent h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    page-break-after: avoid; }
  #V2ReferralsVancouverPrintableContent table {
    border-collapse: collapse;
    margin: 0 0 40px 3%;
    width: 97%; }
  #V2ReferralsVancouverPrintableContent th {
    border-bottom: 2px solid #999;
    font-size: 10px;
    padding: 0 0 0 5px;
    text-align: left;
    vertical-align: bottom; }
  #V2ReferralsVancouverPrintableContent td {
    border-right: 1px solid #dfdfdf;
    padding: 5px;
    vertical-align: top; }
    #V2ReferralsVancouverPrintableContent td:last-child {
      border-right-width: 0; }
  #V2ReferralsVancouverPrintableContent .Details {
    border-top: 1px solid #dfdfdf; }
  #V2ReferralsVancouverPrintableContent .Details:last-child,
  #V2ReferralsVancouverPrintableContent .Notes:last-child {
    border-bottom: 1px solid #dfdfdf; }
  #V2ReferralsVancouverPrintableContent .Time {
    white-space: nowrap; }

/* V2 Referrals Vancouver */
/* Student 504 */
#Student504PrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }
  #Student504PrintableContent h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center; }
  #Student504PrintableContent h2 {
    border-bottom: 2px solid black;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
    page-break-after: avoid; }
  #Student504PrintableContent h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    page-break-after: avoid; }
  #Student504PrintableContent .Record {
    padding: 8px 0;
    border-top: 1px solid #999;
    margin-left: 3%; }
    #Student504PrintableContent .Record + h3 {
      margin-top: 40px; }
  #Student504PrintableContent table {
    border-collapse: collapse;
    margin: 0;
    width: 100%; }
  #Student504PrintableContent th {
    padding: 2px;
    text-align: right;
    white-space: nowrap;
    width: 1%;
    vertical-align: top; }
  #Student504PrintableContent td {
    padding: 2px;
    vertical-align: top; }

/* Student 504 */
/* Entity 504 */
#Entity504PrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }
  #Entity504PrintableContent h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-align: center; }
  #Entity504PrintableContent h2 {
    border-bottom: 2px solid black;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
    page-break-after: avoid; }
  #Entity504PrintableContent .RecordTitle {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    page-break-after: avoid; }
  #Entity504PrintableContent .Record {
    padding: 8px 0;
    border-top: 1px solid #999;
    margin-left: 3%; }
  #Entity504PrintableContent table {
    border-collapse: collapse;
    margin: 0;
    width: 100%; }
  #Entity504PrintableContent th {
    padding: 4px 2px;
    text-align: left;
    white-space: nowrap;
    width: 40%;
    vertical-align: top; }
  #Entity504PrintableContent td {
    padding: 2px;
    vertical-align: top; }
  #Entity504PrintableContent td.Label {
    width: 130px;
    white-space: nowrap; }

/* Entity 504 */
/* Entity Profile */
#EntityProfilePrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important;
  padding-bottom: 30px; }

#EntityProfilePrintableContent .EntityProfileView {
  overflow: hidden;
  display: block; }

#EntityProfilePrintableContent .EntityProfileView table {
  border-collapse: collapse;
  margin: 0;
  width: 100%; }

#EntityProfilePrintableContent .EntityProfileView .EntityName {
  padding: 0 0 0 5px;
  text-align: left;
  vertical-align: middle; }

#EntityProfilePrintableContent .EntityProfileView .EntityName span {
  font-size: 18px;
  font-weight: bold; }

#EntityProfilePrintableContent td {
  padding: 5px;
  vertical-align: top; }

#EntityProfilePrintableContent .EntityProfileView .EntityPhoto {
  padding-right: 10px;
  width: 80px; }

#EntityProfilePrintableContent .EntityProfileView .EntityPhoto div {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 80px;
  margin: 0;
  overflow: hidden;
  width: 80px; }

#EntityProfilePrintableContent .EntityProfileView .EntityPhoto div img {
  cursor: default;
  height: auto;
  width: 80px;
  max-width: 80px; }

#EntityProfilePrintableContent .EntityProfileView .EntityPhoto div img.Fpo {
  margin-top: 0; }

#EntityProfilePrintableContent .EntityProfileView .BasicPropertiesTable td {
  border: none; }

#EntityProfilePrintableContent .EntityProfileView .Column1 {
  float: left;
  width: 50%; }

#EntityProfilePrintableContent .EntityProfileView .Column2 {
  float: right;
  width: 50%; }

#EntityProfilePrintableContent .EntityProfileView .GroupHeader {
  background: none;
  clear: left;
  float: left;
  padding: 2px 0;
  width: 30%; }

#EntityProfilePrintableContent .EntityProfileView .GroupHeader span {
  color: #000;
  display: block;
  font-size: 14px;
  font-variant: small-caps;
  font-weight: bold;
  line-height: 1;
  padding: 0;
  text-align: right;
  text-transform: lowercase; }

#EntityProfilePrintableContent .EntityProfileView .DataGroup {
  float: left;
  padding: 0;
  width: 70%; }

#EntityProfilePrintableContent .EntityProfileView .DataGroup .DataGroupHeader {
  padding-top: 2px;
  padding-left: 20px; }

#EntityProfilePrintableContent .EntityProfileView .DataGroup table td {
  border: none; }

#EntityProfilePrintableContent .EntityProfileView .DataGroup .Label {
  width: 80px;
  padding-left: 20px;
  text-transform: uppercase; }

#EntityProfilePrintableContent .EntityProfileView .DataGroup .Label,
#EntityProfilePrintableContent .EntityProfileView .DataGroup .Data {
  color: #000;
  font-size: 12px;
  line-height: 1; }

#EntityProfilePrintableContent .EntityProfileView .DataGroup .Label .Type {
  display: block;
  font-family: Georgia, Times, "Times New Roman", Palatino, serif;
  font-style: italic;
  text-transform: lowercase; }

#EntityProfilePrintableContent .EntityProfileView .Family,
#EntityProfilePrintableContent .EntityProfileView .DataGroup.Students,
#EntityProfilePrintableContent .EntityProfileView .DataGroup .Spotlight,
#EntityProfilePrintableContent .EntityProfileView .DataGroup .QuickProfile {
  display: none; }

#EntityProfilePrintableContent .EntityProfileView .DataGroup .EmailAddress a {
  color: #000;
  text-decoration: none; }

/* /Entity Profile */
/* Enrollments */
#EnrollmentsPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#EnrollmentsPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#EnrollmentsPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#EnrollmentsPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#EnrollmentsPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  page-break-before: avoid;
  width: 97%; }

#EnrollmentsPrintableContent table.TwoColumn {
  margin-left: 0; }

#EnrollmentsPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#EnrollmentsPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#EnrollmentsPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#EnrollmentsPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#EnrollmentsPrintableContent table .Type {
  width: 10%; }

#EnrollmentsPrintableContent table .StartDate {
  width: 12%; }

#EnrollmentsPrintableContent table .StopDate {
  width: 18%; }

#EnrollmentsPrintableContent table .Reason {
  width: 28%; }

#EnrollmentsPrintableContent table .Notes {
  width: 32%; }

/* /Enrollments */
/* Observations */
#ObservationsPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#ObservationsPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#ObservationsPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#ObservationsPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#ObservationsPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  width: 97%; }

#ObservationsPrintableContent table.TwoColumn {
  margin-left: 0; }

#ObservationsPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#ObservationsPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#ObservationsPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#ObservationsPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#ObservationsPrintableContent table .Title {
  width: 25%; }

#ObservationsPrintableContent table .Description {
  width: 35%; }

#ObservationsPrintableContent table .Author {
  width: 20%; }

#ObservationsPrintableContent table .Date {
  width: 20%; }

/* /Observations */
/* Schedule */
#SchedulePrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#SchedulePrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#SchedulePrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#SchedulePrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#SchedulePrintableContent > div > .NoScheduleData {
  margin: 0 0 40px 3%;
  width: 97%; }

#SchedulePrintableContent table {
  border-collapse: collapse;
  width: 100%; }

#SchedulePrintableContent > div > table {
  margin: 0 0 40px 3%;
  width: 97%; }

#SchedulePrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#SchedulePrintableContent th span {
  font-weight: bold; }

#SchedulePrintableContent > div > table > tbody > tr > td,
#SchedulePrintableContent > div > table > tbody > tr > td.PlaceHolder.LastChild,
#SchedulePrintableContent > div > table > tbody > tr.ProgressReportGradeRow > td.ClassGrade:first-child + td.PlaceHolder {
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  text-align: center;
  vertical-align: top; }

#SchedulePrintableContent > div > table > tbody > tr > td.PlaceHolder:last-child {
  border-right: 1px solid #dfdfdf; }

#SchedulePrintableContent > div > table > tbody > tr > td.PlaceHolder + td.ClassName,
#SchedulePrintableContent > div > table > tbody > tr > td.PlaceHolder + td.ClassGrade {
  border-left: 1px solid #dfdfdf; }

#SchedulePrintableContent > div > table > tbody > tr > td.RowTitle {
  padding: 3px 3px 0 0;
  border-right: 1px solid #dfdfdf; }

#SchedulePrintableContent > div > table > tbody > tr > td.PlaceHolder {
  border-right: none; }

#SchedulePrintableContent .RowTitle {
  white-space: nowrap;
  text-align: left; }

#SchedulePrintableContent td.ClassName div.CellInner,
#SchedulePrintableContent td.ClassGrade div.CellInner {
  font-size: 10px;
  padding: 3px; }

#SchedulePrintableContent td.ClassGrade div.CellInner,
#SchedulePrintableContent .CreditEarningGradeRow td.PlaceHolder div.CellInner,
#SchedulePrintableContent .ProgressReportGradeRow td.PlaceHolder div.CellInner {
  border-top: 3px solid #fff;
  margin-top: -2px;
  padding-top: 0;
  position: relative; }

#SchedulePrintableContent .CreditEarningGradeRow .ClassGrade {
  font-weight: bold; }

#SchedulePrintableContent .ProgressReportGradeRow .ClassGrade {
  color: #cfcfcf; }

#SchedulePrintableContent .ClassRow .ClassName {
  font-weight: bold; }

#SchedulePrintableContent .ClassRow .ClassCode {
  font-weight: normal; }

/* /Schedule */
/* Services */
#ServicesPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#ServicesPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#ServicesPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#ServicesPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#ServicesPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  page-break-before: avoid;
  width: 97%; }

#ServicesPrintableContent table.TwoColumn {
  margin-left: 0; }

#ServicesPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#ServicesPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#ServicesPrintableContent table.TwoColumn td {
  border: none;
  padding: 3px; }

#ServicesPrintableContent td.Label {
  font-weight: bold;
  text-transform: uppercase;
  width: 15%; }

#ServicesPrintableContent table .Title {
  width: 20%; }

#ServicesPrintableContent table .Description {
  width: 40%; }

#ServicesPrintableContent table .StartDate,
#ServicesPrintableContent table .Code {
  width: 12%; }

#ServicesPrintableContent table .EndDate {
  width: 16%; }

/* /Services */
/* Student Learning Plan */
#StudentLearningPlanPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11pt;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }
  #StudentLearningPlanPrintableContent #EntityProfilePrintableContent {
    font-size: 11pt; }
    #StudentLearningPlanPrintableContent #EntityProfilePrintableContent .EntityProfileView .EntityName span {
      font-size: 18pt; }
    #StudentLearningPlanPrintableContent #EntityProfilePrintableContent .EntityProfileView .GroupHeader span {
      font-size: 11pt; }
    #StudentLearningPlanPrintableContent #EntityProfilePrintableContent .EntityProfileView .DataGroup .Label,
    #StudentLearningPlanPrintableContent #EntityProfilePrintableContent .EntityProfileView .DataGroup .Data {
      font-size: 10pt; }

#StudentLearningPlanPrintableContent h1 {
  font-size: 24pt;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#StudentLearningPlanPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18pt;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#StudentLearningPlanPrintableContent h3 {
  font-size: 14pt;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#StudentLearningPlanPrintableContent .Section {
  margin-bottom: 40px; }

#StudentLearningPlanPrintableContent ul {
  list-style: none;
  margin: 0 0 0 3%;
  padding: 0;
  width: 97%; }

#StudentLearningPlanPrintableContent table {
  border-collapse: collapse;
  margin: 0 0 0 3%;
  width: 97%; }

#StudentLearningPlanPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 0 0 5px;
  text-align: left; }

#StudentLearningPlanPrintableContent td,
#StudentLearningPlanPrintableContent ul li {
  padding: 5px;
  vertical-align: top; }

#StudentLearningPlanPrintableContent h3 + ul li:first-child,
#StudentLearningPlanPrintableContent .QualifyingConditionsList li:first-child {
  padding-top: 0; }

#StudentLearningPlanPrintableContent .QualifyingConditionsList {
  display: inline-block;
  margin: 0 0 10px 3%;
  vertical-align: top;
  width: 47%; }

#StudentLearningPlanPrintableContent .QualifyingConditions h4 {
  margin: 0 0 0 3%;
  font-weight: bold; }

#StudentLearningPlanPrintableContent .QualifyingConditions .NotesContainer {
  margin-left: 3%;
  padding: 5px; }

#StudentLearningPlanPrintableContent .GuardianInfo table + table {
  margin-top: 5px; }

#StudentLearningPlanPrintableContent .GuardianInfo th {
  border-bottom: none; }

#StudentLearningPlanPrintableContent .GuardianInfo .Label {
  text-transform: uppercase;
  white-space: nowrap;
  width: 16%; }

#StudentLearningPlanPrintableContent .RelevantAssessments .Score,
#StudentLearningPlanPrintableContent .RelevantAssessments .Level,
#StudentLearningPlanPrintableContent .RelevantAssessments .SchoolYear {
  width: 10%;
  white-space: nowrap; }

#StudentLearningPlanPrintableContent .Goals h4 {
  font-style: italic;
  font-weight: bold;
  margin: 0 0 5px 3%; }

#StudentLearningPlanPrintableContent .Goals td {
  border-bottom: 1px solid #dfdfdf; }

#StudentLearningPlanPrintableContent .Goals td.GoalLogTableRow {
  border-top: 2px solid #fff;
  font-size: 11pt;
  padding-top: 0; }

#StudentLearningPlanPrintableContent .Goals td.GoalLogTableRow th {
  border-bottom: 1px dashed #dfdfdf; }

#StudentLearningPlanPrintableContent .Goals td td {
  border: none;
  padding-top: 2px;
  padding-bottom: 2px; }

#StudentLearningPlanPrintableContent .Goals .Goal,
#StudentLearningPlanPrintableContent .Goals .GoalArea {
  width: 30%; }

#StudentLearningPlanPrintableContent .Goals .Progress {
  width: 15%; }

#StudentLearningPlanPrintableContent .Goals .Notes {
  width: 25%; }

#StudentLearningPlanPrintableContent .Goals .Intervention .Notes {
  width: 41%; }

#StudentLearningPlanPrintableContent .Goals .Intervention .Responsible {
  width: 15%; }

#StudentLearningPlanPrintableContent .Goals .ProgressAccomplishments .Progress {
  width: auto; }

#StudentLearningPlanPrintableContent .Goals .ProgressAccomplishments .Notes {
  width: 56%; }

#StudentLearningPlanPrintableContent .Communications .Date {
  white-space: nowrap;
  width: 10%; }

#StudentLearningPlanPrintableContent .Communications .Files {
  width: 14%; }

#StudentLearningPlanPrintableContent .Communications .Notes {
  width: 40%; }

#StudentLearningPlanPrintableContent .Commitments .Column {
  padding-top: 10px; }

#StudentLearningPlanPrintableContent .Commitments h3 + .Column {
  padding-top: 0; }

#StudentLearningPlanPrintableContent .Commitments p {
  font-weight: bold;
  margin: 0 0 0 3%; }

#StudentLearningPlanPrintableContent .SignatureBlock {
  margin-left: 3%; }

#StudentLearningPlanPrintableContent .SignatureBlock p {
  margin: 0;
  padding: 0; }

#StudentLearningPlanPrintableContent .SignatureBlock p + p {
  margin-bottom: 5px; }

/* /Student Learning Plan */
/* Gradebook Viewer */
#GradebookViewerPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#GradebookViewerPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#GradebookViewerPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#GradebookViewerPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#GradebookViewerPrintableContent table,
#GradebookViewerPrintableContent .EmptyAssignmentsMessage,
#GradebookViewerPrintableContent .EmptyGradingTargetsMessage {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  page-break-before: avoid;
  width: 97%; }

#GradebookViewerPrintableContent .EmptyAssignmentsMessage,
#GradebookViewerPrintableContent .EmptyGradingTargetsMessage {
  color: #999;
  font-style: italic; }

#GradebookViewerPrintableContent table.TwoColumn {
  margin-left: 0; }

#GradebookViewerPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 5px;
  text-align: left; }

#GradebookViewerPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#GradebookViewerPrintableContent table .AssignmentDueDate,
#GradebookViewerPrintableContent table .AssignmentScore,
#GradebookViewerPrintableContent table .TargetGrade {
  width: 12%; }

#GradebookViewerPrintableContent table .AssignmentScore,
#GradebookViewerPrintableContent table .TargetGrade {
  text-align: right;
  white-space: nowrap; }

#GradebookViewerPrintableContent .Late .AssignmentDueDate,
#GradebookViewerPrintableContent .Late .AssignmentName,
#GradebookViewerPrintableContent .Late .AssignmentScore {
  color: #F90; }

#GradebookViewerPrintableContent .Missing .AssignmentDueDate,
#GradebookViewerPrintableContent .Missing .AssignmentName,
#GradebookViewerPrintableContent .Missing .AssignmentScore {
  color: #DA0000; }

#GradebookViewerPrintableContent .Completed .AssignmentDueDate,
#GradebookViewerPrintableContent .Completed .AssignmentName {
  color: #41AF43; }

#GradebookViewerPrintableContent .AssignmentDescription {
  color: #999; }

#GradebookViewerPrintableContent .AssignmentDescription,
#GradebookViewerPrintableContent .AssignmentComments {
  font-size: 10px; }

/* /Gradebook Viewer */
/* Assignment Viewer */
#AssignmentViewerPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#AssignmentViewerPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#AssignmentViewerPrintableContent h2 {
  border-bottom: 2px solid black;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  page-break-after: avoid; }

#AssignmentViewerPrintableContent h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  page-break-after: avoid; }

#AssignmentViewerPrintableContent table,
#AssignmentViewerPrintableContent .EmptyAssignmentsMessage {
  border-collapse: collapse;
  margin: 0 0 40px 3%;
  page-break-before: avoid;
  width: 97%; }

#AssignmentViewerPrintableContent .EmptyAssignmentsMessage {
  color: #999;
  font-style: italic; }

#AssignmentViewerPrintableContent table.TwoColumn {
  margin-left: 0; }

#AssignmentViewerPrintableContent th {
  border-bottom: 2px solid #999;
  padding: 0 5px;
  text-align: left; }

#AssignmentViewerPrintableContent td {
  padding: 5px;
  vertical-align: top; }

#AssignmentViewerPrintableContent table .AssignmentDueDate,
#AssignmentViewerPrintableContent table .AssignmentScore {
  width: 12%; }

#AssignmentViewerPrintableContent table .AssignmentScore {
  text-align: right;
  white-space: nowrap; }

#AssignmentViewerPrintableContent .Late .AssignmentDueDate,
#AssignmentViewerPrintableContent .Late .AssignmentName,
#AssignmentViewerPrintableContent .Late .AssignmentScore {
  color: #F90; }

#AssignmentViewerPrintableContent .Missing .AssignmentDueDate,
#AssignmentViewerPrintableContent .Missing .AssignmentName,
#AssignmentViewerPrintableContent .Missing .AssignmentScore {
  color: #DA0000; }

#AssignmentViewerPrintableContent .Completed .AssignmentDueDate,
#AssignmentViewerPrintableContent .Completed .AssignmentName {
  color: #41AF43; }

#AssignmentViewerPrintableContent .AssignmentDescription {
  color: #999; }

#AssignmentViewerPrintableContent .AssignmentDescription,
#AssignmentViewerPrintableContent .AssignmentComments {
  font-size: 10px; }

/* /Assignment Viewer */
/* Student Group Manager */
#StudentGroupManagerPrintableContent {
  color: #000;
  display: block !important;
  font-family: "Hevetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  height: auto !important;
  opacity: 1;
  position: static !important;
  visibility: visible !important;
  width: 100% !important; }

#StudentGroupManagerPrintableContent h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center; }

#StudentGroupManagerPrintableContent .List {
  list-style: none; }

#StudentGroupManagerPrintableContent .List li {
  float: left;
  width: 50%; }

#StudentGroupManagerPrintableContent .List li:nth-child(odd) {
  clear: left; }

/* /Student Group Manager */

/*# sourceMappingURL=HRCompiled.css.map */