@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=League+Gothic:wdth@100&family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:wght@400;700&family=Paytone+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('theme-converter.css');
@import url('entente-typeahead.css');
@import url('login-page.css');
@import url('accessorial-picker.css');
@import url('address-book.css');
@import url('quote-holder.css');
@import url('widget-dialog.css');
@import url('home-page.css');
@import url('market-coverage-dialog.css');
@import url('incumbent-carriers-dialog.css');
@import url('load-board-dialog.css');
@import url('quote-board.css');
@import url('admin-screen.css');
@import url('load-bid.css');
@import url('clock-holder.css');

/*.app-logo {
    background-image: url(https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31);*/
/*    background-image: url(../images/planet-freight-logo.png);*/
/*}*/

.bid-carrier-item-list .dblrow {
    display: flex;
    flex-direction: column;
    row-gap: 0.1em;
}

    .bid-carrier-item-list .dblrow .small {
        font-size: 90%;
        text-decoration: underline;
    }

flexrow {
    display: flex;
    flex-direction: row;
}

flexcol, flexcol-full {
    display: flex;
    flex-direction: column;
}

flexcol-full {
    height: 100%;
}

.flex-fixed-size {
    flex-grow: 0;
    flex-shrink: 0;
}

.scroll-holder {
    position: relative;
    overflow: hidden;
}

.scroll-container {
    overflow: auto;
    height: 100%;
}

.dat-logo {
    background-position: center;
    background-image: url(../images/dat-logo-black.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.truckstop-logo {
    background-position: center;
    background-image: url(../images/truckstop_logo2022.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.sylectus-logo {
    background-position: center;
    background-image: url(../images/SylectusLogo.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.bid .grid-item .carrier-source, .bid .grid-item .carrier-source-small {
    background-position: center center;
    background-size: 1em;
    background-repeat: no-repeat;
}

.bid .grid-item .carrier-source-t span, .bid .grid-item .carrier-source-h span, .bid .grid-item .carrier-source-d span, .bid .grid-item .history-source-h span, .bid .grid-item .market-source-m span {
    visibility: hidden;
}

.bid .grid-item .carrier-source-t, .bid .grid-item .carrier-source-h {
    background-image: url(../images/truckstop_logo_noname2022.svg);
}

.bid .grid-item .carrier-source-d {
    background-image: url(../images/dat-short.svg);
}

.bid .grid-item .history-source-h {
    /* https://www.svgrepo.com/svg/513272/book-closed */
    background-image: url(../images/book-closed-svgrepo-com.svg);
}

.bid .grid-item .market-source-m {
    /* https://www.svgrepo.com/svg/513148/map */
    background-image: url(../images/map-svgrepo-com.svg);
}

.navigation {
    user-select: none;
}

    .navigation a, .navigation a {
        color: white;
        text-decoration: none;
        cursor: pointer;
    }

    .navigation .icon-holder {
        display: flex;
        flex-direction: row;
        column-gap: 0.1em;
        align-items: center;
    }

.navigation-min .scroll-container > flexcol-full {
    row-gap: 1.1rem;
}

.navigation-expand .scroll-container > flexcol-full {
    row-gap: 0.8rem;
}

.navigation .icon-holder .icon {
    width: 1.5em;
    text-align: center;
}

.navigation-expand {
    width: 10.2em;
}

    .navigation-expand .icon {
        font-size: 150%;
        padding-right: 0.5rem;
    }

    .navigation-expand .scroll-container, .navigation-min .scroll-container {
        padding: 0.8rem;
    }

.navigation-min {
    width: 4.1em;
}

    .navigation-min flexcol {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .navigation-min .icon {
        font-size: 200%;
    }

    .navigation-min .nav-text {
        display: none;
    }

.main-container {
    flex-grow: 1;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0em;
}

/* COLOR INFORMATION */
.market .market-header .header-item-label {
    color: black;
}

.market .market-header .header-item-data {
    color: #444;
}

.market .market-address {
    border-color: #DDDDDD;
}

    .market .market-address .direction-up {
        color: red;
    }

    .market .market-address .direction-down {
        color: blue;
    }

.market .address-lines {
    color: #666;
}

.market .address-citystate {
    color: black;
}

.market .market-stats .market-label {
    color: #666;
}

.market .market-stats .market-value .dat-dot {
    color: green;
}

.option-chooser .option-item {
    user-select: none;
}

    .option-chooser .option-item.selected {
        font-weight: bold;
    }

.market .dat-logo {
    width: 8em;
    height: 1.4em;
}

.market .truckstop-logo {
    width: 9em;
    height: 1.4em;
}

input.militarytime, .app-form-grid input.militarytime, .references-holder input.militarytime {
    width: 2.5rem;
}

.references-holder .militarytime-print, .app-form-grid .militarytime-print, .manual-tracking .militarytime-print {
    font-size: 90%;
}

.references-holder .required-ref {
    font-weight: bold;
}

.app-load-board {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0rem;
    padding: 1em;
    padding-bottom: 0.8rem;
    row-gap: 0.8rem;
    border-bottom: solid 2px #CCCCCC;
}

.app-load-entry-section-holder {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 1.5rem;
}

/*    .app-load-entry-section-holder .app-section-button {
        padding: 0.2rem 1.2rem;
        border-radius: 6px;
        box-shadow: 0 3px 5px #ccc;
        cursor: pointer;
        min-width: 9rem;
        margin: 0rem 1rem;
        text-align: center;
        font-size: 1.3rem;
        font-family: 'PT Sans Narrow', sans-serif;
    }
*/

.app-card {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
    border-radius: 2px;
}

.app-header, .app-button, .option-chooser .option-item, .dialog-box .button-holder input {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.app-checkbox {

    font-size: 110%;
}
    .app-checkbox input[type=checkbox] {
        width: 1.5em;
        height: 1.5em;
    }
    .app-checkbox label {
        cursor: pointer;
        display: flex;
        column-gap: 0.2em;
    }

.app-button, .option-chooser .option-item {
    font-family: 'PT Sans Narrow', sans-serif;
    cursor: pointer;
    padding: 0.2rem 0.8rem;
    user-select: none;
    border: none;
}
.app-button {
    font-size: 1.3rem;
}
    .app-button:hover:not([disabled]) {
        outline: solid 2px black;
    }

.option-chooser button.option-item, .app-button {
    border-radius: 4px;
    text-align: center;
}

.section-icon {
    padding: 0.3rem 0.5rem;
}
.section-icon img {
    height: 3rem;
}

.w3-theme.app-button.disabled, .w3-theme-l4.app-button.disabled {
    color: #A0A0A0 !important;
    cursor: default !important;
}

.app-header {
    padding: 0.3rem 1.0rem;
    border-radius: 2px;
}

    .app-header .app-title {
        font-size: 1.6rem;
    }

    .app-header .app-title, .app-header .lb-search-option {
        font-family: 'PT Sans Narrow', sans-serif;
    }

.app-content {
    padding: 0.8rem 0.5rem 0.6rem 0.6rem;
}

    .app-content fieldset {
        border-style: solid;
        border-radius: 5px;
    }

        .app-content fieldset legend {
            padding: 0.2rem 0.8rem;
            border-radius: 4px;
        }

        .app-content fieldset > div:first-of-type {
            padding: 0.3rem 0.0rem 0.0rem 0.0rem;
        }

.app-loadentry-stops {
    display: flex;
    flex-direction: column;
    gap: 1.0rem 1.0rem;
}

.app-loadentry-stops-detail {
    display: flex;
    flex-direction: row;
    gap: 1.0rem 1.0rem;
    flex-wrap: wrap;
}

.app-load-entry-stop-holder {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 1.5rem;
}

.app-load-entry-stop-action-holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    row-gap: 0.7rem;
}

.app-loadentry-stops-detail .stop-datetime-timezone {
    width: 8rem;
}

.tracking-info-holder, .attachments-info-holder {
    padding: 1.0rem;
}

.attachments-info-holder {
    display: flex;
    column-gap: 1rem;
}

.app-load-entry-stop-action-holder .app-load-entry-stop-placement {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 0;
    margin-top: 0.5rem;
}

    .app-load-entry-stop-action-holder .app-load-entry-stop-placement .app-arrow {
        font-family: 'League Gothic', sans-serif;
        font-size: 1.5rem;
        text-align: center;
        width: 1rem;
        cursor: pointer;
    }

    .app-load-entry-stop-action-holder .app-load-entry-stop-placement .app-number {
        font-family: 'League Gothic', sans-serif;
        font-size: 4.0rem;
        text-align: center;
        width: 2.1rem;
    }

.app-load-entry-stop-holder input[type="date"] {
    width: 8rem;
}

.app-load-entry-stop-holder input[type="time"] {
    width: 6.5rem;
}

.app-load-entry-stop-info-holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 0.5rem;
}

.app-load-entry-stop-info-header {
    display: flex;
    flex-direction: row;
    column-gap: 1.5rem;
    align-items: center;
}

    .app-load-entry-stop-info-header .app-stop-type {
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 2.2rem;
    }

    .app-load-entry-stop-info-header .app-stop-action-list {
        margin-top: 0.5rem;
    }

.app-load-entry-stop-actions {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    row-gap: 1.0rem;
    column-gap: 1.0rem;
}

    .app-load-entry-stop-actions i {
        font-size: 1.2rem;
        cursor: pointer;
    }

.app-load-entry-details-grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0.5em 0.5em;
    align-items: center;
}

    .app-load-entry-details-grid label {
        justify-self: right;
    }

.references-holder, .app-form-grid {
    display: grid;
    grid-gap: 0.3em 0.5em;
    align-items: center;
    grid-template-columns: auto auto auto auto;
}

    .app-form-grid input, .app-form-grid output, .app-form-grid textarea, .app-form-grid select, .app-form-grid button, .app-form-grid .app-full-content,
    .references-holder input, .references-holder output, .references-holder textarea, .references-holder select, .references-holder button,
    .references-holder .app-full-content, .app-form-grid .fill-grid-form {
        width: auto;
        grid-column: 2/-1;
    }

        .references-holder input.can-delete-ref, .references-holder output.can-delete-ref, .references-holder textarea.can-delete-ref, .references-holder select.can-delete-ref, .references-holder button.can-delete-ref {
            grid-column: 2/-2;
        }

    .references-holder .delete-ref {
        width: 1.3rem;
        height: 1.3rem;
        cursor: pointer;
    }

    .references-holder label, .app-form-grid label {
        text-align: right;
    }

.app-load-entry-new-entry {
    font-size: 1.8rem;
    font-family: 'Barlow Condensed';
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
    margin-left: 1.0rem;
    text-transform: uppercase;
}

.app-load-entry-stop-holder:last-of-type .app-load-entry-new-entry {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
}

.app-data-grid-bids {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
}

    .app-data-grid-bids span:nth-child(6n+1):nth-last-child(-n+6),
    .app-data-grid-bids span:nth-child(6n+1):nth-last-child(-n+6) ~ span {
        border-bottom: none;
    }

.app-data-grid-tracking {
    display: grid;
    grid-template-columns: minmax(15rem, auto) minmax(25rem, auto) minmax(10rem, auto);
}

    .app-data-grid-tracking span:nth-child(3n+1):nth-last-child(-n+3),
    .app-data-grid-tracking span:nth-child(3n+1):nth-last-child(-n+3) ~ span {
        border-bottom: none;
    }

.app-data-grid-items {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto 20em auto;
}
/*    .app-data-grid-items span:nth-child(5n+1):nth-last-child(-n+5),
    .app-data-grid-items span:nth-child(5n+1):nth-last-child(-n+5) ~ span {
        border-bottom: none;
    }
*/
.app-data-grid span {
    padding-left: 0.2rem;
    padding-right: 1.4rem;
}

    .app-data-grid span:not(.app-grid-header), .app-data-grid-tracking .tracking-loc {
        border-top: solid 1px;
        padding-top: 0.3rem;
        padding-bottom: 0.25rem;
    }

    .app-data-grid-tracking .tracking-loc .coordinates {
        font-size:85%;
    }
        .app-data-grid-tracking .tracking-loc .coordinates:empty {
            display: none;
        }

        .app-data-grid span.app-grid-header {
            font-weight: bold;
            font-size: 1.1em;
            border-bottom: solid 2px;
        }

.app-data-grid-tracking span:not(.app-grid-header), .app-data-grid-tracking .tracking-loc {
    height: 3.5em;
}

.item-builder {
    display: grid;
    grid-column: auto auto auto auto;
    column-gap: 0.5rem;
    row-gap: 0.2rem;
}

    .item-builder .pickup-row, .item-builder .description-row, .item-builder .pallets-row {
        grid-column-start: 2;
        grid-column-end: 5;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        column-gap: 0.2rem;
    }

    .item-builder .pallets-row div {
        display: flex;
    }

    .item-builder .item-stackable {
        padding-left: 1rem;
    }

    .item-builder .item-label {
        text-align: right;
    }

    .item-builder .pickup-edit select {
        min-width: 4rem;
    }

    .item-builder .item-weight input {
        width: 5em;
    }

    .item-builder .item-description input {
        width: 20em;
    }

    .item-builder .item-pallet input {
        width: 3.5em;
    }

    .item-builder .item-dimensions input {
        width: 4.5em;
    }

    .item-builder .item-pcs input {
        width: 3.5em;
    }

    .item-builder .item-action, .item-builder .item-hazmat {
        grid-column-start: 1;
        grid-column-end: 5;
    }

        .item-builder .item-action input {
            margin-top: 0.2rem;
            width: 100%;
        }

    .item-builder .item-hazmat .hazmat-options {
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 0.5rem;
        row-gap: 0.2rem;
    }

.no-item-builder {
    width: 15rem;
}

.market, .bid {
    font-family: 'PT Sans', sans-serif;
}

    .market .market-header {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        column-gap: 1.0rem;
        row-gap: 0.0rem;
    }

        .market .market-header .header-item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            column-gap: 0.3rem;
        }

        .market .market-header .header-item-label {
            font-weight: bold;
        }

    .market .market-content-holder {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .market .market-orig-dest {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 1.5rem;
        width: 100%;
    }

    .market .market-address {
        padding: 1.1rem;
        padding-right: 2rem;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 1.1rem;
    }

    .market .market-stop-holder {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: auto auto;
        row-gap: 0.5rem;
        column-gap: 0.8rem;
    }

        .market .market-stop-holder .stop-item {
            border-style: solid;
            border-width: 1px;
            border-color: #DDDDDD;
            padding: 0.3rem 0.5rem;
            column-gap: 0.5rem;
            align-items: center;
        }

        .market .market-stop-holder .stop-type {
            font-size: 150%;
        }

    .market .market-address .market-direction {
        font-size: 200%;
        font-weight: bold;
    }

    .market .market-address .market-address-lines {
        display: flex;
        flex-direction: column;
        row-gap: 0.1em;
    }

    .market .market-address .address-citystate {
        font-size: 200%;
    }

    .market .market-stop-holder .address-citystate {
        font-size: 120%;
    }

    .market .address-citystate {
        font-weight: bold;
        text-transform: uppercase;
    }

    .market .market-address .address-name {
        font-weight: bold;
    }

    .market .market-stats {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 4.5rem;
    }

    .market .market-stat {
        display: flex;
        flex-direction: column;
        row-gap: 0.1rem;
    }

    .market .dat-market-rate .spot-miles {
        column-gap: 0.5em;
    }

    .market .spot-header {
        font-weight: bold;
        font-size: 110%;
    }

    .market .spot-logo img {
        max-width: 8em;
        max-height: 1.4em;
    }

    .market .market-stats .market-value .main-value {
        font-weight: bold;
    }

    .market .load-summary {
        row-gap: 0.2rem;
        align-content: flex-start;
    }

        .market .load-summary .summary-item {
            display: flex;
            flex-direction: row;
            column-gap: 0.4rem;
            align-items: center;
        }

        .market .load-summary .sum-type {
            font-weight: bold;
        }

    .market .market-rate-height-even {
        margin-left: auto;
    }

    .market .market-rates-holder {
        margin-left: auto;
        flex-direction: row;
        column-gap: 2em;
        height: fit-content;
    }

    .market .rate-estimate {
        min-height: 8em;
        border: 1px solid lightgrey;
        border-radius: 5px;
        padding: 0.4em 0.6em 0.4em 0.6em;
        height: 100%;
    }

    .market .spot-rate-header-holder {
        align-items: center;
        column-gap: 1.0em;
        justify-content: space-between;
    }

    .market .ts-rate-estimate {
        width: 25em;
        row-gap: 0.3em;
    }

        .market .ts-rate-estimate .ts-rate-stats {
            margin-top: 1em;
            text-align: center;
            width: 100%;
            background-color: #ededed;
            padding: 0.3em;
        }

    .market .dat-market-rate {
        width: 23em;
        row-gap: 0.3em;
    }

        .market .dat-market-rate .equipment-type .option-item {
            font-size: 1.2em;
        }

        .option-chooser {
            display: flex;
            flex-direction: row;
            justify-content: stretch;
            column-gap: 0.5em;
        }

            .option-chooser .option-item {
                flex: 1 1 0;
                padding: 0.1em 0.4em 0.2em 0.4em;
                text-align: center;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .market .option-chooser .option-item.selected {
        }

    .market .spot-rate-amounts {
        column-gap: 1.0em;
        margin-bottom: 0.1em;
    }

    .market .all-in-rates {
        column-gap: 0.5em;
        align-items: center;
        font-weight: bold;
        margin-bottom: -0.2em;
    }

    .market .all-in-rate {
        font-size: 150%;
    }

    .market .all-in-mile-rate {
        font-size: 100%;
    }

    .market .included-fuel-cost {
        font-weight: bold;
    }

    .market .dat-rate-stats {
        align-self: center;
    }

    .market .rate-spans {
        column-gap: 1.0em;
        justify-content: flex-start;
    }

        .market .rate-spans .rate {
            font-weight: bold;
        }

    .market .dat-market-rate .loading {
        justify-content: center;
        padding: 0.3em 0.5em;
    }

    .market .no-rate-information {
        justify-content: center;
        padding: 0.3em 0.5em;
        font-size: 110%;
    }

.full-load-editor {
    position: relative;
}

    .full-load-editor .cover-page {
        position: absolute;
        top: -1.1rem;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .full-load-editor .cover-page-background {
        opacity: 0.5;
        background-color: #666666;
        z-index: 998;
    }

    .full-load-editor .cover-page-text {
        z-index: 999;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .full-load-editor .cover-page-text-holder {
        background-color: white;
        padding: 1rem;
        border: solid #666666 2px;
        box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        display: flex;
        flex-direction: row;
        column-gap: 1rem;
        align-items: center;
    }

        .full-load-editor .cover-page-text-holder .text {
            font-size: 150%;
        }

    .full-load-editor .bid {
        height: 100%;
    }

    .full-load-editor .load-title-holder {
        width: 100%;
        padding-right: 2rem;
        align-items: center;
        column-gap: 1rem;
    }

        .full-load-editor .load-title-holder .load-number-holder {
            display: flex;
            flex-direction: row;
            column-gap: 1.0rem;
            align-items: center;
        }

            .full-load-editor .load-title-holder .load-number-holder .app-button {
                font-size: 90%;
            }

        .full-load-editor .load-title-holder .load-number {
            font-size: 200%;
            font-weight: bold;
        }

        .full-load-editor .load-title-holder .right-side, .full-load-editor .load-title-holder .move-right-side {
            align-items: flex-end;
        }

        .full-load-editor .load-title-holder .move-right-side {
            flex-grow: 1;
        }

        .full-load-editor .load-title-holder .logistically-load-number {
            font-size: 110%;
        }

        .full-load-editor .load-title-holder .logistically-load-status {
            font-size: 80%;
        }

    .accessorials-display {
        display: flex;
        flex-direction: column;
        row-gap: 0.5em;
    }
    .accessorials-display-bid {
        margin-top: 0.5em;
        display: flex;
        flex-direction: column;    
    }
    .accessorials-display-bid span {
        font-size: 85%;
    }

    .accessorial-list .accessorial-summary-holder {
        column-gap: 1em;
        margin-bottom: 0.5em;
        align-items: flex-start;
    }

    .accessorial-list .accessorial-summary {
        width: 100%;
    }

    .accessorial-list .accessorial-expand-close-button-holder {
    }

.bid {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
}

    .bid .indent-holder {
        padding-left: 1em;
    }

    .bid .bid-accept-popup {
        display:
    }

    .bid .bid-tool-bar {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 2em;
        font-size: 200%;
        row-gap: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #cccccc;
        border-right: 2px solid #aaaaaa;
    }

        .bid .bid-tool-bar .tool-bar-item {
            width: 1.5em;
            text-align: center;
            cursor: pointer;
        }

        .bid .bid-tool-bar .tool-bar-selected {
            font-weight: bold;
            font-size: 120%;
        }

    .bid .tool-bar-shortcuts {
        display: none;
    }

    .bid .close-button {
        font-size: 32pt;
        padding: 0px;
        margin: 0px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .bid .bid-carrier-items-container {
        background-color: #F5F5F5;
        flex-grow: 1;
        position: relative;
    }

    .bid .bid-carrier-items {
        padding: 1em;
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
        padding-bottom: 1rem;
    }

    .bid .bid-carrier-item-list {
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
        margin-top: 0.3rem;
    }

    .bid .bid-carrier-list-header {
        display: flex;
        flex-direction: row;
        column-gap: 1.5rem;
        align-items: center;
    }

        .bid .bid-carrier-list-header .helper-items {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            column-gap: 0.8rem;
            align-items: center;
        }

        .bid .bid-carrier-list-header .header-expander {
            user-select: none;
            cursor: pointer;
            column-gap: 0.4em;
            align-items: center;
        }

        .bid .bid-carrier-list-header .header-text {
            font-size: 150%;
        }

        .bid .bid-carrier-list-header .board-search-options {
            display: flex;
            flex-direction: row;
            column-gap: 1em;
            flex-grow: 1;
        }

            .bid .bid-carrier-list-header .board-search-options .deadhead-miles {
                display: flex;
                flex-direction: row;
                column-gap: 0.4em;
            }

            .bid .bid-carrier-list-header .board-search-options input {
                width: 3.5em;
            }

    .bid .bid-board-list-holder .bid-carrier-list-header {
    }

    .bid .re-open-bid-holder {
        padding-bottom: 1rem;
    }

    .bid .re-open-bid-button {
        text-align: center;
    }

    .bid .bid-carrier-item-list .bid-carrier-item-list-loading {
        font-size: 250%;
        margin-top: 0.5em;
        margin-left: 1.0em;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 0.3em;
        align-items: center;
    }

    .bid .bid-board-list-holder .bid-carrier-item-list-loading {
        font-size: 120%;
        font-weight: bold;
        display: flex;
        flex-direction: row;
        justify-content: center;
        column-gap: 0.3em;
        align-items: center;
    }

        .bid .bid-board-list-holder .bid-carrier-item-list-loading .lds-dual-ring:after {
            width: 1.3rem;
            height: 1.3rem;
            margin: 0px;
            margin-right: 5px;
            margin-left: 5px;
            border-width: 2px;
        }

    .bid .bid-board-list-holder .bid-load-board-item-list .bid-carrier-item-list-loading {
        padding-top: 1.5rem;
    }

    .bid .bid-board-list-holder .bid-carrier-list-header .app-button {
        font-size: 110%;
    }

    .bid .show-all-results-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        .bid .show-all-results-container .button {
            padding: 0.35em 1em 0.4em 1em;
            border-radius: 0.5em;
            margin-top: 0.3em;
            width: 80%;
            text-align: center;
            cursor: pointer;
            box-shadow: 1px 1px 3px #cacaca, -1px -1px 3px #f6f6f6;
            font-weight: bold;
            letter-spacing: 5px;
        }

    .bid .history-grid-layout {
        display: grid;
        grid-template-columns: auto 4em 4em 11em 3em 3em 3em 4em 4em 4em 17em;
        column-gap: 0.6rem;
        justify-items: flex-start;
        align-content: center;
        align-items: center;
        padding: 0.3rem 0.5rem;
        cursor: pointer;
    }

    .contact-phone-holder {
        display: flex;
        flex-direction: row;
        column-gap: 0.5em;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        max-width: stretch;
        overflow: auto;
    }

        .contact-phone-holder .contact {
        }

        .contact-phone-holder .phone {
            font-size: 90%;
            flex-grow: 10;
            text-align: end;
            width: 100%;
            max-width: fit-content;
            word-wrap: anywhere;
        }

.loading-data-holder {
    font-size: 120%;
    margin-top: 0.5em;
    margin-left: 1.0em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 0.3em;
    align-items: center;
}

    .loading-data-holder .lds-dual-ring:after {
        width: 1.3rem;
        height: 1.3rem;
        margin: 0px;
        margin-right: 5px;
        margin-left: 5px;
        border-width: 2px;
    }

.no-results-available-holder {
    display: flex;
    flex-direction: row;
    width: 80%;
    font-size: 110%;
    column-gap: 1em;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.7em;
}

    .no-results-available-holder .line {
        flex-grow: 1;
        background-color: #A0A0A0;
        height: 1px;
    }
    .no-results-available-holder .text {
        letter-spacing: 1px;
    }

.bid .history-holder .option-chooser {
    width: 25em;
}

.bid .expand-results-count {
    min-width: 2.2em;
}

    .bid .expand-results-count .lds-dual-ring:after {
        width: 1.3rem;
        height: 1.3rem;
        margin: 0px;
        margin-right: 5px;
        margin-left: 5px;
        border-width: 2px;
    }

.bid .marketcoverage-grid-layout {
    display: grid;
    grid-template-columns: 2.5em auto 4em 4em 3em 3em 25em 17em 6em 6em;
    column-gap: 0.6rem;
    justify-items: flex-start;
    align-content: center;
    align-items: center;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
}

    .bid .marketcoverage-grid-layout .rank, .bid .marketcoverage-grid-layout .org, .bid .marketcoverage-grid-layout .dst {
        justify-self: center;
        text-align: center;
    }

        .bid .marketcoverage-grid-layout .reportlane {
            justify-self: flex-end;
            width:100%;
        }

            .bid .marketcoverage-grid-layout .reportlane .app-button {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
                padding-top: 0em;
                font-size: 110%;
            }

        .bid .marketcoverage-grid-layout.item .rank {
            font-size: 120%;
            font-weight: bold;
        }

    .bid .marketcoverage-grid-layout .no-coverage {
        text-decoration: line-through;
    }
    .bid .marketcoverage-grid-layout .preferred {
        font-weight: bold;
    }
    .bid .marketcoverage-grid-layout .terminal {
        color:green;
    }
    .bid .equip .matched {
        font-weight: bold;
    }
    .bid .equip .unmatched {
    }
.bid .tl-history .no-data-available {
    grid-column: span 6;
    justify-self: center;
    letter-spacing: 2px;
}

    .bid .load-truck-list {
        display: grid;
        column-gap: 0.5rem;
        justify-items: flex-start;
        align-content: center;
        align-items: center;
        padding: 0.3rem 0.5rem;
        cursor: pointer;
    }


.bid .tl-loadboard .load-truck-list {
    grid-template-columns: 2em auto 8em 4em 3em 3em 4em 12em 3em 12em 3em 12em 4em 4em;
}
.bid .tl-history .load-truck-list {
    grid-template-columns: 2em auto 8em 18em 3em 3em 3em 5em 5em 5em 23.5em;
}
.bid .tl-market .load-truck-list {
    grid-template-columns: 2em auto 8em 29em 26.5em 6em 6em;
}

.bid .tl-history .length-selection-holder {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .bid .tl-history .length-selection-holder .text-description {
        padding-right: 0.5em;
    }

    .bid .tl-history .length-selection-holder .option-chooser {
        width: 30em;
    }

    .bid .bid-truck-list-holder .dnu-indent-holder {
        display: flex;
        flex-direction: column;
        row-gap: 1em;
    }

    .bid .carrier-information {
        justify-self: flex-start;
    }

    .bid .carrier-grid-item, .bid .history-grid-item, .bid .marketcoverage-grid-item {
        box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
        break-inside: avoid;
    }

        .bid .carrier-grid-item.bid-winner {
            margin-bottom: 1.5rem;
        }

.bid .carrier-grid-item, .bid .history-grid-item, .bid .marketcoverage-grid-item, .bid .load-board-grid-item {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: white;
}

.bid .carrier-grid-item, .bid .history-grid-item, .bid .marketcoverage-grid-item, .bid .load-board-grid-item, .bid .bid-winner-holder {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.bid .history-grid-layout .avg, .bid .history-grid-layout .min, .bid .history-grid-layout .max {
    justify-self: flex-end;
}

    .bid .history-grid-layout .status-good, .bid .marketcoverage-grid-item .status-good {
        overflow: hidden;
        height: 0.6em;
    }

    .bid .history-grid-item .status-unvetted, .bid .marketcoverage-grid-item .status-unvetted {
        overflow: hidden;
        height: 0.8em;
    }

        .bid .bid-winner-holder {
            justify-content: center;
            align-items: center;
            width: 100%;
            background-color: rgba(255, 0, 0, 0.15);
            padding-top: 0.1rem;
            padding-bottom: 0.1rem;
            color: red;
            font-weight: bold;
            font-size: 80%;
            letter-spacing: 3px;
            column-gap: 0.5rem;
        }

    .bid .bid-winner-text {
        text-transform: uppercase;
        font-size: 100%;
    }


    .bid .grid-item .carrier-source {
        font-size: 200%;
    }

    .bid .grid-item .carrier-information {
        display: flex;
        align-items: center;
    }

    .bid .carrier-status-small {
        display: none;
    }

    .bid .carrier-grid-item .carrier-status, .bid .history-grid-item .carrier-status, .bid .marketcoverage-grid-item .carrier-status, .bid .carrier-status-small {
        padding-right: 0.25em;
    }

    .bid .carrier-status {
        font-size: 200%;
        line-height: 0.5em;
        min-width: 1.9rem;
    }

.bid .load-truck-list .item, .bid .load-board-grid-layout .item {
    overflow: auto;
    width: 100%;
    text-align: left;
}

    .bid .carrier-grid-item .carrier-rate {
        font-size: 130%;
    }

.bid .load-truck-list .carrier-rate {
    text-align: center;
    justify-self: center;
}

.bid .carrier-layout .carrier-name, .incumbent-dialog .carrier-layout .carrier-name {
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
}

.bid .carrier-layout .carrier-dot-mc-holder, .incumbent-dialog .carrier-layout .carrier-dot-mc-holder {
    display: flex;
    flex-direction: row;
    font-size: 90%;
    column-gap: 1em;
}

    .bid .bid-load-board-item-list {
        display: flex;
        flex-direction: column;
        row-gap: 0.4rem;
        margin-top: 0.3rem;
    }

    .bid .load-board-grid-layout {
        display: grid;
        grid-template-columns: 2em 3em auto 4em 3em 3em 4em 12em 3em 12em 3em 12em 4em 4em;
        column-gap: 0.5rem;
        justify-items: flex-start;
        align-content: center;
        align-items: center;
        padding: 0.1rem 0.5rem;
        cursor: pointer;
    }

        .bid .load-board-grid-layout .lb-age, .bid .load-board-grid-layout .carrier-source-small {
            justify-self: center;
            text-align: center;
        }

        .bid .carrier-source-small, .bid .grid-item .carrier-source {
            grid-column-start: 1;
        }

    .bid .load-board-grid-item {
        box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    }

    .bid .load-board-grid-layout .unit {
        color: #999999;
    }

.post-to-loadboards {
    position: relative;
}

    .post-to-loadboards .inner-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .post-to-loadboards .cover-background {
        z-index: 1;
        background-color: rgba(255,255,255,0.95);
    }

    .post-to-loadboards .cover-content {
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .post-to-loadboards .inner-content-positioning {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 0.5em;
    }

        .post-to-loadboards .inner-content-positioning .lds-dual-ring::after {
            width: 3rem;
            height: 3rem;
        }

        .post-to-loadboards .inner-content-positioning .inner-text {
            font-weight: bold;
            font-size: 130%;
        }

.post-to-loadboards .bid-form {
    min-width: 24em;
}

.load-board-dialog .buttons.save-options, .incumbent-dialog .buttons.save-options, .spotquote-dialog .buttons.save-options {
    align-self: center;
    margin-top: 1.00em;
}

.post-to-loadboards .buttons input[type=button]
{
    min-width:7em;
}

.post-to-loadboards .board-list-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1.3em;
}

.post-to-loadboards .post-options-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.7em;
}
    .post-to-loadboards .post-options-holder .board-selecter {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 0.5em;
    }

        .post-to-loadboards .post-options-holder .board-selecter input[type=checkbox] {
            width: 2em;
            height: 2em;
        }

    .post-to-loadboards .post-options-holder .post-options {
        padding-left: 2.5em;
        display: flex;
        flex-direction: column;
        row-gap: 0.5em;
    }

        .post-to-loadboards .post-options-holder .post-options input[type=number] {
            text-align: right;
        }

        .post-to-loadboards .post-options-holder .post-options input, .post-to-loadboards .post-options-holder .post-options select {
            font-size: 100%;
            padding: 0.2em;
        }

        .post-to-loadboards .post-options-holder .post-options .input-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            column-gap: 0.4em;
            row-gap: 0.2em;
        }
        
        .post-to-loadboards .post-options-holder .post-options .sylectus-notes {
            display:grid;
            grid-template-columns: max-content auto;
        }

.post-options select {
    max-width: 15em;
}

.post-options .sylectus-notes .notes-field {
    grid-column: 2/-1;
}

.post-options .sylectus-notes .notes-field textarea {
    width: 100%;
    height: 3.8em;
    min-width: 15em;
}

        .post-to-loadboards .post-options-holder .post-options .optional {
            font-style: italic;
            font-size: 80%;
        }

.post-to-loadboards .dat-logo {
    width: 13em;
    height: 1.7em;
    background-position: left center;
}

.post-to-loadboards .truckstop-logo {
    width: 13em;
    height: 1.4em;
    background-position: left center;
}

.post-to-loadboards .sylectus-logo {
    width: 13em;
    height: 1.4em;
    background-position: left center;
}

.post-to-loadboards .error-message {
    margin-top: 0.9em;
    max-width: 40em;
    max-height: 4em;
    overflow:auto;
}

    .post-to-loadboards .error-message:empty {
        margin-top: 0.0em;
    }

    .user-not-enabled div {
        text-align: left;
    }

    .user-not-enabled-warning {
        font-size: 130%;
        margin-bottom: 0.1rem;
    }

    .user-not-enabled-help {
        font-size: 80%;
        width: 22em;
    }

    .bid .search-holder {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 0.3rem;
        font-size: 115%;
    }

.lds-dual-ring {
    display: block;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 2rem;
        height: 2rem;
        margin: 8px;
        border-radius: 50%;
        border-width: 4px;
        border-style: solid;
        border-color: black transparent black transparent;
        animation: lds-dual-ring 1.5s linear infinite;
    }

.bid-carrier-item-list .lds-dual-ring:after {
    width: 3rem;
    height: 3rem;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.lds-ellipsis {
    position: relative;
    height: 16px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 4px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #000;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 24px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 40px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(16px, 0);
    }
}

.dialog-box {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9990;
}

    .dialog-box .hide-content {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: black;
        opacity: 0.33;
        z-index: 9991;
    }

    .dialog-box .content-container {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 9992;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dialog-box .content-shadow-box {
        background-color: white;
        box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.33);
        border: solid 2px #333333;
        padding: 1.5rem;
        border-radius: 7px;
        min-width: 35rem;
        min-height: 15rem;
        display: flex;
        flex-direction: column;
        row-gap: 0.8rem;
    }

    .dialog-box .header-item {
        font-size: 150%;
        font-weight: bold;
    }

    .dialog-box .content-holder {
        max-width: 40rem;
    }

    .dialog-box .button-holder {
        display: flex;
        flex-direction: row;
        justify-content: center;
        column-gap: 1.5rem;
        flex-grow: 1;
        align-items: end;
        margin-top: 0.5rem;
    }

        .dialog-box .button-holder input {
            max-width: 10rem;
            padding: 0.5rem 3rem;
            border-radius: 3px;
            border: solid 1px #666666;
            margin:1px;
            cursor: pointer;
            outline: none;
        }

            .dialog-box .button-holder input:hover {
                border: solid 2px #666666;
                margin-top: 0px;
                margin-bottom: 0px;
            }

            .dialog-box .button-holder input:focus-within {
                font-weight: bold;
            }

.lb-main-container {
    width: 100%;
    height: 100%;
    overflow: auto;
}

    .lb-main-container > flexcol {
        padding: 0.8rem;
        padding-bottom: 0rem;
        height: 100%;
    }

    .lb-main-container .carrier-status-grid {
        font-size: 150%;
        line-height: 0.8rem;
        overflow: hidden;
        padding-bottom: 0.25rem;
    }

.lb-content tablerow {
    display: grid;
    width: 100%;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.open-load-board .lb-content tablerow {
    grid-template-columns: 8em minmax(8em, 35em) minmax(5em, 12em) minmax(10em, 37em) minmax(5em, 7em) minmax(5em, 10em) minmax(10em, 17em);
}

.covered-load-board .lb-content tablerow {
    grid-template-columns: 8em minmax(12em, 25em) minmax(9em, 18em) minmax(12em, 35em) minmax(12rem, 40em);
}

.lb-content twrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
    row-gap: 0.2rem;
}

    .lb-content twrapper.addr-full {
        grid-template-columns: minmax(8em,10em) minmax(3rem, 7rem);
    }

        .lb-content twrapper.addr-full tcolumn.addr-state {
            justify-content: center;
        }

.lb-content tcolumn.carrier {
    column-gap: 0.4rem;
}

.lb-content twrapper.carrier-log-num {
    grid-template-columns: minmax(10em, 30em) 8em;
}

.lb-content tcolumn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-overflow: initial;
    overflow: auto;
    white-space: normal;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.lb-content tablerow {
    border-bottom: 1px solid #e0e0e0;
    border-collapse: collapse;
    padding-top: 5px;
    padding-bottom: 3px;
}

    .lb-content tablerow.header {
        font-weight: bold;
        padding-top: 6px;
        padding-bottom: 6px;
    }

.lb-content twrapper.mode-hold {
    --column-width-min: 8em;
}

.lb-content twrapper.load-cust {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .lb-content twrapper.load-cust .cust {
        flex: 1 1 10em;
        min-width: 8em;
    }
    .lb-content twrapper.load-cust .load-num {
        flex: 0 0 8em;
    }

    .lb-content twrapper.ship-dates {
        --column-width-min: 6em;
    }

.lb-content twrapper.originfull-destinationfull {
    --column-width-min: 12em;
    row-gap: 0.3rem;
}

.lb-content twrapper.addr-full {
    --column-width-min: 10em;
}

.lb-content twrapper.carrier-log-num {
    --column-width-min: 12em;
}
.lb-content twrapper.load-status {
    --column-width-min: 3.5em;
}

.lb-content tcolumn.load-num {
    cursor: pointer;
    text-decoration: underline;
}

.lb-content .header tcolumn.load-num {
    text-decoration: none;
}

.lb-main-container .lb-header-title {
    justify-content: space-between;
    column-gap: 0.7rem;
    align-items: center;
    font-family: 'PT Sans Narrow', sans-serif;
}

.lb-main-container .lb-header-holder {
    margin-bottom: 1.5rem;
}

.lb-main-container .lb-search-option > span {
    cursor: pointer;
    font-size: 1.2rem;
}

.lb-main-container .header tcolumn {
    cursor: pointer;
}

.lb-content .no-results-found {
    display: flex;
    justify-content: center;
    font-size: 120%;
    padding: 0.5em;
    grid-column: 1/-1;
}

.sort-items, .sort-items .item {
    display: inline-flex;
    flex-direction: row;
    align-items: start;
    align-content: center;
    column-gap: 0.4rem;
}

    .sort-items .item {
        column-gap: 0.2rem;
        cursor: pointer;
        user-select: none;
    }

.full-load-editor .bid {
    height: 100%;
}

.bid .bid-holder {
    padding-bottom: 0.5rem;
    text-align: left;
    justify-content: center;
    align-items: stretch;
    column-gap: 1em;
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.load-editor-holder {
    padding: 1rem;
    width: 100%;
    row-gap: 1.5rem;
}

    .load-editor-holder .equipment-id {
        font-size: 100%;
    }

    .load-editor-holder .loading {
        font-size: 120%;
        padding: 0.5em 1em;
    }

    .bid .truck-bid-holder {
        border-top: solid 1px #eeeeee;
    }

.bid .actions-holder {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    column-gap: 0.5rem;
}

.bid .bid-holder, .truck-bid-holder .actions-holder {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
}

    .bid .bid-holder input.has-changes, .bid .bid-holder textarea.has-changes, .truck-bid-holder .bid-form .equipment-type.has-changes select, .load-editor-holder .invalid-value, .accept-truck-pricing input.has-changes, .post-to-loadboards .invalid-value {
        border-style: dashed;
        border-color: red;
        border-width: 1px;
    }

    .truck-bid-holder .actions-holder input, .truck-bid-holder .bottom-action-holder input {
        font-size: 110%;
    }

    .truck-bid-holder .actions-holder .actions-left {
        column-gap: 0.8em;
        align-items: center;
        flex-grow: 1;
    }

    .truck-bid-holder .actions-holder .actions-right {
        column-gap: 0.5em;
        align-items: center;
    }

        .truck-bid-holder .actions-holder .actions-right .bid-text {
            font-size: 120%;
            font-weight: bold;
            text-align: end;
            text-transform: uppercase;
        }

        .truck-bid-holder .actions-holder .actions-right .bid-amount {
            width: 5em;
        }

.truck-bid-holder .bottom-action-holder {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    grid-column: 1/-1;
}

.truck-bid-holder .title-text {
    font-size: 120%;
    text-decoration: underline;
    text-align: center;
    padding-bottom: 0.3rem;
}

.bid-form {
    row-gap: 0.3em;
    column-gap: 1.0rem;
}

.bid-response-conditions-holder, .bid-form .carrier-decline {
    display: grid;
    grid-template-columns: max-content auto;
    justify-items: start;
    column-gap: 0.3em;
    align-content: flex-start;
}

    .bid-form .carrier-decline {
        justify-content: center;
    }

.truck-bid-holder .bid-input-expires-on-date {
}

.truck-bid-holder .bid-input-expires-on-time {
}

.truck-bid-holder .bid-input-ask-amount, .bid-input-bid-amount {
    width: 6em;
}

.bid-form .bid-amounts {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.5rem;
    row-gap: 0.2rem;
    align-content: flex-start;
}

    .bid-form .bid-amounts .label {
        justify-self: flex-end;
    }

    .bid-form .bid-amounts input[type=number] {
        text-align: right;
    }

.bid-form .bid-carrier-details {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.5rem;
    row-gap: 0.2rem;
    align-content: flex-start;
}

.truck-bid-holder .bid-form .not-declined {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear;
}
.truck-bid-holder .bid-form .is-declined {
    visibility: hidden;
    opacity:0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
}

.truck-bid-holder .bid-form .equipment-type {
    justify-content: center;
    column-gap: 0.5rem;
}

    .truck-bid-holder .bid-form .equipment-type select {
        min-width: 10rem;
        max-width: 18rem;
    }

.truck-bid-holder .bid-input-to-carrier-notes {
    width: 100%;
    height: 5.5em;
    margin-top: 0.2em;
}

.truck-bid-holder .bid-input-condition-notes, .carrier-bid-entry .bid-input-condition-notes {
    width: 15em;
    height: 5.5em;
    margin-top: 0.2em;
}

.carrier-bid-entry .bid-input-condition-notes {
    width: 100%;
}

.truck-bid-holder .communication-log-holder {
    border-left: solid 1px black;
    border-right: solid 1px black;
    padding-left: 1em;
    padding-right: 1.0rem;
    min-width: 35rem;
}

    .truck-bid-holder .communication-log-holder .log-buttons {
        padding-bottom: 0.3em;
        justify-content: center;
        column-gap: 0.7em;
    }

.truck-bid-holder .communication-grid-scroll {
    max-height: 8rem;
    overflow: auto;
}

.truck-bid-holder .communication-grid {
    display: grid;
    grid-template-columns: max-content auto max-content;
}

    .truck-bid-holder .communication-grid .header {
        font-weight: bold;
        text-decoration: underline;
        font-size: 110%;
        position: sticky;
        top: 0px;
        background-color: white;
    }

    .truck-bid-holder .communication-grid .item {
        padding-top: 1px;
        padding-bottom: 2px;
    }

    .truck-bid-holder .communication-grid .item-date {
        padding-left: 0.2em;
    }

    .truck-bid-holder .communication-grid .item-type {
        padding-left: 1em;
        padding-right: 1em;
    }

    .truck-bid-holder .communication-grid .item-user {
        padding-right: 0.5em;
    }

    .truck-bid-holder .communication-grid > div.item:nth-child(6n+1), .truck-bid-holder .communication-grid > div.item:nth-child(6n+2), .truck-bid-holder .communication-grid > div.item:nth-child(6n+3) {
        background: rgba(0,0,0,0.05);
    }

.truck-bid-holder .bid-response-holder {
    border-right: 1px solid black;
    padding-right: 1rem;
}

.truck-bid-holder .loading-log, .truck-bid-holder .loading-bid-information, .loading-spot-information {
    grid-column: 1/-1;
    justify-content: center;
    font-size: 120%;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    align-items: center;
    column-gap: 0.5em;
}

    .truck-bid-holder .loading-log .lds-dual-ring:after {
        width: 1.7rem;
        height: 1.7rem;
    }

    .truck-bid-holder .loading-bid-information .lds-dual-ring:after {
        width: 2.2rem;
        height: 2.2rem;
    }

.lb-main-container .board-holder {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    column-gap: 2.0em;
    row-gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.7rem;
}

.filter-parameters {
    font-size: 1.1rem;
}

    .filter-parameters .filter-parameter {
        display: flex;
        flex-direction: row;
        column-gap: 0.2rem;
    }

    .filter-parameters .filter-property ~ .filter-value {
        text-transform: uppercase;
    }

    .filter-parameters .filter-separator {
        padding-right: 0.4rem;
    }

.filter-overall {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0.8rem;
    row-gap: 0.5rem;
}

    .filter-overall .filter-holder {
        display: flex;
        flex-direction: row;
        column-gap: 1.0rem;
        flex-grow: 1;
        flex-wrap: wrap;
        row-gap: 0.5rem;
    }

        .filter-overall .filter-holder .filter-item {
            row-gap: 0.15rem;
        }

            .filter-overall .filter-holder .filter-item input {
                font-size: 1rem;
            }

            .filter-overall .filter-holder .filter-item.customer-name input {
                width: 8em;
            }

            .filter-overall .filter-holder .filter-item.ship-date input {
                width: 8em;
            }

            .filter-overall .filter-holder .filter-item.city input {
                width: 8em;
            }

            .filter-overall .filter-holder .filter-item.state input {
                width: 6em;
            }

            .filter-overall .filter-holder .filter-item.carrier-name input {
                width: 8em;
            }

            .filter-overall .filter-holder .filter-item.carrier-agent input {
                width: 10em;
            }

            .filter-overall .filter-holder .filter-item.log-order input {
                width: 8em;
            }

    .filter-overall .filter-button-holder {
        column-gap: 0.4rem;
        row-gap: 0.2rem;
        align-self: center;
    }

.carrier-status {
    text-align: center;
}

    .carrier-status.status-good {
        color: forestgreen;
        font-size: 110%;
    }

    .carrier-status.status-bad {
        color: orangered;
        font-size: 75%;
    }

    .carrier-status.status-unvetted {
        color: #fdd835;
        font-size: 100%;
    }

    .carrier-status.status-novetting {
        color: gray;
        font-size: 85%;
    }

.accessorial-summary, .accesorials-holder {
    display: grid;
    grid-auto-flow: row;
    column-gap: 1.8rem;
    row-gap: 0.2rem;
}

.accessorial-summary {
    grid-template-columns: repeat(1, max-content);
}

.accesorials-holder {
    grid-template-columns: repeat(3, max-content);
}

.accessorial-list .accessorial-checkbox label {
    display: flex;
    flex-direction: row;
    column-gap: 0.25rem;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

    .accessorial-list .accessorial-checkbox label input[type=checkbox] {
        width: 1.6em;
        height: 1.6em;
    }

.full-load-editor .cover-page-text-holder.accept-bid-holder {
    flex-direction: column;
}

.accept-truck-pricing {
    position: relative;
}

.accept-bid-holder .header {
    margin-bottom: 1rem;
}
.accept-bid-holder .header, .load-board-dialog .header, .spotquote-dialog .header, .incumbent-dialog .header {
    font-weight: bold;
    font-size: 145%;
    border-bottom: solid 2px black;
    width: 100%;
    text-align: left;
}

.accept-bid-holder .content-holder {
    display: flex;
    flex-direction: row;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

    .accept-bid-holder .content-holder .left-side, .accept-bid-holder .content-holder .right-side {
        display: flex;
        flex-direction: column;
        row-gap: 1.0em;
    }
    .accept-bid-holder .content-holder .left-side {
        border-right: solid 1px #CCCCCC;
        padding-right: 1.0em;
    }
    .accept-bid-holder .content-holder .right-side {
        padding-left: 1.5em;
    }
    
.accept-bid-holder .truck-pricing-holder {
    width: 21em;
}
.accept-bid-holder .title, .macropoint-holder .title, .carrier-email-holder .title {
    font-weight: bold;
    font-size: 130%;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid black;
}

    .accept-truck-pricing .pricing-grid {
        display: grid;
        grid-template-columns: repeat(3, auto);
        margin-top: 1.0rem;
    }

    .accept-truck-pricing .accessorial-btn {
        margin-top: 0.5em;
    }

.accept-bid-holder .pricing-buttons {
    margin-top: 0.8rem;
}
.accept-bid-holder .pricing-buttons, .load-board-dialog .buttons, .incumbent-dialog .buttons, .spotquote-dialog .buttons {
    display: flex;
    justify-content: center;
    column-gap: 0.8rem;
    align-self: flex-end;
}

    .accept-bid-holder .pricing-buttons input, .post-to-loadboards .buttons input {
        padding: 0.3em 1.5em;
        font-size: 120%;
    }

    .accept-truck-pricing .pricing-error-message {
        text-align: center;
        color: red;
        padding-top: 0.5em;
        padding-bottom: 0.2em;
        width: 20em;
    }

.post-to-loadboards input.bid-input-amount {
    width: 5em;
}

.macropoint-holder .driver-info {
    display: grid;
    grid-template-columns: repeat(2,auto);
    row-gap: 0.3em;
    column-gap: 0.3em;
    align-items: center;
    margin-top: 0.5em;
}
.macropoint-holder .driver-name-input {
    display: flex;
    flex-direction: row;
    column-gap: 0.3em;
    width: 15em;
}
    .macropoint-holder .driver-name-input input {
        width: 100%;
    }
.macropoint-holder .phone-input input {
    width: 8em;
}
.macropoint-holder .driver-info .label {
    justify-self: flex-end;
}

.macropoint-holder .driver-info input {
    padding: 0.3em 0.2em;
}

.carrier-email-holder .carrier-emails textarea {
    width: 100%;
    height: 4.5em;
    font-family: Consolas,Courier New, Courier, monospace;
    font-size: 90%;
}
.carrier-email-holder .carrier-email-help {
    font-size: 75%;
    padding-bottom: 0.2em;
    font-style: italic;
}

.accept-truck-pricing .macropoint-buttons {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    column-gap: 0.8rem;
}

.covered-load-board-items {
    display: grid;
    grid-template-columns: repeat(7, auto);
}

    .covered-load-board-items .header {
        font-family: 'PT Sans Narrow';
        font-size: 150%;
        height: 2.5rem;
        display: flex;
        align-items: center;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        position: sticky;
        top: 0px;
    }

        .covered-load-board-items .header .clickable {
            cursor: pointer;
        }

        .covered-load-board-items .header:first-of-type {
            border-start-start-radius: 3px;
            border-end-start-radius: 3px;
        }

        .covered-load-board-items .header.tracking {
            border-start-end-radius: 3px;
            border-end-end-radius: 3px;
        }

    .covered-load-board-items .row-odd, .covered-load-board-items .row-even {
        display: flex;
        row-gap: 0.2rem;
        flex-direction: column;
        align-items: flex-start;
        justify-items: flex-start;
        justify-content: center;
    }

    .covered-load-board-items > div {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .covered-load-board-items .row-odd, .covered-load-board-items .row-even {
        padding-top: 0.4rem;
        padding-bottom: 0.3rem;
    }

    .covered-load-board-items .carrier {
        display: flex;
        flex-direction: row;
        column-gap: 0.2em;
        align-items: baseline;
    }

    .covered-load-board-items .order-primary {
        cursor: pointer;
    }

    .covered-load-board-items .location {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        column-gap: 1em;
    }

@keyframes loading-colors {
    0% {
        color: #000000;
    }

    50% {
        color: #666666;
    }

    100% {
        color: #000000;
    }
}

.user-profile-container {
    width: 100%;
    height: 100%;
    overflow: auto;
}

    .user-profile-container .section-header {
        font-weight: bold;
        font-size: 150%;
        margin-bottom: 0.8rem;
    }

    .user-profile-container .section-indent {
        padding-left: 1.5rem;
        margin-bottom: 1.5rem;
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .user-profile-container > flexcol {
        padding: 0.8rem;
        padding-bottom: 0rem;
        height: 100%;
    }

    .user-profile-container .container {
        display: flex;
        flex-direction: column;
        row-gap: 0.5rem;
    }


    .user-profile-container .dat-logo {
        background-position: left center;
        width: 25em;
        height: 2.5em;
    }

    .user-profile-container .truckstop-logo {
        background-position: left center;
        width: 25em;
        height: 2.0em;
        margin-bottom: 0.3rem;
    }

    .user-profile-container .dat-container .settings {
        display: flex;
        flex-direction: row;
        row-gap: 0.3rem;
        column-gap: 0.5em;
        align-items: flex-end;
    }

    .user-profile-container .truckstop-container .settings {
        display: grid;
        grid-template-columns: max-content max-content max-content;
        row-gap: 0.3rem;
        column-gap: 0.5em;
        align-items: center;
    }

    .user-profile-container .title {
        font-weight: bold;
        font-size: 110%;
        justify-self: flex-end;
    }

    .user-profile-container .loading {
        animation: loading-colors 2s infinite;
    }

    .user-profile-container .not-configured {
        color: red;
    }

    .user-profile-container .run-configuration {
        padding-left: 1.5em;
    }


.popup-window .cover {
    position: fixed;
    top: 0em;
    bottom: 0em;
    right: 0em;
    left: 0em;
    background-color: rgba(0,0,0,0.3);
    z-index: 10;
}

.popup-window .content {
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    overflow: auto;
    border-radius: 5px;
}

.popup-window .regularpopup {
    position: fixed;
    top: 1em;
    bottom: 1em;
    right: 1em;
    left: 1em;
    z-index: 11;
}

.popup-window .mediumpopup {
    position: fixed;
    top: 8em;
    bottom: 8em;
    right: 25em;
    left: 25em;
    z-index: 12;
}

.popup-window .holder {
    position: fixed;
    top: 0em;
    bottom: 0em;
    right: 0em;
    left: 0em;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-window .smallpopup {
    width: 35em;
    max-height: 25em;
    position: relative;
}

.popup-window .close-x {
    background-color: red;
    color: black;
    position: absolute;
    width: 2em;
    height: 2em;
    z-index: 9990;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
}


.spotquote-dialog .bid-dialog-container, .incumbent-dialog .bid-dialog-container {
    min-width: 25rem;
}

.spotquote-dialog .bid-dialog-container {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-top: 12px;
}

    .spotquote-dialog .bid-dialog-container .spot-quote-info {
        display: grid;
        grid-template-columns: max-content auto;
        column-gap: 0.8em;
        row-gap: 0.4em;
        align-items: center;
        font-size: 110%;
    }

        .spotquote-dialog .bid-dialog-container .spot-quote-info .label {
            justify-self: right;
        }

        .spotquote-dialog .bid-dialog-container .spot-quote-info input {
            font-size: 100%;
        }

            .spotquote-dialog .bid-dialog-container .spot-quote-info input[type=number] {
                width: 7em;
            }

            .spotquote-dialog .bid-dialog-container .spot-quote-info input[type=text] {
                width: 100%;
            }

        .spotquote-dialog .bid-dialog-container .spot-quote-info .spot-carrier-name {
            display: flex;
            flex-direction: row;
            column-gap: 0.4em;
            align-items: center;
        }

        .spotquote-dialog .bid-dialog-container .spot-quote-info .carrier-name {
            flex-grow: 1;
        }

    .spotquote-dialog .bid-dialog-container .spot-add-carrier input {
        width: 100%;
        padding: 0.5em;
        font-size: 130%;
    }

.incumbent-dialog .scroll-container {
    margin-top: 0.5rem;
    height: unset;
    min-height: 5em;
    max-height: 20rem;
}

.incumbent-dialog .incumbent-carriers {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    column-gap: 0.5em;
    row-gap: 1em;
    font-size: 95%;
    padding: 1em 1em 0em 0em;
}

    .incumbent-dialog .incumbent-carriers.nocarrier {
        height: 5em;
        padding: 0em;
    }

.incumbent-dialog .no-carriers {
    align-self: center;
    grid-column: 1/-1;
    justify-self: center;
    font-size: 125%;
}

    .incumbent-dialog .incumbent-carriers input[type=checkbox], .bid .search-holder input[type=checkbox] {
        width: 2em;
        height: 2em;
    }

    .incumbent-dialog .incumbent-carriers .carrier-click {
        cursor: pointer;
    }

.load-address-name-results {
    width: 25em;
}

.tab-control {
    display: flex;
    flex-direction: column;
}

.tab-control .btn-group {
    height: 2.5rem;
    display: flex;
    column-gap: 1px;
}

.tab-control .btn-group .tab-btn button {
    height: 100%;
    min-width: 8rem;
    font-size: 105%;
    border: 1px solid lightgray;
    border-radius: 5px 5px 0 0;
    padding: 0 1rem;
}

    .tab-control .btn-group .tab-btn .btn-primary {
        background-color: gray;
    }

.tab-control .tab-page {
    border: 1px solid lightgrey;
    min-height: 15rem;
}

.blazored-typeahead__results {
    border-radius: 5px;
}