// import the CSS framework
//@import "bootstrap";

// make all images responsive by default
//img {
//  @extend .img-responsive;
//  margin: 0 auto;
//  }

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
  background: url('../images/mainContentWrapper_bg.png');
  background-repeat:repeat-x;
  //background-position:center top; 
  background-position:0px 86px; 
  background-attachment:fixed;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: rgb(244, 247, 250);
  //background-color: #f5f5f5;
  border-top:5px solid rgb(212, 228, 239);
}

.well,
.navbar {
  background-color: rgb(244, 247, 250);
}


.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: rgb(212, 228, 239);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: rgb(212, 228, 239);
}

.modal-dialog {
  width: 700px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  //color: #555555;
  background-color: rgb(212, 228, 239);
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  //color: #ffffff;
  background-color: rgb(212, 228, 239);
}

.navbar-brand {
  font-size: inherit;
  height: 85px;
  padding: 10px;
  }


#wrap > .container {
  background-color: #fff;
  padding: 100px 15px 0;
}

.navbar-nav {
  margin-top: 15px;
}

.holauser {
  margin-top: 15px;
}

.signin {
  //margin-top: 100px;
  padding: 15px;
  margin: 0 auto;
  width: 500px;
}

.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.jumbotron {
  text-align: center;
  background-color: rgb(244, 247, 250);
}

.blockquote {
  border-left: 5px solid rgb(244, 247, 250);
}

.panel-default > .panel-heading {
  background-color: rgb(244, 247, 250);
}

/* typeahead */
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 40px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 40px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 400px;
  overflow-y: auto;
}