:root {
    --bs-primary: #274A96;
    --bs-secondary: #FEC112;
    --bs-danger: #BB2929;
}

body {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.text-danger {
    font-weight: 400;
}

.text-danger:hover {
    color: #D43F3F;
}

.btn-secondary {
    font-weight: 500;
    font-family: 'Inter';
    --bs-btn-color: #fff;
    --bs-btn-bg: #EA971E;
    --bs-btn-border-color: #EA971E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.table-primary {
    --bs-table-bg: #ebebeb;
}

.table {
    --bs-table-active-bg: rgba(0, 0, 0, 0.03);
}

.th {
    font-weight: 600;
}

#map {
    border-radius: 6px;
}

.location-list {
    overflow-y: scroll;
    overflow-x: none;
}

.btn-outline-primary {
    --bs-btn-color: #274A96;
    --bs-btn-border-color: #274A96;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #274A96;
    --bs-btn-hover-border-color: #274A96;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #274A96;
    --bs-btn-active-border-color: #274A96;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7d7d7d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7d7d7d;
    --bs-gradient: none;
}

.navbar {
    border-bottom: .5rem solid var(--bs-secondary) !important;
    height: 4rem;
}

.navbar-brand img {
    height: 4.7rem !important;
    position: absolute;
    top: 0px;
}

.navbar-nav {
    color: white;
    text-decoration: none;
    font-size: 1.2rem;
}

h1 {
    font-size: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bs-primary);
    font-family: 'Inter';
    font-weight: 500;
}

th {
    font-weight: 300;
}

td {
    padding-right: 1rem;
    vertical-align: middle;
    padding-bottom: .5rem;
    font-weight: 400;
}

tr[onclick] {
    cursor: pointer;
}

th {
    text-align: left;
    vertical-align: bottom;
}

tr.subtotal>td,
tr.grandtotal>td {
    border-top-width: 3px;
}

tr.grandtotal>td {
    border-top-color: #999;
}


.label {
    font-weight: bold;
}

.sub-label {
    font-size: 10px;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    color: var(--bs-body-color);
}

ul {
    list-style-type: none;
    padding-left: 0;
}

.table-primary th:first-child {
    border-top-left-radius: var(--bs-border-radius);
}

.table-primary th:last-child {
    border-top-right-radius: var(--bs-border-radius);
}

.table {
    margin-bottom: 0;
}

.table tr:last-child td:first-child {
    border-bottom-left-radius: var(--bs-border-radius);
}

.table tr:last-child td:last-child {
    border-bottom-right-radius: var(--bs-border-radius);
}

.table tr:last-child td {
    border-bottom: 0;
}

.tr1 td:nth-child(1),
.tr1 th:nth-child(1),
.tr2 td:nth-child(2),
.tr2 th:nth-child(2),
.tr3 td:nth-child(3),
.tr3 th:nth-child(3),
.tr4 td:nth-child(4),
.tr4 th:nth-child(4),
.tr5 td:nth-child(5),
.tr5 th:nth-child(5),
.tr6 td:nth-child(6),
.tr6 th:nth-child(6),
.tr7 td:nth-child(7),
.tr7 th:nth-child(7),
.tr8 td:nth-child(8),
.tr8 th:nth-child(8),
.tr9 td:nth-child(9),
.tr9 th:nth-child(9) {
    text-align: right
}

input[type=number] {
    text-align: right;
}

.note {
    font-style: italic;
    font-size: smaller;
}

.text-disabled {
    color: grey !important;
}

.vertical-buttons {
    flex-direction: column;
}

.top-margin {
    margin-top: .5rem;
}

.sort {
    cursor: pointer;
}

.sort:focus {
    outline: none;
}

.sort:after {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    position: relative;
    top: -10px;
    right: -5px;
}

.sort.asc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    content: "";
    position: relative;
    top: 4px;
    right: -5px;
}

.sort.desc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    content: "";
    position: relative;
    top: -4px;
    right: -5px;
}

.labeled-value {
    font-weight: 500;
}

#bids tr:hover td, #legentryhistory tr:hover td {
    background-color: var(--bs-table-active-bg);
}

.environment-name {
    color: #ccc;
    padding-right: 15px;
}

td a:hover {
    background-color: var(--bs-table-active-bg);
}

tr.overline td {
    border-top: 2px solid grey;
}

tr.bold td {
    font-weight: bold;
}

table.bid-line-summary {
    max-width: 280px;
}

div.route-title {
    font-weight: bold;
}

div.view-route h5 {
    margin-top: 30px;
}