.html {
    scroll-behavior: smooth;
}

.page-header {
    font-size: .75rem;
    padding: 0.2rem 0.2rem .375rem 1.5rem;
}

.font12 {
    font-size: 12px;
}

.text-pink {
    --bs-text-opacity: 1;
    color: #ed11d6 !important;
}

.table-xs > :not(caption) > * > * {
    padding: .1rem
}

.border-end-1 {
    border-right: 1px var(--bs-border-style) var(--bs-border-color) !important
}



.bg-not-assigned {
    --bs-bg-opacity: 1;
    background-color: #ccc6c6 !important;
    color: #333333;
}

.bg-carrier {
    --bs-bg-opacity: 1;
    background-color: #d6b5f5 !important;
    color: #666666;
}

.bg-carrier-booked {
    --bs-bg-opacity: 1;
    background-color: #a155e8 !important;
    color: #f2f2f2;
}

.bg-haulier {
    --bs-bg-opacity: 1;
    background-color: #319efa !important;
    color: #444444;
}

.bg-collection {
    --bs-bg-opacity: 1;
    background-color: #e6ea91 !important;
    color: #fff;
}

.bg-placeholder {
    --bs-bg-opacity: 1;
    background-color: #fcfcfc !important;
    color: #444444;
}

.bg-pri9 {
    --bs-bg-opacity: 1;
    background-color: #d55151 !important;
    color: #f2f2f2;
}
.bg-zz {
    --bs-bg-opacity: 1;
    background-color: #ff0000 !important;
    color: #f2f2f2;
}
.bg-samples {
    --bs-bg-opacity: 1;
    background-color: #396e75 !important;
    color: #f2f2f2;
}

.text-not-assigned {
    color: #333333;
}

.text-carrier {
    color: #666666;
}

.text-carrier-booked {
    color: #f2f2f2;
}

.text-haulier {
    color: #f2f2f2;
}

.text-collection {
    color: #fff;
}

.text-placeholder {
    color: #444444;
}

.text-pri9 {
    color: #f2f2f2;
}
.text-zz {
    color: #f2f2f2;
}
.text-samples {
    color: #f2f2f2;
}


.border-rad-3 {
    border-radius: 3px
}