/* Large devices (laptops/desktops) */
@media screen and (min-width: 992px)
{
   html
   {
      height:100%; 
      max-height:100%; 
      padding:0;
      margin:0; 
      border:0; 
      background:#fff; 
      font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
      /* hide overflow:hidden from IE5/Mac */ 
      /* \*/ 
      overflow: hidden; 
      /* */ 
   }

   body 
   {
      height:100%;
      height:100vh;
      max-height:100%;
      overflow:hidden;
      padding:0px;
      margin:0px;
      border:0px;
   }

   #content
   {
      overflow: auto;
      position: absolute;
      z-index: 3;
      top: 69px;
      bottom: 1px;
      left: 140px;
      right: 0px;
      padding-top:1ex;
      padding-bottom:1em;
      padding-right:5px;
   }

   * html #content
   {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      width:calc(100vw - 120px);
      /*max-height: 100%;*/
      width: 100%;
      overflow: auto;
      position: absolute;
      z-index: 3;
      padding-top:15px;
   }

   #head
   {
      position: absolute;
      margin: 0;
      top: 0;
      left: 120px;
      display: block;
      width: 100%;
      height: 65px;
      z-index: 10;
      overflow: hidden;
      -webkit-box-shadow: -6px 0 white, 0px 3px 3px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: -6px 0 white, 0px 3px 3px rgba(0, 0, 0, 0.2);
      box-shadow: -6px 0 white, 0px 3px 3px rgba(0, 0, 0, 0.2);
      background-color: white;
   }

   #left
   {
      position: absolute;
      left: 0px;
      top: 0px;
      /* bottom: 88px; */
      width: 120px;
      z-index: 4;
      overflow: auto;
      -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
      height:100%;
      height:100vh;
   }

   * html #left
   {
      height:100%; 
      height:100vh;
      top:0; 
      bottom:0; 
   }

   #foot
   {
      position: absolute;
      margin: 0px;
      bottom: 0px;
      left: 0px;
      display: block;
      width: 100%;
      height: 88px;
      z-index: 5;
      overflow: hidden;
   }

   #foot p, #foot div
   {
      padding-left: 150px;
   }
   
   .sm_device
   {
      display:none;
   }
   
}

/* Smaller devices */
@media screen and (max-width: 991px)
{
   html
   {
      height:100%; 
      max-height:100%; 
      padding:0;
      margin:0; 
      border:0; 
      background:#fff; 
      font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
      /* hide overflow:hidden from IE5/Mac */ 
      /* \*/ 
      overflow: hidden; 
      /* */ 
   }

   body 
   {
      height:100%;
      height:100vh;
      max-height:100%;
      overflow:hidden;
      padding:0px;
      margin:0px;
      border:0px;
   }

   #content
   {
      z-index: 3;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      padding:1em;
   }

   * html #content
   {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      z-index: 3;
   }

   #head
   {
      display:none;
   }

   #left
   {
      display:none;
   }

   * html #left
   {
      display:none;
   }

   #foot
   {
      display:none;
   }

}

#content > p,
#content > li
{
   padding-left:5px;
   padding-right:1em;
}