.mud-nav-link.active {
    background-color: white !important;
    text-transform: uppercase !important;
    color: #C11734 !important;
    font-weight: bolder !important;
    border-radius: 12px !important;
}

    .mud-nav-link.active .mud-nav-link-text {
        font-weight: bold !important;
    }

.mud-nav-link {
    align-items: end !important;
    font-weight: bolder !important;
}

.my-table-header {
    color: whitesmoke !important;
    background-color: #333333 !important;
    font-weight: bold !important;
}

.mud-nav-group .mud-expanded .mud-nav-link-expand-icon {
    background-color: white !important;
    border-radius: 12px !important;
    color: #830F1A !important;
}

.mud-nav-link-expand-icon {
    background-color: #830F1A !important;
    border-radius: 12px !important;
}

.mud-icon-root {
    color: white !important;
}

.mud-nav-group button {
    text-transform: uppercase !important;
}

.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font-weight: bold !important;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
    align-self: center;
}

.mud-popover .mud-list.mud-list-padding {
    padding-top: 0px;
    padding-bottom: 0px
}

.custom-app-bar-mobile {
    background-color: #C11734 !important;
}

.mud-appbar .mud-toolbar-appbar {
    justify-content: center;
}

.mud-button-icon-size-large > *:first-child {
    font-size: 35px;
    align-content: center;
}

.custom-checkin-type-button {
    border-color: #C7C7C7 !important;
    color: #085575 !important;
    padding-top: 10px !important;
    height: 62px !important;
    width: 60px !important;
}

    .custom-checkin-type-button svg {
        align-self: center !important;
        stroke: #085575 !important;
        margin-left: 8px !important;
    }

    .custom-checkin-type-button p {
        font-size: small !important;
    }

.custom-checkin-type-button-clicked {
    border-color: #085575 !important;
    background-color: #085575 !important;
    color: white !important;
    padding-top: 10px;
    height: 62px !important;
    width: 60px !important;
}

    .custom-checkin-type-button-clicked svg {
        align-self: center !important;
        stroke: white !important;
        margin-left: 8px !important;
    }

    .custom-checkin-type-button-clicked p {
        font-size: small !important;
    }

.custom-checkin-type-button .gap-3 {
    gap: 3px;
}

.custom-checkin-type-button-clicked .gap-3 {
    gap: 3px;
}

.custom-date-picker .mud-icon-root {
    color: #085575 !important;
}

.custom-autocomplete .mud-icon-root {
    color: gray !important;
}

.custom-checkin-save-button {
    text-transform: capitalize !important;
    font-weight: bold !important;
}

.custom-checkin-discard-button {
    text-transform: capitalize !important;
    font-weight: bold !important;
}

.custom-drawer .mud-drawer-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}

.custom-dialog .mud-dialog-actions {
    justify-content: center;
}

.custom-radiobutton-unselected .mud-icon-root {
    color: #C7C7C7 !important;
}

.custom-radiobutton-selected .mud-icon-root {
    color: #3B8BE2 !important;
}

.custom-radiobuttongroup .mud-radio > .mud-radio-content {
    font-weight: 600 !important;
    font-size: 15px !important;
}

.custom-radiobuttongroup p {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #696969 !important;
}

.custom-radiobuttongroup label {
    font-size: 15px !important;
    font-weight: 400 !important;
    transform: translate(0px, 0px) !important;
}

.custom-radiogroupcontent-container {
    width: 200px !important;
}

.custom-contactmessagefield p {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #696969 !important;
    margin-top: 5px !important;
}

.custom-contactmessagefield label {
    font-size: 15px !important;
    font-weight: 400 !important;
    transform: translate(0px, 0px) !important;
}

.custom-contactorderfield {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.custom-contactordercontent {
    align-items: center !important;
}

    .custom-contactordercontent p {
        font-size: 20px !important;
        font-weight: 800 !important;
    }


.custom-page-link-mobile {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 17.58px !important;
    color: #3B8BE2 !important;
    padding-bottom: 8px !important;
}

.custom-page-title-mobile {
    font-size: 30px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    line-height: 35.16px !important;
    color: black !important;
}

.custom-add-button {
    background-color: #3B8BE2;
    width: 40px !important;
    height: 37px !important;
    border-radius: 5px !important;
}

    .custom-add-button svg {
        fill: white !important;
    }

    .custom-add-button .mud-icon-button-label {
        display: flex !important;
        justify-content: flex-start;
        padding-top: 8px !important;
        padding-left: 4px !important;
    }

.custom-add-button-inversed {
    background-color: white !important;
    width: 34px !important;
    height: 32px !important;
    border-radius: 5px !important;
    border-color: #085575 !important;
    border-width: 1px !important;
}

    .custom-add-button-inversed svg {
        fill: #085575 !important;
    }

    .custom-add-button-inversed .mud-icon-button-label {
        display: flex !important;
        justify-content: flex-start;
        padding-top: 8px !important;
        padding-left: 2px !important
    }


.custom-select .mud-icon-root {
    color: gray !important;
}

.custom-card-customer-label-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 21.09px !important;
    color: black !important;
    font-family: 'RobotoCondensed' !important;
}

.custom-card-customer-label-content {
    font-size: 14px !important;
    line-height: 16.41px !important;
    padding-top: 2px !important;
}

.custom-checkin-dialog {
    height: 95% !important;
    padding-bottom: 15px !important;
    bottom: 0 !important;
    position: absolute;
}

    .custom-checkin-dialog .mud-overlay-scrim {
        height: 200% !important;
    }


.custom-showmore-paper {
    text-align-last: center;
}

.custom-customer-list-card-content {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.custom-customer-title-info-page-mobile {
    font-size: 23px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    line-height: 26.95px !important;
    color: black !important;
}

.custom-customer-info-button {
    border-color: #C7C7C7 !important;
    color: #085575 !important;
    padding-top: 10px !important;
    height: 64px !important;
    width: 112.7px !important;
    padding: 5px !important;
}

    .custom-customer-info-button svg {
        align-self: center !important;
        stroke: #085575 !important;
        margin-left: 5px !important;
        margin-top: 5px !important;
    }

    .custom-customer-info-button p {
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 12.89px !important;
    }

.custom-customer-info-button-disabled {
    border-color: #C7C7C7 !important;
    color: #C7C7C7 !important;
    padding-top: 10px !important;
    height: 64px !important;
    width: 112.7px !important;
    padding: 5px !important;
}

    .custom-customer-info-button-disabled svg {
        align-self: center !important;
        stroke: #C7C7C7 !important;
        margin-left: 8px !important;
    }

    .custom-customer-info-button-disabled p {
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 12.89px !important;
    }

.custom-customer-info-checkin-button {
    border-color: #C7C7C7 !important;
    color: #085575 !important;
    padding-top: 10px !important;
    height: 64px !important;
    width: 112.7px !important;
    padding: 5px !important;
}

    .custom-customer-info-checkin-button svg {
        align-self: center !important;
        fill: #085575 !important;
        margin-left: 8px !important;
        margin-left: 10px !important;
    }

    .custom-customer-info-checkin-button p {
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 12.89px !important;
    }

.custom-tab-general-customer-information {
    flex-direction: column !important;
}

.custom-tab-customer-information {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 16.41px !important;
    color: #3B8BE2 !important;
    min-width: 130px !important;
    text-transform: capitalize !important;
}

.capitalize-text {
    text-transform: capitalize !important;
}

.uppercase-text {
    text-transform: uppercase !important;
}

.mud-svg-icon {
    color: darkgray !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-26 {
    font-size: 23px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-33 {
    font-size: 33px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.fw-1000 {
    font-weight: 1000;
}

.fi {
    font-style: italic;
}

.frc {
    font: "Roboto Condensed";
}

.border-1 {
    border-width: 1px;
}

.brad-8 {
    border-radius: 8px;
}

.brad-12 {
    border-radius: 12px;
}

.ptb-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.plr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pad-0 {
    padding: 0px !important;
}

.pad-8 {
    padding: 8px !important;
}

.pad-9 {
    padding: 9px !important;
}

.gap-8 {
    gap: 8px;
}

mt-5 {
    margin-top: 5px !important;
}

.gap-13 {
    gap: 13px;
}

.w-162 {
    width: 162px;
}

.mw-450 {
    max-width: 450px !important;
}

.h-90 {
    height: 90px;
}

.backcolor-lightgray {
    background-color: #EFEFEF !important;
}

.fc-uss-red {
    color: #C11734;
}

.color-rim-gray {
    color: #C7C7C7;
}

.bottomright {
    position: absolute;
    bottom: 2px;
    right: 4px;
}

.of-hidden {
    overflow: hidden;
}

.custom-checkindashboard-dialog {
    height: 230px;
    max-height: 230px;
    width: 320px;
    max-width: 320px;
    border-radius: 10px;
    background-color: #333333;
    color: white;
}

.custom-checkindashboard-text-dialog {
    background-color: transparent;
    line-height: 18px !important;
    color: white;
}

.custom-checkindashboard-button-dialog {
    border-color: white;
    text-transform: capitalize;
    color: white;
    width: 271px;
    margin-right: 18px;
    margin-bottom: 16px;
}

.custom-card-customer-past-visits {
}

    .custom-card-customer-past-visits svg {
        stroke: #000000;
    }

.custom-customer-contact-info-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 19.92px !important;
    color: black !important;
    text-transform: uppercase !important;
}

.custom-customer-contact-info-link svg {
    stroke: #085575 !important;
}

.custom-customer-contact-info-link p {
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #085575 !important;
    line-height: 17.58px !important;
}

.custom-user-welcome-activator-content-button {
    color: white !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 17.58px !important;
    text-transform: capitalize !important;
    border-radius: 0px !important;
    padding-left: 17px !important;
    padding-right: 17px !important;
}

    .custom-user-welcome-activator-content-button:focus {
        background-color: #C11734 !important;
        color: white !important;
        font-size: 15px !important;
        line-height: 17.58px !important;
        text-transform: capitalize !important;
        border-radius: 0px !important;
        padding-left: 17px !important;
        padding-right: 17px !important;
    }

.custom-login-display-menu {
    height: 100% !important;
}

.custom-login-display-menu-email-item {
    background-color: #830F1A !important;
    color: white !important;
}

    .custom-login-display-menu-email-item p {
        font-size: 14px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-weight: 400 !important;
        line-height: 16.41px !important;
    }

.custom-login-display-menu-default-item {
    background-color: #333333 !important;
    color: white !important;
}

    .custom-login-display-menu-default-item p {
        font-size: 17px !important;
        font-weight: 800 !important;
        line-height: 19.92px !important;
        text-transform: uppercase !important;
    }

.custom-login-display-menu-list {
    padding: 0px !important;
}

.custom-app-bar-desktop .mud-toolbar {
    padding-right: 0px !important;
}

.ln-2344 {
    line-height: 23.44px !important;
}

.ff-roboto-condensed {
    font-family: 'RobotoCondensed' !important;
}

.ml-36 {
    margin-left: 36px !important;
}

.color-deemphasized-text-grey {
    color: #696969 !important;
}

.checkin-notes-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: space-between;
    width: 271px;
    line-height: 16.41px;
    color: #696969
}

.checkin-notes-full {
    display: block;
    justify-content: space-between;
    width: 271px;
    line-height: 16.41px;
    color: #696969
}

.checkin-notes-arrow-bottomright {
    position: absolute;
    bottom: -15px;
    right: 0;
}


.custom-download-link {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 17.58px !important;
    color: #3B8BE2 !important;
}

    .custom-download-link svg {
        fill: #3B8BE2
    }

    .custom-download-link .gap-3 {
        gap: 0 !important;
    }

.bordercolor-rimgray {
    border-color: #C7C7C7 !important;
}

.w-185 {
    width: 185px !important;
}

.h-115 {
    height: 115px !important;
}

.brad-15 {
    border-radius: 15px;
}

.custom-document-number {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 28.13px !important;
}

.color-accent-gray {
    color: #A9A8AA;
}

.custom-myorders-document-card {
    padding: 16px !important;
    border-radius: 15px !important;
    border-width: 1px !important;
    border-color: #C7C7C7 !important;
    gap: 22px;
    background-color: #FFFFFF !important;
    margin-bottom: 15px !important;
}

.custom-myorders-document-card-mobile {
    min-height: 107px !important;
    border-radius: 15px !important;
    border-width: 1px !important;
    border-color: #C7C7C7 !important;
    gap: 22px;
    padding: 28px !important;
    background-color: #FFFFFF !important;
    margin: 12px !important;
}

.custom-myorders-document-label {
    font-weight: 600 !important;
    font-size: 15px !important;
    white-space: nowrap;
}

.custom-myorders-document-date-label {
    font-weight: 500 !important;
    font-size: 18px !important;
}

.custom-myorders-mudselect {
    border-radius: 4px !important;
    border-width: 1px !important;
    border-color: #C7C7C7 !important;
    padding: 15px, 11px, 15px, 14px !important;
    gap: 9px !important;
}

.custom-customer-dashboard-add-button {
    background-color: #3B8BE2;
    width: 211px !important;
    height: 36px !important;
    border-radius: 5px !important;
    padding: 10px,16px,10px,14px;
    text-transform: capitalize !important;
}

    .custom-customer-dashboard-add-button svg {
        fill: white !important;
    }

    .custom-customer-dashboard-add-button .mud-button-label {
        color: white !important;
    }

.object-right {
    display: flex;
    justify-content: flex-end;
}

.custom-mudcard-content {
    padding: 28px, 28px, 29px, 28px !important;
}

.custom-myorders-document-card-details-button {
    border-radius: 5px !important;
    border-width: 1px !important;
    padding: 12px, 13px, 12px, 13px !important;
    gap: 10px !important;
    border-color: #085575 !important;
    width: 136px !important;
}

    .custom-myorders-document-card-details-button .mud-typography-body2 {
        color: #085575 !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 16.41px !important;
    }

.custom-myorders-document-card-submit-button {
    border-radius: 5px !important;
    border-width: 1px !important;
    padding: 12px, 13px, 12px, 13px !important;
    gap: 10px !important;
    border-color: #085575 !important;
    width: 136px !important;
    background-color: #085575 !important;
    color: #FFFFFF !important;
}

.custom_mudchip_yellow {
    background-color: #FFD540;
    color: #000000;
}

.custom_mudchip_gray {
    background-color: #969696;
    color: #FFFFFF;
}

.custom_mudchip_lightgray {
    background-color: #E6E6E6;
    color: #000000;
}

.custom_mudchip_lightblue {
    background-color: #C9E3FF;
    color: #000000;
}

.custom_mudchip_blue {
    background-color: #3B8BE2;
    color: white;
}

.custom_mudchip_white {
    background-color: #FFFFFF;
    padding: 10px !important;
    margin: 0px !important;
}

.custom-filter-type-button {
    border-color: #C7C7C7 !important;
    border-radius: 5px !important;
    height: 40px !important;
    width: 38px !important;
    gap: 10px !important;
    padding: 12px, 13px, 12px, 13px !important;
}

    .custom-filter-type-button svg {
        align-self: center !important;
        stroke: #085575 !important;
        padding-top: 10px !important;
        padding-left: 10px !important;
    }

.custom-filter-type-button-clicked {
    border-color: #3B8BE2 !important;
    border-radius: 5px !important;
    background-color: #3B8BE2 !important;
    height: 40px !important;
    width: 38px !important;
    gap: 10px !important;
    padding: 12px, 13px, 12px, 13px !important;
}

    .custom-filter-type-button-clicked svg {
        align-self: center !important;
        stroke: white !important;
        padding-top: 10px !important;
        padding-left: 10px !important;
    }

.custom-mud-popover {
    width: 357px !important;
}

.custom-mud-popover-filter {
    width: 313px !important;
    gap: 9px !important;
    margin-bottom: 8px !important;
}

.custom-mud-popover-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.41px !important;
}

.custom-mud-popover-close-button {
    text-transform: capitalize !important;
    border-radius: 5px !important;
    background-color: #085575 !important;
    color: #FFFFFF !important;
}

.custom-page-title-desktop {
    font-weight: 800 !important;
    font-size: 33px !important;
    text-transform: uppercase !important;
    line-height: 38.67px !important;
    color: black !important;
}

/* Small screen (mobile devices) */
@media (max-width: 600px) {
    .custom-page-title-desktop {
        font-size: 4vw !important;
    }
}

/* Medium screen (laptop or tablets) */
@media (min-width: 600px) and (max-width: 1024px) {
    .custom-page-title-desktop {
        font-size: 3vw !important;
    }
}

/* Large screen (desktops) */
@media (min-width: 1024px) {
    .custom-page-title-desktop {
        font-size: 2vw !important;
    }
}

.custom-pr-status-chip {
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    line-height: 15.23px !important;
    color: black !important;
}


.custom-pr-status-chip {
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    line-height: 15.23px !important;
    color: black !important;
}

.custom-pr-button {
    color: #085575 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-pr-button-disabled {
    color: #085575 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-delete-pr-button {
    color: #830F1A !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #830F1A !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-cancel-pr-button {
    color: #830F1A !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #830F1A !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-submit-pr-button {
    background-color: #085575 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-nsa-dialog-title {
    font-weight: 800 !important;
    font-size: 27px !important;
    line-height: 31.64px !important;
    color: black !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.custom-pr-info-row {
    align-items: baseline !important;
}

.custom-pr-number {
    font-weight: 400 !important;
    font-size: 24px !important;
    color: black !important;
}

.custom-pr-label {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #696969 !important;
    font-style: italic !important;
}

.custom-pr-ls-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #696969 !important;
}

.custom-pr-oi-label {
    font-weight: 800 !important;
    font-size: 22px !important;
    color: black !important;
    text-transform: uppercase !important;
}

.custom-pr-shipping-dest-filter {
}

.custom-pr-shipping-dest-filter-popover {
}

.custom-pr-po-field {
}

.custom-pr-new-ship-address-field {
}

.custom-add-new-address-filter-button {
    color: #3B8BE2 !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
}

.custom-page-link-desktop {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: #3B8BE2 !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.custom-pr-products-label {
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 25.78px !important;
    color: black !important;
    text-transform: uppercase !important;
}

.custom-pr-products-sublabel {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
}

.custom-pr-add-products-button {
    background-color: #3B8BE2 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #3B8BE2 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
}

.custom-pr-products-table-header {
    background-color: #333333 !important;
}

    .custom-pr-products-table-header tr th {
        color: white !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        padding-top: 10px !important;
        padding-right: 3px !important;
        padding-left: 10px !important;
    }

.custom-pr-save-products-button {
    background-color: #3B8BE2 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #3B8BE2 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.custom-pr-deleted-product-field {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: gray !important;
    text-decoration: line-through !important;
}

.custom-pr-product-field {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
}

.custom-pr-product-field-last-version {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
    background-color: #FFD540 !important;
}

.custom-pr-product-field-color-paintcode {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #696969 !important;
}

.custom-pr-product-field-color-paintcode-last-version {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #696969 !important;
    background-color: #FFD540 !important;
}

.custom-pr-restore-products-button {
    background-color: #3B8BE2 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #3B8BE2 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.custom-discard-changes-dialog {
    width: 441px !important;
    padding: 20px !important;
}

.custom-discard-changes-dialog-title {
    font-weight: 800 !important;
    font-size: 27px !important;
    text-transform: uppercase !important;
    color: black !important;
    text-align: center !important;
}

.custom-discard-changes-dialog-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
    text-align: center !important;
}

.custom-discard-changes-dialog-discard-button {
    background-color: #CE1B2C !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #CE1B2C !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-discard-changes-dialog-goback-button {
    color: #085575 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-pr-comments-label {
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 25.78px !important;
    color: black !important;
    text-transform: uppercase !important;
}

.custom-pr-comments-opt-label {
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 25.78px !important;
    color: lightgray !important;
    text-transform: uppercase !important;
}

.custom-pr-comments-sublabel {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
}

.custom-confirmation-dialog {
    width: 441px !important;
    padding: 20px !important;
}

.custom-confirmation-dialog-title {
    font-weight: 800 !important;
    font-size: 27px !important;
    line-height: 31.64px !important;
    color: black !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding-top: 20px !important;
}

.custom-confirmation-dialog-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
    line-height: 21px !important;
    text-align: center !important;
}

.custom-confirmation-dialog-confirm-button {
    background-color: #085575 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin-left: 10px !important;
}

.custom-confirmation-dialog-confirm-button-red {
    background-color: #CE1B2C !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin-left: 10px !important;
}

.custom-confirmation-dialog-cancel-button {
    color: #085575 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-bottom: 13px !important;
}

.custom-date-received-icon {
    width: 15px !important;
}

.custom-reset-default-mudselectitem .mud-list-item-icon {
    display: none
}

.custom-reset-default-mudselectitem p {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 16.41px !important;
    color: #3B8BE2 !important;
}

.custom-pr-sortby-select {
    margin-top: 0px !important;
    width: 70px !important;
}

.custom-pr-status-select {
    margin-top: 0px !important;
    width: 70px !important;
}

.custom-pr-customer-autocomplete {
    margin-top: 0px !important;
}

.custom-myorders-purchase-request-label {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: #696969 !important;
    white-space: nowrap;
}

.custom-pr-document-number-inside-sales-reviewing {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 28.13px !important;
    color: #000000 !important;
}

.custom-pr-document-number-inside-sales {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 28.13px !important;
    color: #A9A8AA !important;
}

.custom-pr-label-card-inside-sales {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 17.58px !important;
    color: #696969 !important;
}

.custom-pr-publish-button {
    background-color: #085575 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-pr-edit-button {
    color: #085575 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-pr-sublabel-title-card-inside-sales {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: black !important;
}

.custom-pr-sublabel-data-card-inside-sales {
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 21.09px !important;
    color: black !important;
}

.custom-pr-orderinformation-title-inside-sales {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: black !important;
}

.custom-pr-orderinformation-customer-name-inside-sales {
    font-weight: 300 !important;
    font-size: 26px !important;
    line-height: 30.47px !important;
    margin-top: 10px !important;
    color: black !important;
}

.custom-pr-orderinformation-shipping-address-inside-sales {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    margin-top: 10px !important;
    color: black !important;
}

.custom-pr-orderinformation-po-number-inside-sales {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    margin-top: 10px !important;
    color: black !important;
}

.custom-pr-orderinformation-product-count-inside-sales {
    font-weight: 700 !important;
    font-size: 26px !important;
    line-height: 30.47px !important;
    margin-top: 10px !important;
    align-items: center !important;
    color: black !important;
}

.custom-pr-orderinformation-product-title-inside-sales {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    margin-top: 10px !important;
    color: black !important;
}

.custom-pr-orderinformation-edit-link-inside-sales {
    color: #3B8BE2 !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

    .custom-pr-orderinformation-edit-link-inside-sales svg {
        stroke: #3B8BE2 !important;
        margin-top: 5px !important;
    }

.custom-pr-orderinformation-edit-link-inside-sales-disabled {
    color: lightgray !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

    .custom-pr-orderinformation-edit-link-inside-sales-disabled svg {
        stroke: lightgray !important;
        margin-top: 5px !important;
    }

.custom-publish-pr-inside-sales-button {
    background-color: #085575 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-list-item {
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 5px;
}

.custom-timeline-item {
    /*background-color: #B8DAFF*/
}

    .custom-timeline-item .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-default {
        background-color: #B8D8FD;
        border-color: #3B8BE2;
        border-width: 8px;
    }

.custom-timeline-horizontal::before {
    height: 5px;
    background-color: #B8DAFF;
}

.custom-timeline-vertical::before {
    width: 5px;
    background-color: #B8DAFF;
}

.custom-product-card {
    border-radius: 11px !important;
    border-width: 1px !important;
    border-color: #C7C7C7 !important;
    gap: 17px;
    background-color: #FFFFFF !important;
    margin-bottom: 7px !important;
}

.custom-tab-myorder-custom {
    flex-direction: column !important;
}

.custom-truck-icon {
    height: 29px !important;
    width: 39px !important;
}

    .custom-truck-icon svg {
        align-self: center !important;
        margin-left: 5px !important;
        margin-top: 4px !important;
    }


.custom-pr-comment-message {
    padding-bottom: 5px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #000000 !important;
}


.custom-pr-comment-message-last-version {
    padding-bottom: 5px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #000000 !important;
    background-color: #FFD540 !important;
    width: fit-content !important;
}

.custom-pr-comment-message-last-recently-reply {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #000000 !important;
    padding-bottom: 6px !important;
}

.custom-pr-reply-comment-link {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 17.58px !important;
    color: #3B8BE2 !important;
}

.custom-pr-responses-indicator-last-version {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: #000000 !important;
    width: 150px !important;
}

.custom-pr-responses-indicator-last-version-mobile {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: #000000 !important;
}

.custom-pr-product-autocomplete-gauge {
    width: 85px !important;
}

    .custom-pr-product-autocomplete-gauge input {
        font-size: 14px !important;
        padding-left: 8px !important;
    }

    .custom-pr-product-autocomplete-gauge div {
        padding-right: 3px !important;
    }

.custom-pr-product-autocomplete-list-item {
    font-size: 14px !important;
}

.custom-pr-product-autocomplete-list-item-suggested {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.custom-pr-product-autocomplete-width {
    width: 92px !important;
}

    .custom-pr-product-autocomplete-width input {
        font-size: 14px !important;
        padding-left: 8px !important;
    }

    .custom-pr-product-autocomplete-width div {
        padding-right: 3px !important;
    }


.custom-pr-product-autocomplete-grade {
    width: 80px !important;
}

    .custom-pr-product-autocomplete-grade input {
        font-size: 14px !important;
        padding-left: 8px !important;
    }

    .custom-pr-product-autocomplete-grade div {
        padding-right: 3px !important;
    }


.custom-pr-product-autocomplete-substrate {
    width: 109px !important;
}

    .custom-pr-product-autocomplete-substrate input {
        font-size: 14px !important;
        padding-left: 8px !important;
    }

    .custom-pr-product-autocomplete-substrate div {
        padding-right: 3px !important;
    }

.custom-pr-product-autocomplete-color {
    min-width: 100px !important;
}

    .custom-pr-product-autocomplete-color input {
        font-size: 14px !important;
    }

    .custom-pr-product-autocomplete-color div {
        padding-right: 3px !important;
    }

.custom-pr-product-select-product-type div {
    font-size: 14px !important;
    padding-right: 3px !important;
}

.custom-pr-product-select-quantity-type div {
    font-size: 14px !important;
    padding-right: 3px !important;
}

.custom-pr-product-textfield-quantity {
    width: 80px !important;
}

    .custom-pr-product-textfield-quantity input {
        font-size: 14px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

.custom-pr-product-textfield-comment {
    padding-top: 23px !important;
}

    .custom-pr-product-textfield-comment textarea {
        font-size: 14px !important;
    }

.custom-pr-reachout-message-card-text {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 17.58px !important;
    color: black !important;
}

.custom-pr-products-table-row .mud-table-cell {
    padding: 6px !important;
}

.custom-outsidesales-dashboard-items {
    justify-content: center !important;
}

.custom-outsidesales-dashboard-item {
    background-color: #EFEFEF !important;
    width: 185px;
    height: 110px;
    min-width: 185px;
    border-radius: 11px;
    border-width: 1px;
    border-color: #C7C7C7 !important;
    padding: 20px 30px 34px 30px !important;
    gap: 15px;
    position: relative !important;
    overflow: hidden !important;
}

.responsive-width {
    max-width: 100%;
}

@media (min-width: 768px) {
    .responsive-width {
        max-width: 600px;
    }
}

.responsive-width-dialog {
    max-width: 100%;
}

@media (min-width: 768px) {
    .responsive-width-dialog {
        max-width: 600px;
        height: 95% !important;
        padding-bottom: 10px !important;
        margin-top: 0px !important;
    }
}

.custom-prospective-customer-chip {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.custom-tab-customer-information-disabled {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 16.41px !important;
    color: gray !important;
    min-width: 130px !important;
    text-transform: capitalize !important;
}

.custom-prospective-customer-order-information-row {
    align-items: center !important;
}

.custom-prospective-customer-merge-icon {
    color: #3B8BE2 !important;
}

.custom-prospective-customer-merge-link {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 17.58px !important;
    color: #3B8BE2 !important;
}

.custom-prospective-customer-merge-dialog {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 441px !important;
    height: 450px !important;
}

.custom-myorders-document-card-tittle {
    background-color: #5F5F5F;
    color: #FFFFFF;
    border-top-left-radius: 15pX;
    border-top-right-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    height: 28px;
    padding-left: 20px;
    padding-top: 5px;
}

.custom-myorders-document-card-tittle-mobile {
    background-color: #5F5F5F;
    color: #FFFFFF;
    border-top-left-radius: 15pX;
    border-top-right-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    height: 28px;
    padding-top: 3px;
}

.my-dashboard-table-header {
    color: black !important;
    background-color: #E6E6E6 !important;
    font-weight: bold !important;
}


.my-dasboard-custom-page-link-mobile {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 17.58px !important;
    color: #3B8BE2 !important;
    padding-bottom: 8px !important;
}

    .my-dasboard-custom-page-link-mobile svg {
        margin-top: 5px !important;
    }

.custom-myorders-document-outside-sales-card {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 16px;
    border-radius: 15px !important;
    border-width: 1px !important;
    border-color: #C7C7C7 !important;
    gap: 22px;
    background-color: #FFFFFF !important;
    margin-bottom: 12px !important;
}

.custom-pr-backordered-stack {
    align-items: center !important;
    margin-left: 10px !important;
}

.custom-pr-backordered-container {
    padding: 0px !important;
    height: 10px !important;
    max-width: 85px !important;
    margin-left: 0px !important;
}

.custom-pr-backordered-label {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16.41px !important;
}

.custom-pr-backordered-switch .mud-switch-button .mud-switch-thumb-small {
    background-color: #C11734 !important;
}

.custom-pr-backordered-switch .mud-switch-span .mud-switch-track {
    background-color: gray !important;
}

.custom-pr-backordered-switch p {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16.41px !important;
}


.custom-pr-backordered-chip {
    font-size: 10px !important;
    font-weight: 700 !important;
    background-color: #C11734 !important;
    border-radius: 0px !important;
    height: 20px !important;
    width: 85px !important;
    padding: 0px !important;
    text-transform: uppercase !important;
}

.custom-pr-backordered-deleted-chip {
    font-size: 10px !important;
    font-weight: 700 !important;
    background-color: gray !important;
    border-radius: 0px !important;
    height: 20px !important;
    width: 85px !important;
    text-decoration: line-through !important;
    padding: 0px !important;
    text-transform: uppercase !important;
}

.custom-pr-backordered-chip-card {
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 15.23px !important;
    background-color: #C11734 !important;
    text-transform: capitalize !important;
}


.custom-pr-product-upper-td {
    padding: 0px !important;
    border-bottom: none !important;
}

.custom-pr-product-comments-td {
    padding-top: 5px !important;
    min-width: 200px !important;
}


.custom-pr-product-field-td {
    vertical-align: top !important;
    padding-top: 20px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.custom-myorders-document-inside-sales-card {
    padding: 16px !important;
    border-radius: 15px !important;
    border-width: 1px !important;
    border-color: #C7C7C7 !important;
    gap: 22px;
    background-color: #FFFFFF !important;
    margin-bottom: 12px !important;
}

.custom-feedback-dialog {
    width: 445px !important;
    padding: 10px !important;
}

.custom-feedback-sent-stack {
    align-items: center !important;
}

.custom-feedback-sent-icon {
    font-size: 5.5rem !important;
}

.custom-feedback-sent-label {
    font-weight: 800 !important;
    font-size: 27px !important;
    line-height: 31.64px !important;
    color: black !important;
    text-transform: uppercase !important;
}

.custom-feedback-sent-sublabel {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: black !important;
    text-align: center !important;
}

.custom-feedback-sentiment-label {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 16.41px !important;
}

.custom-feedback-sentiment-icon {
    font-size: 3rem !important;
    border: 2px solid !important;
    padding: 3px !important;
    border-radius: 100px !important;
    color: transparent !important;
}

.custom-feedback-sentiment-positive-icon {
    font-size: 3rem !important;
    border: 2px solid !important;
    padding: 3px !important;
    border-radius: 100px !important;
    color: #00C13D !important;
}

.custom-feedback-sentiment-ok-icon {
    font-size: 3rem !important;
    border: 2px solid !important;
    padding: 3px !important;
    border-radius: 100px !important;
    color: #AAD801 !important;
}

.custom-feedback-sentiment-neutral-icon {
    font-size: 3rem !important;
    border: 2px solid !important;
    padding: 3px !important;
    border-radius: 100px !important;
    color: #FDD319 !important;
}

.custom-feedback-sentiment-notgreat-icon {
    font-size: 3rem !important;
    border: 2px solid !important;
    padding: 3px !important;
    border-radius: 100px !important;
    color: #F6902D !important;
}

.custom-feedback-sentiment-terrible-icon {
    font-size: 3rem !important;
    border: 2px solid !important;
    padding: 3px !important;
    border-radius: 100px !important;
    color: #EC252C !important;
}


.customer-user-verification-stack {
    padding-top: 100px !important;
}

.customer-user-verified-stack {
    padding-top: 240px !important;
}

.customer-user-verification-title {
    font-size: 33px !important;
    font-weight: 800 !important;
    line-height: 38.67px !important;
    color: black !important;
    text-transform: uppercase !important;
}

.customer-user-verification-label {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 17.58px !important;
    color: black !important;
}

.customer-user-verification-label-error {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    color: #CE1B2C !important;
    padding-top: 10px !important;
    width: 288px !important;
    text-align: center !important;
}

.customer-user-verification-input {
    width: 288px !important;
    height: 40px !important;
    border-radius: 4px !important;
}

.customer-user-verification-submit-button {
    width: 210px !important;
    height: 43px !important;
    border-radius: 5px !important;
    color: white !important;
    background-color: #C11734 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 21.09px !important;
    text-transform: capitalize !important;
}

.customer-user-verification-home-button {
    width: 250px !important;
    height: 50px !important;
    border-radius: 5px !important;
    color: white !important;
    background-color: #085575 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 21.09px !important;
    text-transform: capitalize !important;
}

.customer-user-verification-link {
    padding-top: 5px !important;
}

    .customer-user-verification-link svg {
        fill: #3B8BE2 !important;
    }

    .customer-user-verification-link p {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 16.41px !important;
        color: #3B8BE2 !important;
    }

.customer-user-verification-link-disabled {
    padding-top: 5px !important;
}

    .customer-user-verification-link-disabled svg {
        fill: lightgray !important;
    }

    .customer-user-verification-link-disabled p {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 16.41px !important;
        color: lightgray !important;
    }

.customer-user-verification-link-sent {
    padding-top: 5px !important;
}

    .customer-user-verification-link-sent p {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 16.41px !important;
        color: #00AC37 !important;
    }

.customer-user-verification-label-sent {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 16.41px !important;
    color: black !important;
}

.custom-contact-us-button {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    border-color: #085575 !important;
    color: #085575 !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 16.41px !important;
}

    .custom-contact-us-button svg {
        stroke: #085575 !important;
    }

.custom-download-mtrs-button {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    color: #3B8BE2 !important;
}

    .custom-download-mtrs-button svg {
        margin-top: 8px;
        align-self: center !important;
        stroke: #3B8BE2 !important;
        margin-left: 8px !important;
    }

.custom-download-mtr-button {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    color: #3B8BE2 !important;
}

    .custom-download-mtr-button svg {
        margin-top: 8px;
        align-self: center !important;
        stroke: #3B8BE2 !important;
        margin-left: 8px !important;
    }


.custom-addcustomer-button {
    background-color: #3B8BE2;
    width: 211px !important;
    height: 36px !important;
    border-radius: 5px !important;
    padding: 10px,16px,10px,14px;
    text-transform: capitalize !important;
}

    .custom-addcustomer-button svg {
        padding-top: 5px;
        fill: white !important;
    }

    .custom-addcustomer-button .mud-button-label {
        color: white !important;
    }

.custom-page-header-action-stack {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.custom-customer-list-button {
    width: 44px;
    height: 40px;
    gap: 10px;
    border-color: #C7C7C7;
}

    .custom-customer-list-button svg {
        align-self: center !important;
        stroke: #C7C7C7 !important;
        margin-left: 7px !important;
    }

.custom-add-edit-delete-user-title {
    font-weight: 800 !important;
    font-size: 27px !important;
    line-height: 31.64px !important;
    color: black !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding-top: 20px !important;
}

.custom-edit-username-label {
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: black !important;
}

.custom-role-permission-substack {
    gap: 3px !important;
}

.custom-roles-permission-title {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: black !important;
}

.custom-employee-role-permission-header {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.41px !important;
    color: black !important;
}

.custom-employee-role-permission-header-disabled {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.41px !important;
    color: #696969 !important;
}

.custom-role-permission-checkbox-disabled {
    fill: #696969 !important;
}

.custom-role-permission-checkbox .mud-svg-icon {
    fill: #3B8BE2 !important;
}

.custom-role-permission-checkbox .mud-checkbox .mud-checkbox-dense {
    padding: 0px !important;
}

.custom-role-permission-header {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.41px !important;
    color: black !important;
}

.custom-role-permission-subheader {
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 14.06px !important;
    color: #696969 !important;
}

.custom-add-edit-user-dialog {
    width: 441px !important;
    padding: 5px !important;
}

    .custom-add-edit-user-dialog .mud-dialog-actions {
        padding: 10px 24px 20px !important;
    }


.custom-add-edit-user-delete-cancel-button {
    color: #085575 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-add-edit-user-save-button {
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    background-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-delete-user-button {
    color: white !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #CE1B2C !important;
    background-color: #CE1B2C !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-add-edit-user-delete-link svg {
    fill: #CE1B2C !important;
}

.custom-add-edit-user-delete-link p {
    color: #CE1B2C !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 16.41px !important;
    text-transform: capitalize !important;
}

.custom-add-edit-user-delete-link-stack {
    gap: 2px !important;
}

.custom-delete-user-dialog {
    width: 441px !important;
    padding-inline: 45px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.custom-delete-user-friendlyname-label {
    font-weight: 600 !important;
    font-size: 21px !important;
    line-height: 24.61px !important;
    color: black !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.custom-delete-user-username-label {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 17.58px !important;
    color: black !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.custom-delete-user-label {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: black !important;
    text-align: center !important;
}

.custom-merge-prospective-customer-link svg {
    fill: #3B8BE2 !important;
}

.custom-merge-prospective-customer-link p {
    color: #3B8BE2 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 16.41px !important;
    text-transform: capitalize !important;
}

.custom-merge-prospective-customer-link-stack {
    gap: 2px !important;
}


.custom-delete-prospective-customer-link svg {
    fill: #CE1B2C !important;
}

.custom-delete-prospective-customer-link p {
    color: #CE1B2C !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 16.41px !important;
    text-transform: capitalize !important;
}

.custom-delete-prospective-customer-link-stack {
    gap: 2px !important;
}

.custom-customerdashboard-dashboarditem {
    border-radius: 11px;
    padding: 20px 30px 34px 30px !important;
    gap: 15px;
    width: 185px;
    height: 118px;
    min-width: 185px;
    border-width: 1px;
    border-color: #C7C7C7 !important;
}

.custom-page-paper {
    padding-top: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.custom-customer-locator-search-textfield {
    margin-top: 5px !important;
    max-width: 250px !important;
}

.custom-customer-locator-miles-select {
    margin-top: 5px !important;
    width: 150px !important;
}

.custom-customer-locator-material-type-select {
    margin-top: 5px !important;
    width: 200px !important;
}

.custom-customer-locator-miles-select {
    margin-top: 5px !important;
    width: 150px !important;
}

.custom-customer-locator-gauge-autocomplete {
    margin-top: 5px !important;
    width: 110px !important;
}

.custom-customer-locator-width-autocomplete {
    margin-top: 5px !important;
    width: 110px !important;
}

.custom-customer-locator-grade-autocomplete {
    margin-top: 5px !important;
    width: 110px !important;
}

.custom-customer-locator-substrate-autocomplete {
    margin-top: 5px !important;
    width: 120px !important;
}

.custom-customer-locator-color-autocomplete {
    margin-top: 5px !important;
    min-width: 100px !important;
}

.custom-customer-locator-outsidesalesuser-autocomplete {
    margin-top: 5px !important;
    width: 265px !important;
}

.custom-customer-locator-outsidesalesuser-autocomplete-mobile {
    margin-top: 15px !important;
}

.custom-customer-locator-card {
    border-radius: 15px !important;
    margin-bottom: 10px !important;
}

.custom-customer-locator-card-selected {
    border-radius: 15px !important;
    margin-bottom: 10px !important;
    border: 2px solid #367acf !important;
}

.custom-customer-locator-card-content {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.custom-customer-locator-card-customer-name {
    font-weight: 800 !important;
    font-size: 16px !important;
    line-height: 100% !important;
    color: black !important;
    padding-bottom: 15px !important;
    padding-top: 5px !important;
}

.custom-customer-locator-card-customer-address {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    color: #696969 !important;
}

.custom-customer-locator-card-subcontent {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    color: black !important;
}

.custom-customer-locator-card-sales-person-name {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    color: black !important;
}

.custom-customer-locator-address-filter-stack {
    margin-bottom: 10px !important;
}

    .custom-customer-locator-address-filter-stack .mud-select {
        flex-grow: 0 !important;
    }

.custom-customer-locator-order-filter-stack {
    margin-bottom: 10px !important;
}

    .custom-customer-locator-order-filter-stack .mud-select {
        flex-grow: 0 !important;
    }

.custom-custom-locator-not-found-label {
    font-weight: 600 !important;
    font-size: 17px !important;
    line-height: 100% !important;
    color: black !important;
}

.custom-customer-locator-search-stack-mobile {
    margin-top: 15px !important;
}

.custom-customer-locator-search-textfield-mobile {
    margin-top: 15px !important;
    width: 90% !important;
}

.custom-customer-locator-export-button-mobile {
    margin-top: 15px !important;
    width: 10% !important;
    height: 40px !important;
    border-color: gray !important;
}

    .custom-customer-locator-export-button-mobile .mud-button-icon-size-medium > *:first-child {
        padding-top: 15px !important;
        padding-left: 30px !important;
        font-size: 65px !important;
    }

.custom-customer-locator-material-types-mobile {
    margin-top: 15px !important;
}

.custom-customer-locator-range-stack-mobile {
    margin-top: 15px !important;
}

.custom-customer-locator-orders-panel-mobile .mud-expand-panel .mud-expand-panel-header {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.custom-customer-locator-orders-panel-mobile .mud-expand-panel-text {
    font-weight: 700 !important;
}

.custom-customer-locator-orders-panel-mobile .mud-expand-panel .mud-expand-panel-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.custom-customer-locator-orders-panel-content-mobile {
}

.custom-customer-locator-orders-panel-stack-mobile {
    margin-top: 8px !important;
}

.custom-customer-locator-map-container-mobile {
    margin-top: 20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 60% !important;
}

.custom-customer-locator-cards-container-mobile {
    margin-top: 20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.custom-myorders-soldrange-mobile {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.custom-customer-locator-card-copy-to-clipboard-icon {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}

.custom-shipto-location-select-all-item svg {
    display: none !important;
}

.custom-shipto-location-select-all-item .mud-list-item-icon {
    min-width: 0 !important;
}

.custom-shipto-location-item-disabled-icon {
    margin-left: 5px !important;
}

.custom-information-center-description {
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
    width: 650px;
}

.custom-category-card {
    gap: 17px;    
    margin-bottom: 25px;
}

.custom-category-name {
    font-family: 'RobotoCondensed' !important;
    font-weight: 800;
    font-size: 22px;
    line-height: 100%;
    text-transform: uppercase;
}

.custom-category-document-name {
    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    color: #3B8BE2 !important;
}

.custom-category-document-description {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    color: #696969 !important;
    margin-top: 5px;
    margin-bottom: 15px;
    display: block;    
    word-wrap: break-word; 
    white-space: normal; 
}

.custom-info-center-dialog {
    width: 441px;
    min-height: 578px;
    border-radius: 10px;
}

.custom-infocenter-category-message {
    color: #696969;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
}

.custom-form-dialog {
    width: 441px !important;
    padding: 20px !important;
}

.custom-title-dialog {
    font-weight: 800 !important;
    font-size: 27px !important;
    line-height: 31.64px !important;
    color: black !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding-top: 20px !important;
}

.high-z-index-dialog {
    z-index: 1300 !important;
    position: relative;
}

.customer-unionred-button {
}

    .customer-unionred-button svg {
        margin-top: 8px !important;
        margin-left: 8px !important;
    }

.custom-sort-by-component {
    width: 250px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.custom-sort-by-stack {
}

.custom-sort-by-toggle {
    position: absolute !important;
    z-index: 1 !important;
    margin-top: 15px !important;
    margin-left: 10px !important;
}

.custom-sort-by-select {
    position: relative !important;
}

    .custom-sort-by-select .mud-input {
        padding-left: 30px !important;
    }

.custom-desktop-header-add-button {
    background-color: #3B8BE2;
    width: 211px !important;
    height: 36px !important;
    border-radius: 5px !important;
    padding: 10px,16px,10px,14px;
    text-transform: capitalize !important;
}

    .custom-desktop-header-add-button svg {
        padding-top: 5px;
        fill: white !important;
    }

    .custom-desktop-header-add-button .mud-button-label {
        color: white !important;
    }


.custom-claimtype-sublabel {
    font-weight: 500 !important;
    font-size: 18px !important;
    color: black !important;
    text-align: center !important;
}

.custom-claimtype-button-paper {
    text-align: center;
}

.custom-claimtype-button {
    border-width: 1px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    width: 300px !important;
    height: 70px !important;
    margin-top: 10px !important;
}

.custom-claimtype-button-label {
    font-weight: 800 !important;
    font-size: 19px !important;
    color: #085575 !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.custom-claimtype-button-sublabel {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #085575 !important;
    text-align: center !important;
}

.custom-claim-section-title {
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 100% !important;
    color: black !important;
    text-transform: uppercase !important;
}

.custom-claim-section-description {
    margin-top: 10px !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 100% !important;
    color: black !important;
}

.custom-claim-section-header {
    margin-top: 30px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.custom-claim-products-section-component {
    margin-top: 20px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    max-width: 400px !important;
}

.custom-claim-products-section-component-search-field {
    margin-bottom: 0px !important;
}

.custom-claim-products-section-component-search-list {
    margin-top: 0px !important;
    border-width: 1px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-color: gray !important;
    border-top-width: 0px !important;
    height: 450px !important;
    overflow-y: auto !important;
}

.custom-claim-products-section-component-search-list-subheader {
    font-weight: 800 !important;
    font-size: 12px !important;
    color: black !important;
    text-transform: uppercase !important;
}

.custom-claim-products-section-component-search-list-item div {
}

.custom-claim-products-section-component-search-list-item p {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #3B8BE2 !important;
}

.custom-claim-comments-section-component {
    max-width: 1580px !important;
}

.custom-claim-comments-section-component-message-paper {
    padding: 0px !important;
    margin-top: 15px !important;
}

.custom-claim-comments-section-component-text {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 100% !important;
    color: black !important;
}

.custom-claim-comments-section-component-text-field {
}

.custom-claim-comments-section-component-file-paper {
    padding: 0px !important;
    margin-top: 15px !important;
}

.custom-claim-comments-section-component-documentation-text {
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 100% !important;
    color: black !important;
}

.custom-claim-comments-section-component-documentation-container {
    border: dashed !important;
    border-width: 2px !important;
    border-color: lightgray !important;
    margin-top: 12px !important;
    height: 116px !important;
    align-content: center !important;
}

.custom-claim-comments-section-component-documentation-dragdrop-placeholder {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: black !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 30px !important;
}

.custom-claim-comments-section-component-documentation-or-placeholder {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: black !important;
    display: flex !important;
    justify-content: center !important;
    text-transform: lowercase !important;
    margin-top: 30px !important;
}

.custom-claim-comments-section-component-documentation-stack {
    margin-top: 2px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.custom-claim-comments-section-component-documentation-container-link {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #3B8BE2 !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 30px !important;
}

.custom-claim-comments-section-component-documentation-container-loading {
    margin-top: 1px !important;
}

.custom-claim-comments-section-component-files-paper {
    margin-top: 25px !important;
    height: 130px !important;
    overflow-y: auto !important;
    max-width: 320px !important;
}

.custom-claim-comments-section-component-files-card {
    max-width: 300px !important;
    height: 25px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 0px !important;
    color: black !important;
    background-color: lightgray !important;
}

.custom-claim-comments-section-component-files-text {
    font-size: 12px !important;
    align-content: center !important;
}

.custom-claim-policy-link {
    margin-top: 10px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 100% !important;
    color: #3B8BE2 !important;
}

.custom-claim-policy-container {
    margin-top: 10px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.custom-claim-policy-checkbox p {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
}

.custom-claim-button {
    color: #085575 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #085575 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-claim-button-disabled {
    color: #085575 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-cancel-claim-button {
    color: #830F1A !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #830F1A !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-discard-claim-button {
    color: #830F1A !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    line-height: 16.41px !important;
    border-color: #830F1A !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.custom-dropzone {
    z-index: 0;
    position: relative;
}

    .custom-dropzone .mud-drop-item {
        z-index: 0;
        position: relative;
    }

    .custom-dropzone .info-card {
        position: relative;
        z-index: 10;
    }


.custom-customer-locator-map-overlay{

}

.custom-checkin-customer-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative !important;
}

.custom-checkin-customer-stack {
    position: relative !important;
}


.custom-checkin-customer-suggestions-menu {
    position: absolute;
    right: 2.5rem;
    z-index: 1;
}

.custom-checkin-customer-suggestions-menu-item {
    max-width: 260px !important;
}

.custom-checkin-customer-suggestions-menu-item-name {
    font-size: 15px !important;
    font-weight: 700 !important;
}

.custom-checkin-customer-suggestions-menu-item-miles {
    font-size: 15px !important;
    font-weight: 700 !important;
}

.custom-checkin-customer-suggestions-menu-item-subcontent {
    font-size: 14px !important;
}

.custom-checkin-customer-suggestions-menu-item-header-content-stack {
    padding: 3px !important;
}

.custom-checkin-customer-suggestions-menu-item-header-subcontent-stack {
    padding-top: 0px !important;
}

.custom-customer-selector {
    margin-top: 5px !important;
}

.custom-app-alert {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.custom-customer-locator-filter-button-mobile {
    margin-top: 15px !important;
    width: 10% !important;
    height: 40px !important;
    border-color: gray !important;
    fill: #085575;
}

    .custom-customer-locator-filter-button-mobile .mud-button-icon-size-medium > *:first-child {
        margin-left: 10px !important;
        font-size: 30px !important;        
    }

.custom-checkin-saved-dialog {
    width: 315px !important;
    padding: 10px !important;
}

.custom-checkin-saved-stack {
    align-items: center !important;
}

.custom-checkin-saved-icon {
    font-size: 5.5rem !important;
}

.custom-checkin-saved-label {
    font-weight: 800 !important;
    font-size: 27px !important;
    line-height: 31.64px !important;
    color: black !important;
    text-transform: uppercase !important;
}

.custom-checkin-saved-sublabel {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: black !important;
    text-align: center !important;
}

.custom-checkin-submiting-alert .mud-alert-message {
    padding: 0px !important;
}

.custom-myorders-sortby-select {
    width: 151px !important;
    margin-top: 0px !important;
}

.custom-customer-type-toggle {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.custom-customer-type-toggle-selected {
    background-color: #085575 !important;
    color: white !important;
}

.custom-visibility-hidden {
    visibility: hidden;    
}

.custom-visibility-visible {
    visibility: visible;    
}