.truck-10 {
    background-image: url('/images/results/10-truck.png');
}

.truck-11 {
    background-image: url('/images/results/11-truck.png');
}

.truck-12 {
    background-image: url('/images/results/12-truck.png');
}

.truck-13 {
    background-image: url('/images/results/13-truck.png');
}

.truck-14 {
    background-image: url('/images/results/14-truck.png');
}

.truck-15 {
    background-image: url('/images/results/15-truck.png');
}

.truck-16 {
    background-image: url('/images/results/16-truck.png');
}

.loads-20 {
    background-image: url('/images/results/20-loads.png');
}

.loads-21 {
    background-image: url('/images/results/21-loads.png');
}

.loads-22 {
    background-image: url('/images/results/22-loads.png');
}

.loads-23 {
    background-image: url('/images/results/23-loads.png');
}

.loads-24 {
    background-image: url('/images/results/24-loads.png');
}

.loads-25 {
    background-image: url('/images/results/25-loads.png');
}

.loads-26 {
    background-image: url('/images/results/26-loads.png');
}

.loads-27 {
    background-image: url('/images/results/27-loads.png');
}

.loads-28 {
    background-image: url('/images/results/28-loads.png');
}


.list-icon.truck-10, .list-icon.truck-11, .list-icon.truck-12, .list-icon.truck-13, .list-icon.truck-14, .list-icon.truck-15,
.list-icon.truck-16, .list-icon.loads-20, .list-icon.loads-21, .list-icon.loads-22, .list-icon.loads-23, .list-icon.loads-24,
.list-icon.loads-25, .list-icon.loads-26, .list-icon.loads-27, .list-icon.loads-28 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    top: 0px;
    position: relative;
    float: right;
}

.btn-group,
.btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
    min-width: initial;
}

.btn-group > .btn + .btn,
.btn-group-vertical > .btn + .btn { margin-left: initial; }

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active { z-index: 2; }

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover { z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group { margin-left: -1px; }

.input-group > .label-pointing:before,
.btn-group > .label-pointing:before {
    margin-top: -.3125rem;
    margin-left: -.3125rem;
    width: .625rem;
    height: .625rem;
}

.input-group-sm > .label-pointing:before,
.btn-group-sm > .label-pointing:before {
    margin-top: -.25rem;
    margin-left: -.25rem;
    width: .5rem;
    height: .5rem;
}

.input-group-lg > .label-pointing:before,
.btn-group-lg > .label-pointing:before {
    margin-top: -.375rem;
    margin-left: -.375rem;
    width: .75rem;
    height: .75rem;
}

.input-group > .label-tag,
.btn-group > .label {
    float: left;
    z-index: 2;
    padding: 0.3755rem 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.input-group > .label-tag.label-pointing,
.btn-group > .label.label-pointing { line-height: 1.5rem; }

.input-group > .label-tag:first-child,
.btn-group > .label:first-child { margin-right: -.0625rem; }

/* bottom button, destination */
.input-group > .label-tag:first-child + .btn,
.btn-group > .label:first-child + .btn { z-index: 1; top: 6px!important; }

.input-group > .label-tag:last-child,
.btn-group > .label:last-child { margin-left: -.0625rem; }

.btn + .input-group > .label-tag:last-child, .btn + .btn-group > .label:last-child { z-index: 1; }

.btn-group-vertical > .label:last-child { margin-left: 0; }


.label-pointing { position: relative; width: 60px; text-align: center; }

.label-pointing:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    transform: rotate(45deg);
    z-index: 2;
    margin-top: -.25rem;
    margin-left: -.25rem;
    background-color: inherit;
    width: .5rem;
    height: .5rem;
    content: '';
}

.label-pointing-left:before {
    top: 50%;
    left: 0;
}

.label-pointing-top:before {
    top: 0;
    left: 50%;
}

.label-pointing-right:before {
    top: 50%;
    left: 100%;
}

.label-pointing-bottom:before {
    top: 100%;
    left: 50%;
}


.list-group {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 0.9375rem;
}

.list-group .label { margin-top: 0.25rem; }

.list-group .label-reflow { margin-top: 0; }

.list-group-item {
    display: block;
    position: relative;
    background-color: transparent;
    padding: 0.25rem 0;
}

a.list-group-item,
button.list-group-item {
    padding-right: 1rem;
    padding-left: 1rem;
}

.list-group-flush:not(.list-group-multi) .list-group-item {
    border-top: 1px solid rgba(55, 63, 78, 0.12);
    border-radius: 0;
}

.list-group-flush:not(.list-group-multi) .list-group-item:first-child { border-top: 0; }

.list-group-flush.list-group-multi .item {
    border-top: 1px solid rgba(55, 63, 78, 0.12);
    border-radius: 0;
}

.list-group-flush.list-group-multi .list-group-item:first-child .item { border-top: 0; }

.list-group-flush-inside .list-group-item { border-top: 0; }

.list-group-flush-inside .list-group-item:first-child .item { border-top: 0; }

.list-group-flush-inside .list-group-item .item { border-top: 1px solid transparent; }

.list-group-flush-inside .list-group-item .item:not(:first-child) { border-color: rgba(55, 63, 78, 0.12); }

.list-group-flush-inside a.list-group-item.unread:not(:first-child) .item,
.list-group-flush-inside a.list-group-item.unread + a.list-group-item .item { border-color: rgba(55, 63, 78, 0.12); }

.list-group-flush-inside a.list-group-item:focus:not(:first-child) .item,
.list-group-flush-inside a.list-group-item:focus + a.list-group-item .item, .list-group-flush-inside a.list-group-item:hover:not(:first-child) .item,
.list-group-flush-inside a.list-group-item:hover + a.list-group-item .item { border-color: rgba(55, 63, 78, 0.12); }

.list-group-multi .list-group-item {
    padding: 5px 0 25px 0;
    height: 100%;
}

.list-group-multi .list-group-item .item {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.list-group-multi a.list-group-item .item:first-child,
.list-group-multi button.list-group-item .item:first-child { padding-left: 1rem; }

.list-group-multi a.list-group-item .item:last-child,
.list-group-multi button.list-group-item .item:last-child { padding-right: 1rem; }

.list-group-multi .item {
    display: table-cell;
    vertical-align: top;
}

.list-group-multi .item:first-child { padding-right: 1rem; }

.list-group-multi .item-body { width: 10000px; }

.list-group-bordered .list-group-item {
    margin-bottom: -1px;
    border: 1px solid;
    border-color: rgba(55, 63, 78, 0.06) rgba(55, 63, 78, 0.12);
    padding-right: 1rem;
    padding-left: 1rem;
}

.list-group-bordered .list-group-item:last-child { margin-bottom: 0; }

.list-group-bordered .list-group-item + .list-group-item { margin-top: 0; }

.card > .list-group-bordered .list-group-item { border-width: 1px 0; }

.card > .list-group-bordered .list-group-item:first-child { border-top: 0; }

.card > .list-group-bordered .list-group-item:last-child { border-bottom: 0; }

.list-group-md:not(.list-group-multi) .list-group-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.list-group-md.list-group-multi .item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.list-group-lg:not(.list-group-multi) .list-group-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.list-group-lg.list-group-multi .item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

a.list-group-item,
button.list-group-item {
    width: 100%;
    color: rgba(55, 63, 78, 0.54);
    text-align: inherit;
}

a.list-group-item:focus, a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    background-color: #E4E9F4;
    color: rgba(55, 63, 78, 0.87);
    text-decoration: none;
}

a.list-group-item:focus .list-group-header,
a.list-group-item:focus .list-group-icon, a.list-group-item:hover .list-group-header,
a.list-group-item:hover .list-group-icon,
button.list-group-item:focus .list-group-header,
button.list-group-item:focus .list-group-icon,
button.list-group-item:hover .list-group-header,
button.list-group-item:hover .list-group-icon { color: inherit; }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    cursor: not-allowed;
    background-color: #E4E9F4;
    color: rgba(55, 63, 78, 0.38);
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; }

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: rgba(55, 63, 78, 0.38); }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    border-color: #6580B1;
    background-color: #6580B1;
    color: #f4f7fb;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > a,
.list-group-item.active .list-group-header,
.list-group-item.active .list-group-icon, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > a,
.list-group-item.active:focus .list-group-header,
.list-group-item.active:focus .list-group-icon, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > a,
.list-group-item.active:hover .list-group-header,
.list-group-item.active:hover .list-group-icon { color: inherit; }

.list-group-item.active .list-group-item-text,
.list-group-item.active .list-group-item-text small,
.list-group-item.active .list-group-item-text .small, .list-group-item.active:focus .list-group-item-text,
.list-group-item.active:focus .list-group-item-text small,
.list-group-item.active:focus .list-group-item-text .small, .list-group-item.active:hover .list-group-item-text,
.list-group-item.active:hover .list-group-item-text small,
.list-group-item.active:hover .list-group-item-text .small { color: #c1cce0; }

.list-group-item-success {
    background-color: #BFEECF;
    color: #249149;
}

a.list-group-item-success,
button.list-group-item-success { color: #249149; }

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading { color: inherit; }

a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    background-color: #abe9c0;
    color: #249149;
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    border-color: #249149;
    background-color: #249149;
    color: #fff;
}

.list-group-item-info {
    background-color: #C0CFEA;
    color: #2B4A84;
}

a.list-group-item-info,
button.list-group-item-info { color: #2B4A84; }

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading { color: inherit; }

a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    background-color: #adc0e4;
    color: #2B4A84;
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
    border-color: #2B4A84;
    background-color: #2B4A84;
    color: #fff;
}

.list-group-item-warning {
    background-color: #FFE2CD;
    color: #BA692E;
}

span.list-group-item-warning,
button.list-group-item-warning { color: #BA692E; }

span.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading { color: inherit; }

span.list-group-item-warning:focus, span.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    background-color: #ffd3b4;
    color: #BA692E;
}

span.list-group-item-warning.active, span.list-group-item-warning.active:focus, span.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
    border-color: #BA692E;
    background-color: #BA692E;
    color: #fff;
}

.list-group-item-danger {
    background-color: #FDCCCF;
    color: #C0303B;
}

span.list-group-item-danger,
button.list-group-item-danger { color: #C0303B; }

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading { color: inherit; }

span.list-group-item-danger:focus, span.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    background-color: #fcb3b8;
    color: #C0303B;
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
    border-color: #C0303B;
    background-color: #C0303B;
    color: #fff;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 0;
    color: #373f4e;
}

.list-group-item-heading a:not(.link) { color: inherit; }

.list-group-item-heading a:not(.link), .list-group-item-heading a:not(.link):focus, .list-group-item-heading a:not(.link):hover { text-decoration: none; }

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
    width: 93%;
}

.list-group-item-text small,
.list-group-item-text .small {
    color: rgba(55, 63, 78, 0.54);
    font-size: 0.8125rem;
}

.list-group-header,
.list-group-icon { color: rgba(55, 63, 78, 0.54); }

a.list-group-header:focus, a.list-group-header:hover,
a.list-group-icon:focus,
a.list-group-icon:hover {
    color: #373f4e;
    text-decoration: none;
}

#loadlink-search-results span.pickup, button.destination {
    width: 60px;
    cursor: default;
}

#loadlink-search-results button.destination {
    top: 4px;
    font-weight: bold;
}

button.destination.anywhere {
    border: 2px dotted #7460ee;
    background-color: #fff;
    color: #7460ee;
}

ul.search-result-item:hover {
    background: #f2f4f8;
}

ul.search-result-item span.remove-item, ul.search-result-item span.edit-item {
    width: 62px;
    text-align: center;
    margin: 0;
    position: relative;
    top: 42px;
}

ul.search-result-item span.remove-item:hover, ul.search-result-item span.edit-item:hover {
    cursor: pointer;    
}

span.pickup.act {
    background-color: gold;
}

button.destination.act {
    background-color: #fff;
    border: 1px solid gold;
    color: gold;
}

span.pickup.nsw {
    background-color: skyblue;
}

button.destination.nsw {
    background-color: #fff;
    border: 1px solid skyblue;
    color: skyblue;
}


span.pickup.vic {
    background-color: navy;
}

button.destination.vic {
    background-color: #fff;
    border: 1px solid navy;
    color: navy;
}


span.pickup.tas {
    background-color: #006A4E;
}

button.destination.tas {
    background-color: #fff;
    border: 1px solid #006A4E;
    color: #006A4E;
}


span.pickup.sa {
    background-color: red;
}

button.destination.sa {
    background-color: #fff;
    border: 1px solid red;
    color: red;
}


span.pickup.nt {
    background-color: #E65A00;
}

button.destination.nt {
    background-color: #fff;
    border: 1px solid #E65A00;
    color: #E65A00;
}


span.pickup.qld {
    background-color: #800000;
}

button.destination.qld {
    background-color: #fff;
    border: 1px solid #800000;
    color: #800000;
}


span.pickup.wa {
    background-color: #000;
}

button.destination.wa {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}


span.pickup.asap,
span.pickup.ntf,
span.pickup.anywhere {
    background-color: #fff;
    color: #000;
}

div.item-img.item.va-m img {
     width: 60px;
    height: 60px;
    margin-bottom: 10px;
}