/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


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

body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

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

code {
  font-size: 80%;
}

th[data-grid-property="delete"]
{
	width: 30px;
}

th[data-grid-property="mainNote"]
{
	width: 30px;
}

th[data-grid-property="observationTime"]
{
    width: 200px;
}

.breadcrumb {
    border-radius: 0;
}
/* End-of-life entries parked in the Admin dropdown's "Legacy" section (see layout.html) - muted
   and italic so they read as deprecated at a glance. */
.ksfx-legacy-item {
    font-style: italic;
    opacity: 0.65;
}

/* Project switcher as the breadcrumb root (layout :: project-crumb) - looks like a crumb, acts as a dropdown. */
.ksfx-project-crumb .dropdown {
    display: inline-block;
}

.ksfx-project-crumb-toggle {
    font-weight: 600;
    text-decoration: none;
}

.ksfx-project-crumb-toggle:hover {
    text-decoration: none;
}

.ksfx-project-crumb .dropdown-menu {
    min-width: 12rem;
}

/* Project initial badge (layout :: project-crumb) - CI navy, white letter; in the open list the
   active project's row inverts, so the badge gets a light variant there. */
.ksfx-project-badge {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 5px;
    background: #0b2142;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    vertical-align: -3px;
    margin-right: 2px;
}

.ksfx-project-crumb .dropdown-item.active .ksfx-project-badge,
.ksfx-project-crumb .dropdown-item:active .ksfx-project-badge {
    background: #fff;
    color: #0b2142;
}

/* The active project row must read as active in both themes (bootstrap-dark's own .active is too subtle). */
.ksfx-project-crumb .dropdown-item.active {
    background: #2e77d0;
    color: #fff;
}