.sidebar{
    background-color: #002469;
    background-image: url('/assets/images/icon-blue.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
}

.btn-primary{
    background-color: #002469;
}

.bg-status-awaiting-load{
    background-color: #CCE6FF;
}

.bg-status-loading{
    background-color: #CCE6FF;
}

.bg-status-awaiting-transport{
    background-color: #5B9FE3;
}

.bg-status-transit{
    background-color: #5B9FE3;
}

.bg-status-awaiting-unload{
    background-color: #003E7E;
}

.bg-status-unloading{
    background-color: #003E7E;
}

.bg-status-completed{
    background-color: #1cbb8c;
}

.bg-status-lost{
    background-color: #dc3545;
}

.bg-status-canceled{
    background-color: #dc3545;
}

.bg-status-rejected{
    background-color: #dc3545;
}

.fs-7{
    font-size: 14px;
}

.fs-8{
    font-size: 12px;
}

.timeline {
    list-style-type: none;
    position: relative
}

.timeline:before {
    background: #dee2e6;
    height: 100%;
    left: 9px;
    width: 2px
}

.timeline-item:before,.timeline:before {
    content: " ";
    display: inline-block;
    position: absolute;
    z-index: 1
}

.timeline-item:before {
    background: #fff;
    border: 3px solid #3b7ddd;
    border-radius: 50%;
    height: 20px;
    left: 0;
    width: 20px
}


.card-title {
    color: #939ba2;
    font-size: .925rem;
    font-weight: 600;
}
.badge-success-light, a.badge-success-light {
    background-color: rgba(28,187,140,.15);
    color: #1cbb8c;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #495057bf !important;
}

.stat {
    align-items: center;
    background: #d3e2f7;
    border-radius: 50%;
    color: #3b7ddd;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.compare-task-checkbox-label{
    border: 1px solid #fff;
    display: block;
    padding: 10px;
}
.compare-task-checkbox{
    position: relative;
    left: calc(100% - 1.5rem);
    top: 26px;
}
.compare-task-checkbox:checked + .compare-task-checkbox-label {
    border: 1px solid #ccc;
}