html {
  height: 100%;
}
body {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
#tempadminnav li a {
  padding: .5em .2em .5em 1em;
}
.alternateBackgrounds:nth-child(2n+1) {
  background: #f3f3f3;
}
.lightAlternateBackgrounds:nth-child(2n+1) {
  background: #f9f9f9;
}
.inherit-color,
.inherit-color:hover,
.inherit-color:focus {
  color: inherit;
}
@media only screen and (max-width: 939px) {
  .alternateBackgroundsTwoColumns:nth-child(2n+1) {
    background: #f3f3f3;
  }
}
@media only screen and (min-width: 940px) {
  .alternateBackgroundsTwoColumns:nth-child(4n+1) {
    background: #f3f3f3;
  }
  .alternateBackgroundsTwoColumns:nth-child(4n) {
    background: #f3f3f3;
  }
}
@media only screen and (min-width: 1280px) {
  .bareLayoutWrapper {
    margin-left: 16em;
    padding-top: 60px;
  }
  .bareLayoutWrapper .row {
    margin-left: 0px;
  }
  .has-top-banner .bareLayoutWrapper {
    padding-top: 100px;
  }
  #LogoSidebar {
    background: #f3f3f3;
    display: block;
    float: none;
    height: calc(100% - 60px);
    margin-top: 60px;
    position: fixed;
    width: 16em;
  }
  .has-top-banner #LogoSidebar {
    height: calc(100% - 100px);
    margin-top: 100px;
  }
  #SchoolName {
    margin-top: 3em;
    text-align: center;
  }
  #SchoolLogo {
    text-align: center;
  }
}
@media only screen and (max-width: 1279px) {
  #LogoSidebar {
    display: none;
  }
  #SchoolName {
    display: none;
  }
  #SchoolLogo {
    display: none;
  }
}