html {
    height: 100%;
}
body {
    height: 100%;
}
.wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;
    padding-bottom: 0px;
    position: relative;
}
#footer {
    position: relative;
    background-color: #F8F8F8;
    border-top: 1px solid #E7E7E7;
    padding: 3px;
}

#footer .separator {
    opacity: 0.3;
    margin: 0 10px;
}

.navbar {
    margin-bottom: 0px;
    border-radius: 0px !important;
    z-index: 1000;
}

.content {
    padding-bottom: 80px;
    /*padding-top: 50px;*/
}
body.compact ul.breadcrumb {
    /*white-space: nowrap;*/
    overflow: hidden;
    
}
.carousel-caption {
    background-color: rgba( 0,0,0,0.6 );
}
.navbar-nav>li>form {
    padding: 15px;
}

.messages .alert {
    margin: 10px 0;
}

/* ==========================================
  Compact
===========================================*/
body.compact div.sticky {
    position: absolute;
    bottom: 0px;
    top: 79px;
    left: 0px;
    right: 0px;
    /*min-height: 400px;*/
}

body.compact .row{
    margin-left: 0px;
    margin-right: 0px;
}

body.compact .row > div{
    padding-left: 0px;
    padding-right: 0px;
}

body.compact .content {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 42px;
}

body.compact .navbar {
    margin-bottom: 0px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1000;
}

body.compact .messages {
    position: absolute;
    left: 5px;
    right: 5px;
    z-index: 100;
}

body.compact .navbar-brand {
    padding: 3px;
}

body.compact .navbar-nav>li>a, body.compact .navbar-nav>li>form {
    padding-top: 11px;
    padding-bottom: 6px;
}

body.compact .navbar {
    min-height: 0;
}

body.compact .navbar-brand {
    height: 40px;
}

body.compact .navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0px;
}

body.compact .content {
    padding-bottom: 0px;
    /*padding-top: 40px;*/
}

/* ==========================================
  Window
===========================================*/

body.window #container {
    padding: 30px;
    text-align: center;
}

@media (max-width: 768px) {
  body.window #container { 
    padding: 10px;
  }
}

body.window form {
    text-align: left;
}

/* ===========================
 Results
 ============================*/
.results {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
.result {
    overflow: hidden;
    padding: 8px;
    margin-bottom: 10px;
    background-color: #fbfbfb;
    text-decoration: none;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.065);
    box-shadow: 0 1px 2px rgba(0,0,0,0.065);
}

.result.highlighted {
    border: 1px solid #F5AA6C;
    background-color: #f5f5f5;
}

.result a {
    color: #400;
}

.result.highlighted a {
    color: #600;
}

.result a:visited {
    color: #A55;
}

.hit{
    background: yellow;
}

.list {
    margin-bottom: 30px;
    margin-top: 20px;
}

.tree {
    margin-bottom: 30px;
}

/* ============    Orders     ============ */

.tree {
    margin-top: 20px;
}

#orders li {
    float: left;
    padding: 3px;
    background-image: none;
    margin: 0px;
}

#orders > ul.dynatree-container{
    border: none;
}

#orders .dynatree-connector, #orders .dynatree-icon {
    display: none;
}

/* ============    Filters     ============ */

#filters > div > ul {
    max-height: 400px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
}

#filters > div > ul > li > .dynatree-node > .dynatree-title {
    margin-bottom: 5px;
}

#filters > div > ul > li > .dynatree-node > .dynatree-expander {
    float: right;
}

#filters .dynatree-icon,
#filters .dynatree-connector  {
    display: none;
}

#filters li {
    background-image: none;
}

#filters .dynatree-folder > .dynatree-icon,
#filters .dynatree-folder > .dynatree-connector {
    display: inline-block;
}

#filters > div > ul > li > .dynatree-node > .dynatree-icon {
    display: none;
}

#filters .dynatree-title {
    white-space: normal;
    padding-bottom: 4px;
}

#filters .filter_count {
    color: gray;
}

/* =========================
   simplefilter
========================= */

#filters.simplefilter h4 a {
    border-radius: 3px;
}

#filters.simplefilter .list-group {
    max-height: 600px;
    overflow: auto;
}

#filters.simplefilter a {
    font-size: 0.9em;
    overflow: hidden;
}

#filters.simplefilter .count {
    float: right;
    font-weight: bold;
    margin-left: 5px;
}

/* ========================= */

.nav.navbar-nav.navbar-right > li > a{
    color: #e0e0e0;
    font-weight: bold;
}

.nav.navbar-nav.navbar-right > li > a:hover{
    color: #fff;
}