/******** sorttable-custom.css  ********/
/* New and improved sortable table CSS */
table.sorttable tr.sctablehead th {
  position: relative;
  padding-right: 1.2em;
  vertical-align: middle;
}
table.sorttable tr.sctablehead th[aria-sorted] {
  text-decoration: underline;
}
table.sorttable tr.sctablehead .sortarrow {
  margin-left: 1rem;
  color: #fff;
  display: block;
  width: 1.2em;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
table.sorttable tr.sctablehead .sortarrow::before {
  content: "\f0dc";
  font-family: FontAwesome;
}
table.sorttable tr.sctablehead .sortarrow.ascending::before {
  content: "\f0dd";
}
table.sorttable tr.sctablehead .sortarrow.descending::before {
  content: "\f0de";
}

/* Commented out for now, but for some client stlyes, we need to
     undo their zebra-striping and substitute our own
table.sorttable tr.odd {
  background: none;
}
table.sorttable tr.selected:nth-of-type(even) {
  background: #ECECEC;
}
*/

/* filter table classes */
.filter-table__panel button, 
.filter-table__panel input {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.5rem;
    color: #333;
    line-height: 1;
}
.filter-table__panel input[type=text] {
    background-color: #fff;
}
.filter-table__panel button {
    margin: 0 1rem;
    background-color: #ececec;
}
.filter-table__panel {
    margin: 1rem 0;
    padding: 1rem;
    width: 100%;
}
.filter-table__reset-btn {
    position: relative;
}
.filter-table__reset-btn:hover::after {
    content: attr(data-tooltip);
    display: inline-block;
    position: absolute;
    width: 120px;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    width: 110px;
    bottom: 115%;
    left: 50%;
    margin-left: -55px;
    font-size: .9rem;
}
.filtertable .filterRow:not(.selected) {
    display: none;
}
.callout {
        padding: 15px 20px;
        margin: 20px 0;
        border: 1px solid #eee;
        border-left-width: 5px;
        border-radius: 3px;
        font-size: .85em;
}
.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5 {
        margin-top: 0;
        margin-bottom: 10px;
}
.callout p {
        margin-top: 0;
        margin-bottom: 3px;
}
.callout p:last-child {
        margin-bottom: 0;
}
.callout code {
        border-radius: 3px;
}
.callout + .bs-callout {
        margin-top: -5px;
}
.callout-default {
        border-left-color: #777;
}
.callout-primary {
        border-left-color: #428bca;
}
.callout-success {
        border-left-color: #5cb85c;
}
.callout-danger {
        border-left-color: #d9534f;
}
.callout-warning {
        border-left-color: #f0ad4e;
}
.callout-info {
        border-left-color: #5bc0de;
}
.callout-bdc {
        border-left-color: #29527a;
}