html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  color: #324678;
  font-family: Verdana, Sans Serif;
}


      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -40px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 40px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      #wrap > .container {
        padding-top: 70px;
      }

.pointer {
    cursor: pointer;
}

hr { 
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,255,0), rgba(0,0,255,0.75), rgba(0,255,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,255,0), rgba(0,0,255,0.75), rgba(0,0,255,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,255,0), rgba(0,0,255,0.75), rgba(0,0,255,0));
    background-image: -o-linear-gradient(left, rgba(0,0,255,0), rgba(0,0,255,0.75), rgba(0,0,255,0));
}


#footer{
    font-size: 11px;
}

#btn_user { 
font-family: monospace; 
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
   color: red;
}