/* 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 !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

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


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 60px 15px 15px 15px;
}
.container .credit {
  margin: 20px 0;
}

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

code {
  font-size: 80%;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-sidebar {
  padding-top: 5px;
  padding-bottom: 5px;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  margin-bottom: 20px;
}

.nav-sidebar > li > a {
  display: block;
  color: #777777;
  padding: 5px 20px;
}

.nav-sidebar > li > a:hover,
.nav-sidebar > li > a:focus {
  color: #333333;
}

.nav-sidebar > li > a > .caret.pull-right {
  margin-top: 7px;
  border-top: 4px solid transparent;
  border-right: 0 dotted #777777;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #777777;
}

.nav-sidebar > li.active > a {
  color: #333333;
}

.nav-sidebar > li.active > a > .caret.pull-right {
  margin-right: -2px;
  margin-top: 9px;
  border-top: 4px solid #777777;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted #777777;
  border-left: 4px solid transparent;
}

.nav-sidebar > li > a:hover > .caret.pull-right,
.nav-sidebar > li > a:focus > .caret.pull-right {
  border-top: 4px solid transparent;
  border-right: 0 dotted #333333;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333333;
}

.nav-sidebar > li.active > a:hover > .caret.pull-right,
.nav-sidebar > li.active > a:focus > .caret.pull-right {
  border-top: 4px solid #333333;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted #333333;
  border-left: 4px solid transparent;
}


/* All levels of nav */
.nav-sidebar .nav {
  background-color: #fff;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  text-shadow: none;
}
.nav-sidebar .nav > li > a {
  display: block;
  color: #333;
  padding: 5px 25px;
}
.nav-sidebar .nav > li > a:hover,
.nav-sidebar .nav > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #428bca;
}

.nav-sidebar .nav > li > a.loading:hover,
.nav-sidebar .nav > li > a.loading:focus {
  background-image: url("/img/menu-loader.gif");
  background-position: 5px 50%;
  background-repeat: no-repeat;
}

.nav-sidebar .nav > .active > a {
  font-weight: bold;
}
/*
.nav-sidebar .nav > .active:hover > a,
.nav-sidebar .nav > .active:focus > a {
  background-color: #FFFFFF;
  color: #428BCA;
}
*/
/* Nav: second level (shown on .active) */
.nav-sidebar .nav .nav {
  display: none; /* Hide by default, but at >768px, show it */
  margin-bottom: 8px;
}
.nav-sidebar .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-size: 90%;
}

/* Show the side nav when space allows it */
@media screen and (min-width: 992px) {
  .nav-sidebar .nav > .active > ul {
    display: block;
  }
}

.mode-edit { background-color: #f5f5f5; }
.clickable { cursor: pointer; text-decoration: underline; }
.clickable:hover, .clickable:focus { text-decoration: none; }
.clickable:empty:before { content: 'Empty'; }

.list-unstyled .checkbox input { margin-right: 10px; }

.table > tbody > tr.green > td {
	background: #66cc99;
}
.table > tbody > tr.green-yellow > td {
	background: #c6ff7c;
}
.table > tbody > tr.yellow > td {
	background: #ffcc99;
}
.table > tbody > tr.red > td {
	background: #ff6666;
}
.table > tbody > tr.blue > td {
	background: #3399ff;
}
.table > tbody > tr.orange > td {
	background: #ffc57a;
}
.table > tbody > tr.cyan > td {
	background: #4fd3ff;
}
.table > tbody > tr.purple > td {
	background: #e400ff;
	color: #111111;
}
.table > tbody > tr.brown > td {
	background: #b76333;
	color: #dddddd;
}
.table > tbody > tr.pinc > td {
	background: #ff8ebd;
	color: #111111;
}
.table > tbody > tr.salad > td {
	background: #d5ffc9;
	color: #111111;
}
.table > tbody > tr.silver > td {
	background: #c9c9c9;
	color: #111111;
}

.navbar-default {
    background-color: #f5f5f5;
}