.DispatchTracker--User {
    display: flex;
    flex-direction: column;
    padding: var(--std-unit-x3);
    background-color: var(--theme-gradient-3);
    border-radius: var(--std-unit-x1);
    grid-gap: var(--std-unit-x3);
}
.DispatchTracker--User > * {
    display: flex;
    width: 100%;
}
.DispatchTracker--User > [data-segment='controls'] {
    flex-wrap: nowrap;
    grid-gap: var(--std-unit-x3);
    display: flex;
}
.DispatchTracker--User > [data-segment='controls'] > .--bubble-option {
    width: min-content;
    min-width: 50px;
}
.DispatchTracker--User > [data-segment='controls'] > .--bubble-option[data-action='select'] {
    flex-grow: 1;
}
.DispatchTracker--User > div[data-segment='calendar'] {
    display: none;
}

/** ASSIGNMENTS */
.DispatchTracker--User > [data-segment='assignments']:empty:before {
    content: "No Assignments Found";
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: var(--font-medium);
    padding: var(--std-unit-x5);
    border-radius: var(--std-unit-x1);
    background-color: var(--theme-ok-bg);
    border: 1px solid var(--theme-ok-dark);
    filter: brightness(50%) saturate(200%);
}
.DispatchAssignment--User {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: var(--std-unit-x3);
    padding: var(--std-unit-x3);
    border-radius: var(--std-unit-x1);
    background-color: var(--theme-gradient-1);
}
.DispatchAssignment--User > [data-segment] [data-segment='content'] {
    display: flex;
    grid-gap: var(--std-unit-x3);
    background-color: var(--theme-gradient-1);
    padding: var(--std-unit-x3);
    border-radius: var(--std-unit-x1);
}
.DispatchAssignment--User > [data-segment] .dispatch-message {

    padding: var(--std-unit-x3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--std-unit-x1);
    background-color: Var(--theme-gradient-0);
    position: relative;
}
.DispatchAssignment--User > [data-segment] .dispatch-message[data-hide] {
    display: none;
}
.DispatchAssignment--User > [data-segment] .dispatch-message:hover {
    cursor: pointer;
    background-color: Var(--theme-gradient-2);
}
.DispatchAssignment--User > [data-segment] .dispatch-message:active {
    background-color: Var(--theme-gradient-3);
}
.DispatchAssignment--User > [data-segment] .dispatch-message:before,
.DispatchAssignment--User > [data-segment] .dispatch-message:after {
    font-family: var(--FontAwesome);
}
.DispatchAssignment--User > [data-segment='messages'] .dispatch-message[data-seen]:before {
    content: var(--FA-icon-eye);
    font-size: var(--font-larger);
}
.DispatchAssignment--User > [data-segment='messages'] .dispatch-message[data-seen]:after {
    position: absolute;
    top: var(--std-unit-x1);
    left: var(--std-unit-x1);
    font-size: var(--font-medium);
}

.DispatchAssignment--User > [data-segment='messages'] .dispatch-message[data-seen='0']:after {
    content: var(--FA-icon-times);
    color: var(--theme-error);
    text-shadow: var(--text-outline-red);
}
.DispatchAssignment--User > [data-segment='messages'] .dispatch-message[data-seen='1']:after {
    content: var(--FA-icon-check);
    color: var(--theme-ok);
    text-shadow: var(--text-outline-green);

}
.DispatchAssignment--User > [data-segment='messages'] .dispatch-message > * {
    display: none;
}
.DispatchAssignment--User > [data-segment='assignment'] {
    flex-flow: column;
}
.DispatchAssignment--User > [data-segment='assignment'] > div {
    width: 100%;
    display: flex;
}

/** Assignment Labels */
.DispatchAssignment--User > div:not(.expandable-block) {

    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.DispatchAssignment--User > div:not(.expandable-block) [data-segment] {
    /*! width: 100%; */
    display: flex;
    align-items: initial;
    justify-content: flex-start;
    flex-flow: column;
    flex-grow: 1;
}
.DispatchAssignment--User > div:not(.expandable-block) [data-segment]:before {
    font-weight: bold;
    border-bottom: 1px solid black;
    padding: var(--std-unit-x1);
}
.DispatchAssignment--User [data-segment='ProjectName']:before { content: "Project Name"; }
.DispatchAssignment--User [data-segment='CustomerName']:before { content: "Customer Name"; }
.DispatchAssignment--User [data-segment='ProjectAddress']:before { content: "Project Address"; }
.DispatchAssignment--User [data-segment='LoadLocation']:before { content: "Load Location"; }
.DispatchAssignment--User [data-segment='ProductName']:before { content: "Product Name"; }
.DispatchAssignment--User [data-segment='Rate']:before { content: "Rate"; }
.DispatchAssignment--User [data-segment='RateType']:before { content: "Rate Type"; }
.DispatchAssignment--User [data-segment='ScheduledDate']:before { content: "Date"; }
.DispatchAssignment--User [data-segment='StartTime']:before { content: "Start Time"; }
.DispatchAssignment--User [data-segment='LoadTime']:before { content: "Load Time"; }
.DispatchAssignment--User [data-segment='Truck']:before { content: "Truck"; }
.DispatchAssignment--User [data-segment='Trailer']:before { content: "Trailer"; }

.DispatchAssignment--User [data-segment='Truck_Mileage_Start']:before { content: "Mileage @ Start"; }
.DispatchAssignment--User [data-segment='Truck_Mileage_Stop']:before { content: "Mileage @ End"; }





/** Timekeeping */
.DispatchAssignment--User > div[data-segment='timekeeping'] {
    flex-flow: column;
    width: 100%;
}
.DispatchAssignment--User > div[data-segment='timekeeping'] > [data-segment='controls'] {
    display: flex;
    justify-content: flex-start;
    grid-gap: var(--std-unit-x3);
    flex-flow: revert;
    width: min-content;
    padding: var(--std-unit-x3);
}
.DispatchAssignment--User > div[data-segment='timekeeping'] .time-entry {
}