html, body { width: 100%; height: 100%;}
    body { margin: 0;}
    
    #titlebar { width:100%; padding:0; border: 0; font-size: 1.6em;line-height:32px;}
    #titlebar div.user-logon { float:right; margin-top: 0em; height: 30px;}
    #titlebar div.user-logon > div { display: inline-block; margin-left: 0em; vertical-align: middle;}
    #remainder { width:100%; display: table; }
    #main-menu { float: left; width: 50px; height:100%; display: table-cell; border: 0; }
    #content { height:100%; display: table-cell; vertical-align: top; width: 100%; border: 0; }
    #content>div { height: 100%; box-sizing:border-box; padding: 1em; }
    .menu_item {
      width: .5in;
      height: .5in;
      //background-color: #eee;
    }
    .menu_item img {
      width: 70%;
      height: 70%;
      margin: .05in 15%;
    }
    .menu_item div { display: none; }
    #logon-user { font-size: 62.5%; }
    #logon-user-menu { display: none; position: absolute; z-index: 1000; font-size: 75%; }
    #logon-user-menu a { text-decoration: none; }
    .test-server {
      transform: rotate(90deg);
      font-size: large;
      white-space: nowrap;
      padding: 0 1em;
      color: white;
      animation: blinker 2s linear infinite;
    }
    @keyframes blinker {
      50% {opacity: .25; }
    }
    .select2-selection--multiple {
      color: black;
    }

.hidden-element { display: none; }


.loader,
.loader:before,
.loader:after {
  position: absolute;
  top:-0px;
  left:300px;
  background: #ddd;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ddd;
  text-indent: -9999em;
  margin: 68px auto;
  position: absolute;
  top:20px;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}