body.pushable > .pusher {
  background: url("../images/background-1.jpg") no-repeat 50% 100%;
  background-size: cover; }

body.login {
  background: url("../images/background-1.jpg") no-repeat 50% 100%;
  background-size: cover; }

.full.height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  .full.height .toc {
    position: fixed;
    z-index: 102;
    width: 170px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    .full.height .toc .ui.menu,
    .full.height .toc .ui.menu.inverted {
      border-radius: 0;
      border-width: 0 1px 0 0;
      box-shadow: none;
      margin: 0;
      width: inherit;
      will-change: transform;
      height: 100vh;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      background-image: url("../images/sidebar.jpg");
      background-position: 0 0;
      background-repeat: no-repeat; }
      .full.height .toc .ui.menu .item.logo a,
      .full.height .toc .ui.menu.inverted .item.logo a {
        display: block;
        height: 40px;
        background: url("../images/brand.png") no-repeat 0 50%; }
  .full.height .article {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 170px;
    position: relative;
    padding: 50px 20px; }
    .full.height .article .ui.menu.fixed {
      left: 170px;
      width: auto;
      right: 0; }
    .full.height .article .ui.segment {
      background: rgba(255, 255, 255, 0.9); }
    .full.height .article .actions {
      position: absolute;
      top: 10px;
      right: 10px; }