html, body {
  height: 100%;
}

ul, ol {
  list-style-position: inside;
  padding-left: 0;
}

body {
  /*
  background-image: url("/static/media/bg/evening-lake-sky.jpg");
  */
  background-image: url("//vps.gobattlelog.com/media/bg/evening-lake-sky.jpg");
  background-attachment: fixed;
  background-size: cover;
}

.container {
  background: rgba(240,240,240,1.0);
  min-height: 100%;
}

.navbar.bg-light {
 background-color: transparent!important;
}
.navbar img.logo {
  /*
  background: rgba(61,125,202,1);
  background: rgba(0,0,0,1);
  */
}
.navbar-brand {
  padding-bottom: 0.5125rem;
}

.navbar {
  padding: 0.5rem 0rem;
}

.guide-code, .secret-menu-code {
  background-color: #fff;
}

.subscribe-highlight-list {
  background-color: #fffac2;
}
.subscribe-cta {
  background-color: #fcfcfc;
}

/*
 * dark mode 
 */
.container.darkmode {
  background: rgba(50,50,50,1.0);
  color: #aaa;
}
.modal-content.darkmode {
  background: rgba(50,50,50,1.0);
}
.container.darkmode input, .container.darkmode textarea, .container.darkmode select {
  background-color: #ccc;
}
.container.darkmode input:disabled, 
.container.darkmode textarea:disabled, 
.container.darkmode select:disabled {
  background-color: #888;
}
.guide-code.darkmode, .secret-menu-code.darkmode {
  background-color: #111;
}
.subscribe-highlight-list.darkmode {
  background-color: #222;
}
.subscribe-cta.darkmode {
  background-color: #222;
}
.monchecker-table.darkmode .table {
  color: #aaa;
}