/* Extra wide container */
@media only screen and (min-width : 1900px) {

    .container { max-width: 1900px; } 

}
/* Sticky footer styles
-------------------------------------------------- */
html {
  height: 100%;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

header,
main {
  flex-shrink: 0;
}

footer {
  margin-top: auto;
}
  
  /* Custom page CSS
  -------------------------------------------------- */
  /* Not required for template or sticky footer method. */

  code {
    font-size: 80%;
  }

  
/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}

.list-group-item.instance-active, .active-bg {
  background-color: #d9f4d9;
}
.list-group-item.instance-finished, .inactive-bg {
  background-color: #dddddd;
}