html {
    height: 100%;
}

body {
    padding-top: 70px;
}

body.no-nav {
    padding-top: 0;
    height: 100%;
    min-height: 100%;
}

.site-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.site-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
}

ol.inside, ul.inside {
    list-style-position: inside;
}

.btn.refresh-active span {
    color: #449d44;
}

.navbar-nav > li > a {padding-top:12px !important; padding-bottom:6px !important;}
.navbar-default {min-height:40px !important}
.navbar-brand{ padding: 10px 8px;font-size: 22px;line-height: 22px;font-weight: 200;height:40px; }

#autoRefresh, #autoRefreshSummary {
    margin-top: 2px;
}

.ellipsize {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#actionsRow form {
    display: inline-block;
    padding: 0 10px;
}

#actionsRow form input {
    padding: 5px 0px;
    width: 80px;
}

.a-unstyled { color: inherit; text-decoration: none; }
.a-unstyled:link { color: inherit; text-decoration: none; }
.a-unstyled:visited { color: inherit; text-decoration: none; }
.a-unstyled:hover { color: #00B0E8; text-decoration: none; }
.a-unstyled:active { color: inherit; text-decoration: none; }

.navbar-inverse .a-unstyled { color: inherit; text-decoration: none; }
.navbar-inverse .a-unstyled:link { color: inherit; text-decoration: none; }
.navbar-inverse .a-unstyled:visited { color: inherit; text-decoration: none; }
.navbar-inverse .a-unstyled:hover { color: inherit; text-decoration: none; }
.navbar-inverse .a-unstyled:active { color: inherit; text-decoration: none; }

/** Highlight buried jobs */
#summaryTable * td.td-current-jobs-buried.hasValue, #servers-index * td.td-current-jobs-buried.hasValue {
    color: darkred;
    font-weight: bolder;
    background-color: #ffdddd;
}

/** Highlight delayed jobs */
#summaryTable * td.td-current-jobs-delayed.hasValue, #servers-index * td.td-current-jobs-delayed.hasValue {
    color: #AD532D;
    font-weight: bolder;
    background-color: #FFF3DD;
}

/** Highlight paused tubes */
tr.tr-tube-paused {
    border-left: 6px solid #FFA49A;
}

/* clear search functionality */
.search-wrapper {
    position: relative; /* Needed for absolute positioning of the child span */
    display: inline-block; /* Or block, depending on layout needs */
    width: 100%; /* Make wrapper take available width within form-group */
  }
  
  .search-wrapper .form-control.search-query {
    /* Add padding to the right so text doesn't go under the X */
    padding-right: 25px; /* Adjust as needed */
    width: 100%; /* Ensure input takes full width of wrapper */
    box-sizing: border-box; /* Include padding in the width calculation */
  }
  
  .search-wrapper .clear-search {
    position: absolute;
    right: 8px;        /* Position from the right edge of the wrapper */
    top: 50%;          /* Position vertically centered */
    transform: translateY(-50%); /* Fine-tune vertical centering */
    cursor: pointer;   /* Indicate it's clickable */
    color: #999;      /* Style the X color */
    font-weight: bold; /* Make it a bit bolder */
    font-size: 16px;   /* Adjust size if needed */
    line-height: 1;    /* Ensure consistent height */
    /* display: none;  <-- Initial state set inline in HTML, managed by JS */
  }
  
  .search-wrapper .clear-search:hover {
    color: #555; /* Darken on hover */
  }