@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* /Components/AppBar/NavBarSearchDialog.razor.rz.scp.css */
[b-gqsncqhlwn] .mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height:100%;
}

[b-gqsncqhlwn] .mud-dialog .mud-dialog-title {
    z-index: +1;
    flex: 0 0 auto;
    margin: 0;
    padding: 15px 24px 0px 15px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}
/* /Components/AppBar/NavMenu.razor.rz.scp.css */
/* /Components/WorkItems/Shared/Buttons/QuickAddMinutesButtons.razor.rz.scp.css */
.quick-add[b-u5ukatnej5] {
    display: flex;
}

    .quick-add > button[b-u5ukatnej5] {
        background-color: lightgray;
        margin: 0 2px 0 2px;
        padding: 5px;
        font-size: 10px;
        font-weight:bold;
        width: 25px;
        height: 20px;
        border-radius: 3px;
        cursor: pointer;
    }
/* /Components/WorkItems/Shared/Components/WorkItemDetails.razor.rz.scp.css */
[b-i7ki38nit5] .mud-grid-spacing-xs-3 > .mud-grid-item {
    padding: 6px;
}

[b-i7ki38nit5] .mud-input {
    position: relative;
    color: var(--mud-palette-text-primary);
    cursor: text;
    display: inline-flex;
    font-size: 12px;
    box-sizing: border-box;
    align-items: center;
    font-weight: 400;
    line-height: 1.1876em;
    letter-spacing: .00938em;
}

[b-i7ki38nit5] .mud-icon-root.mud-svg-icon {
     fill: grey; 
}

[b-i7ki38nit5] .mud-icon-size-medium {
    font-size: 1.2rem;
}

[b-i7ki38nit5] .mud-select.mud-autocomplete {
    display: block;
    width: 143px;
}

[b-i7ki38nit5] .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
     margin-top: 0; 
}

@media only screen and (max-width: 575px) {
    .ein-work-item-due[b-i7ki38nit5] {
        flex-direction: column !important;
    }
    .ein-work-item-due-date[b-i7ki38nit5] {
        flex-direction: row !important;
    }
    .ein-work-item-header[b-i7ki38nit5] {
        flex-direction: column !important;
        justify-content: center;
        align-items: flex-start;
    }
    .ein-work-item-status[b-i7ki38nit5] {
        text-align: left !important;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .work-item-status-picker[b-i7ki38nit5] {
        justify-content: flex-start !important;
    }
}
/* /Components/WorkItems/Shared/Dialogs/Comments/AddCommentsDialog.razor.rz.scp.css */
[b-x697xbjz5z] .mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height:100%;
}

[b-x697xbjz5z] .mud-dialog .mud-dialog-title {
    z-index: +1;
    flex: 0 0 auto;
    margin: 0;
    padding: 15px 24px 0px 15px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}
/* /Components/WorkItems/Shared/Dialogs/Comments/ViewCommentsDialog.razor.rz.scp.css */
[b-5e7ahqp6sv] .mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height:100%;
}

[b-5e7ahqp6sv] .mud-dialog .mud-dialog-title {
    z-index: +1;
    flex: 0 0 auto;
    margin: 0;
    padding: 15px 24px 0px 15px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}
/* /Components/WorkItems/Shared/Dialogs/WorkItems/ViewWorkItemHistoryFromQueueDialog.razor.rz.scp.css */
[b-io2iwcyko5] .mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height:100%;
}

[b-io2iwcyko5] .mud-dialog .mud-dialog-title {
    z-index: +1;
    flex: 0 0 auto;
    margin: 0;
    padding: 15px 24px 0px 15px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}
/* /Components/WorkItems/Shared/Pickers/DateTimePicker.razor.rz.scp.css */
.fancy-date-box[b-orid4ubuhh] {
    padding-top: 2px;
    text-align: center;
    width: 20px;
}

.fancy-date-box-year[b-orid4ubuhh] {
    padding-top: 2px;
    text-align: center;
    width: 30px;
}

.date-box[b-orid4ubuhh] {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 25px;
    width: 100%;
}

[b-orid4ubuhh] .mud-input-control {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex: 0;
    max-width: 100%;
    position: relative;
    flex-direction: column;
    vertical-align: top;
    margin-top: 6px;
}

[b-orid4ubuhh] input:focus {
    outline: none;
}

[b-orid4ubuhh] .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0px;
    margin-bottom: 0px !important;
}

[b-orid4ubuhh] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-orid4ubuhh] {
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: 1.1876em;
    margin: 0;
    display: block;
    padding: 1px 0 7px 0;
    min-width: 0;
    background: none;
    position: relative;
    box-sizing: content-box;
    letter-spacing: inherit;
}
/* /Components/WorkItems/Shared/Pickers/WorkItemDueDateDateTimePicker.razor.rz.scp.css */
.fancy-date-box[b-8hllxdp6sk] {
    padding-top: 2px;
    text-align: center;
    width: 20px;
}

.fancy-date-box-year[b-8hllxdp6sk] {
    padding-top: 2px;
    text-align: center;
    width: 30px;
}

.date-box[b-8hllxdp6sk] {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 25px;
    width: 100%;
}

[b-8hllxdp6sk] .mud-input-control {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex: 0;
    max-width: 100%;
    position: relative;
    flex-direction: column;
    vertical-align: top;
    margin-top: 6px;
}

[b-8hllxdp6sk] input:focus {
    outline: none;
}

[b-8hllxdp6sk] .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0px;
    margin-bottom: 0px !important;
}

[b-8hllxdp6sk] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-8hllxdp6sk] {
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: 1.1876em;
    margin: 0;
    display: block;
    padding: 1px 0 7px 0;
    min-width: 0;
    background: none;
    position: relative;
    box-sizing: content-box;
    letter-spacing: inherit;
}
/* /Components/WorkItems/Shared/Pickers/WorkItemStatusDateTimePicker.razor.rz.scp.css */
.fancy-date-box[b-zoxkdifq61] {
    padding-top: 2px;
    text-align: center;
    width: 20px;
}

.fancy-date-box-year[b-zoxkdifq61] {
    padding-top: 2px;
    text-align: center;
    width: 30px;
}

.date-box[b-zoxkdifq61] {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 25px;
    width: 100%;
}

[b-zoxkdifq61] .mud-input-control {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex: 0;
    max-width: 100%;
    position: relative;
    flex-direction: column;
    vertical-align: top;
    margin-top: 6px;
}

[b-zoxkdifq61] input:focus {
    outline: none;
}

[b-zoxkdifq61] .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0px;
    margin-bottom: 0px !important;
}

[b-zoxkdifq61] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-zoxkdifq61] {
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: 1.1876em;
    margin: 0;
    display: block;
    padding: 1px 0 7px 0;
    min-width: 0;
    background: none;
    position: relative;
    box-sizing: content-box;
    letter-spacing: inherit;
}
/* /Components/WorkItems/Shared/Tables/WorkItemHistoryTable.razor.rz.scp.css */
.pin[b-ytq8ksewak] {
    margin: 5px;
    padding: 5px;
}
/* /Components/WorkItems/WorkItemsLayout.razor.rz.scp.css */
.image-container[b-f0qzlp49rt] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.einstein[b-f0qzlp49rt] {
    position: relative;
    -webkit-transition: -webkit-transform 0.8s ease-in-out;
    position: relative;
    width: 35%; 
}

    .einstein:active[b-f0qzlp49rt] {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

.ein-tng[b-f0qzlp49rt] {
    position: relative;
    -webkit-transition: -webkit-transform 0.8s ease-in-out;
    position: absolute;
    height: 75px;
    margin-top: 230px;
    opacity: 0;
}

    .ein-tng:hover[b-f0qzlp49rt] {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

@media screen and (max-width: 768px) {
    .einstein[b-f0qzlp49rt] {
        width: 70%; 
    }
}

@media screen and (max-width: 480px) {
    .einstein[b-f0qzlp49rt] {
        width: 90%; 
    }
}

.einstein-spinning-logo[b-f0qzlp49rt] {
    display: inline-block;
    position: relative;
    animation: spin-b-f0qzlp49rt 1s ease-in-out infinite;
    height: 40vh;
}

@keyframes spin-b-f0qzlp49rt {
    0% {
        transform: rotate(0deg);
    }

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

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

    100% {
        transform: rotate(0deg);
    }
}
/* /Components/WorkItems/WorkItemTypes/MissingDocuments/Controls/Tables/ShipmentTable/MissingDocumentsShipmentTable.razor.rz.scp.css */
[b-zf39kmxu5r] .custom-switch .mud-switch-thumb-medium {
    background-color: var(--primary-color-blue); /* Replace 'thumb-color' with the desired color for the thumb */
}
/* /Components/WorkItems/WorkItemTypes/MissingDocuments/MissingDocumentsLayout.razor.rz.scp.css */
.it[b-lwsuzk0alh] {
    grid-area: it;
}

.fl[b-lwsuzk0alh] {
    grid-area: fl;
}

.ld[b-lwsuzk0alh] {
    grid-area: ld;
}

.co[b-lwsuzk0alh] {
    grid-area: co;
}

.panel[b-lwsuzk0alh] {
    overflow: auto;
    height: 40vh;
}

.lower-panel[b-lwsuzk0alh] {
    overflow: auto;
    height: 45vh;
}

.full-panel[b-lwsuzk0alh] {
    overflow: auto;
    height: 86vh;
}

.shipment-load[b-lwsuzk0alh] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        'fl it ld'
        'co co co';
    gap: 10px 10px;
    padding-top: 10px;
    overflow-y: scroll;
}

.work-item > div[b-lwsuzk0alh] {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px;
    font-size: 30px;
}

@media only screen and (min-width: 1300px) and (max-width: 1700px) {
    .shipment-load[b-lwsuzk0alh] {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'fl it'
            'co ld';
        overflow-y: scroll;
        height: 87vh;
    }
}

@media only screen and (max-width: 1300px) {
    .shipment-load[b-lwsuzk0alh] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            'fl'
            'it'
            'ld'
            'co';
        gap: 10px 10px;
        padding-top: 20px;
        overflow: scroll;
        height: 87vh
    }
}
/* /Components/WorkItems/WorkItemTypes/MissingDocuments/Panels/MissingDocumentsTabPanel.razor.rz.scp.css */
[b-5fiugh0lb2] .mud-tabs-toolbar-primary .mud-tab.mud-tab-active {
    color: var(--primary-color-yellow);
}

[b-5fiugh0lb2] .mud-tabs.mud-tabs-rounded .mud-tabs-toolbar {
    color: #696a6b;
}
/* /Components/WorkItems/WorkItemTypes/TrackingCheckPointVerification/Controls/DriverSms/DriverSMSTab.razor.rz.scp.css */
[b-spxmd9ve5p] .mud-select .mud-popover {
    /* Adjust the width and height as needed */
    width: 500px;
    max-height: 200px;
}

[b-spxmd9ve5p] .sms.mud-tab.mud-tab-active {
    color: var(--primary-color-blue) !important;
}


[b-spxmd9ve5p] .smsAttachmentButton {
    background-color: white;
}

    [b-spxmd9ve5p] .smsAttachmentButton:hover {
        background-color: white;
    }

@media only screen and (max-width: 600px) {
    [b-spxmd9ve5p] .message_table {
        width: 70vh !important;
    }
}
/* /Components/WorkItems/WorkItemTypes/TrackingCheckPointVerification/Controls/MacropointDataTrackingDialog.razor.rz.scp.css */
[b-qq3eezz55b] .mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height:100%;
}

[b-qq3eezz55b] .mud-dialog .mud-dialog-title {
    z-index: +1;
    flex: 0 0 auto;
    margin: 0;
    padding: 15px 24px 0px 15px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}
/* /Components/WorkItems/WorkItemTypes/TrackingCheckPointVerification/Panels/SelectedWorkflowItemPanel.razor.rz.scp.css */
@media only screen and (max-width: 575px) {
    .ein-selected-buttons[b-ffw856yszu] {
        flex-direction:column !important;
        align-items:flex-start;
    }
}
/* /Components/WorkItems/WorkItemTypes/TrackingCheckPointVerification/Panels/ShipmentDetailsPanel.razor.rz.scp.css */
@media only screen and (max-width: 600px) {
    .ship-load-status[b-w2fridxqtv] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ship-carrier[b-w2fridxqtv] {
        text-align: left !important;
    }

    .ship-load-carrier[b-w2fridxqtv] {
        flex-direction: column !important;
        align-items: flex-start;
    }

    .ship-load-driver[b-w2fridxqtv] {
        text-align: left !important;
    }
}
/* /Components/WorkItems/WorkItemTypes/TrackingCheckPointVerification/Panels/TrackingTabPanel.razor.rz.scp.css */
[b-ed1hlh29y3] .mud-tabs-toolbar-primary .mud-tab.mud-tab-active {
    color: var(--primary-color-yellow);
}

[b-ed1hlh29y3] .mud-tabs.mud-tabs-rounded .mud-tabs-toolbar {
    color: #696a6b;
}
/* /Components/WorkItems/WorkItemTypes/TrackingCheckPointVerification/Panels/WorkFlowItemsPanel.razor.rz.scp.css */
@media only screen and (max-width: 600px) {
    [b-qv9xfv9rhv] .ein-work-low-items-table {
        height: 50vh;
    }
}
/* /Components/WorkItems/WorkItemTypes/TrackingCheckPointVerification/TrackingCheckpointVerificationLayout.razor.rz.scp.css */
.it[b-lmlhl9bs4g] {
    grid-area: it;
}

.fl[b-lmlhl9bs4g] {
    grid-area: fl;
}

.ld[b-lmlhl9bs4g] {
    grid-area: ld;
}

.co[b-lmlhl9bs4g] {
    grid-area: co;
}

.panel[b-lmlhl9bs4g] {
    overflow: hidden;
    height: 40vh;
    min-width:622px;
}

.lower-panel[b-lmlhl9bs4g] {
    overflow: auto;
    height: 45vh;
}

.full-panel[b-lmlhl9bs4g] {
    overflow: auto;
    height: 86vh;
}

.shipment-load[b-lmlhl9bs4g] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        'fl it ld'
        'co co ld';
    gap: 10px 10px;
    padding-top: 10px;
    overflow-y: scroll;
}

.work-item > div[b-lmlhl9bs4g] {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px;
    font-size: 30px;
}

@media only screen and (min-width: 1300px) and (max-width: 1700px) {
    .shipment-load[b-lmlhl9bs4g] {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'fl it'
            'ld ld'
            'co co';
        overflow-y: scroll;
        height: 87vh;
    }
}

@media only screen and (max-width: 1300px) {
    .shipment-load[b-lmlhl9bs4g] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            'fl'
            'it'
            'ld'
            'co';
        gap: 10px 10px;
        padding-top: 20px;
        overflow: scroll;
        height: 87vh
    }
}

@media only screen and (max-width: 600px) {
    .panel[b-lmlhl9bs4g]{
        overflow:auto;
        height:57vh;
    }

    .lower-panel[b-lmlhl9bs4g] {
        overflow: auto;
        height: 85vh;
    }

    .full-panel[b-lmlhl9bs4g] {
        overflow: auto;
        height: 88vh;
    }
}


/* /Components/WorkQueues/Controls/ViewWorkItemHistoryDialog.razor.rz.scp.css */
[b-m38gay3hc6] .mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height:100%;
}

[b-m38gay3hc6] .mud-dialog .mud-dialog-title {
    z-index: +1;
    flex: 0 0 auto;
    margin: 0;
    padding: 15px 24px 0px 15px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}
/* /Components/WorkQueues/Controls/ViewWorkItemHistoryFromQueueDialog.razor.rz.scp.css */
[b-lue6s6c1mn] .mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height:100%;
}

[b-lue6s6c1mn] .mud-dialog .mud-dialog-title {
    z-index: +1;
    flex: 0 0 auto;
    margin: 0;
    padding: 15px 24px 0px 15px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}
/* /Components/WorkQueues/WorkQueuesLayout.razor.rz.scp.css */
.image-container[b-ocot1kldit] {
    text-align: center;
}

.einstein-spinning-logo[b-ocot1kldit] {
    display: inline-block;
    position: relative;
    animation: spin-b-ocot1kldit 1s ease-in-out infinite;
    width: 40% !important; /* Set initial width using percentage */
}

@media screen and (max-width: 768px) {
    .einstein-spinning-logo[b-ocot1kldit] {
        width: 60% !important; /* Adjust width for smaller screens */
    }
    .buttons[b-ocot1kldit] {
        flex-direction: column;
        align-items: flex-start;
    }
    .ein-queue-name[b-ocot1kldit] {
        display: none;
    }
}

@media screen and (max-width: 500px) {

}

@media screen and (max-width: 374px) {
    .einstein-spinning-logo[b-ocot1kldit] {
        width: 90% !important; /* Adjust width for even smaller screens */
    }    
}

@keyframes spin-b-ocot1kldit {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /MainLayout.razor.rz.scp.css */

.page[b-ss1wnswaag] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ss1wnswaag] {
    flex: 1;
}

.sidebar[b-ss1wnswaag] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ss1wnswaag] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ss1wnswaag]  a, .top-row[b-ss1wnswaag]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ss1wnswaag]  a:hover, .top-row[b-ss1wnswaag]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ss1wnswaag]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ss1wnswaag] {
        display: none;
    }

    .top-row.auth[b-ss1wnswaag] {
        justify-content: space-between;
    }

    .top-row[b-ss1wnswaag]  a, .top-row[b-ss1wnswaag]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ss1wnswaag] {
        flex-direction: row;
    }

    .sidebar[b-ss1wnswaag] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ss1wnswaag] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ss1wnswaag]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ss1wnswaag], article[b-ss1wnswaag] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.summary-page[b-xr978nynwg] {
    display: grid;
    grid-template-columns: 1fr 5fr;
}

@media screen and (max-width: 650px) {
    .summary-page[b-xr978nynwg] {
        display: grid;
        grid-template-columns: 1fr;
    }
}