img {
    image-rendering: pixelated;
}

/* permalinks */

.anchor_link {
  display: inline-block;
  vertical-align: middle;

  font-size: inherit;
  width: 1.1em;
  height: 1.1em;
  margin-left: 0;
  margin-top: -0.2em;

  background: url("../img/anchor_link.svg") no-repeat center;
  background-size: contain;

  opacity: 0.5;
  text-decoration: none;
}

/* Intent feedback only */
.anchor_link:hover,
.anchor_link:focus {
  opacity: 1;
}

/* --------- */

td.number, th.number {
    text-align:right;
    padding-right:8px;
}
th a.table-link-dark, td a.table-link-dark {
    color: #333;
}
.tablesorter-header {
    cursor:pointer;
}

.tablesorter-headerAsc, .tablesorter-headerDesc {
    background-color:#0077CC;
    color:#fff;
}

.hero-unit {
    color:#fff;
    background-color:#3878bc;
    background-image:url('../img/hero_bg_gradient.png');
    background-repeat:repeat-x;
    border-radius:0;
    border-bottom:solid 1px #000;
    border-top:solid 1px #14347c;
    padding-bottom:40px;
}

.vehicle-table td {
    vertical-align: middle;
}

td.vehicle-image {
    padding-bottom: 13px;
    text-align: center;
}

/* tech tree */

.tech_tree_vehicle_container {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    width: 160px;
    height: 125px;
}

.tech_tree_vehicle {
    border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    width:130px;
    background: #f5fcff;
    position: absolute;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px #fff, inset 0 -1px #fff;
}

.tech_tree_vehicle_electric_ohle {
    background: #fff5ff;
}
.tech_tree_vehicle_electro_diesel {
    background: #f5fff7;
}

.tech_tree_vehicle_arrow:after, .tech_tree_vehicle_arrow:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0);
}
.tech_tree_vehicle_arrow:before {
    border-left-color: rgba(0, 0, 0, 0.5) !important;
    margin-top: -21px;
    border-width: 21px;
}
.tech_tree_vehicle_arrow:after {
    border-left-color: #f5fcff !important;
    margin-top: -20px;
    border-width: 20px;
}

.tech_tree_vehicle_electric_ohle:after {
    border-left-color: #fff5ff !important;
}
.tech_tree_vehicle_electro_diesel:after {
    border-left-color: #f5fff7 !important;
}

/* tree table tooltips */

.has-child-branch-tooltip {
    position: relative; /* Needed for the absolute positioning of the tooltip */
    // display: inline-block; /* So it wraps nicely */
}

.child-branch-tooltip {
    display: none; /* Hidden by default */
    position: absolute;
    top: 66%;
    left: 0;
    background: #333;
    color: white;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    z-index: 10;
}
.child-branch-tooltip ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.has-child-branch-tooltip:hover .child-branch-tooltip {
    display: block;
}

/* livery list */

table.livery-list-table {
    background: #e0f4fc;
    border-radius: 4px;
}
table.livery-list-table tr:first-of-type td:first-child {
    border-top-left-radius: 4px;
}
table.livery-list-table tr:last-of-type td:first-child {
    border-bottom-left-radius: 4px;
}
table.livery-list-table td {
    margin: 0;
    padding-left: 24px;
    padding-right: 24px;
}
table.livery-list-table tbody tr:first-of-type td {
    padding-top: 12px;
}
table.livery-list-table tbody tr:last-of-type td {
    padding-bottom: 16px;
}