/* THIS FILE LOADS BEFORE portalbasictheme.css, RESULTING IN SOME THINGS NEEDING !important */
:root {
    --primary: #001A70;
    --primary-neutral: #001737;
    --secondary: #2E5FEF;
    --border-gray: #B8C5D5;
    --neutral-gray: #F8F9FA;
    --red: #c72f2f;
    --green: #278838;
    --black: #000;
}
body {
    background-color: var(--neutral-gray) !important;
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
    font-family: 'Century Gothic';
    font-weight: normal;
}
#mainContent {
    margin-left: 0;
    width: 100%;
}
/* COMPONENT AND LAYOUT HEADINGS */
h1 {
    font-size: 40px !important;
    font-weight: bold !important;
    line-height: 52px !important;
    color: var(--black) !important;
    font-family: 'Century Gothic' !important;
    /* don't style like this if in a modal */
    .modal-content & {
        margin-top: 0;
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: normal !important;
    }
}
h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 52px !important;
    color: var(--black) !important;
    font-family: 'Century Gothic' !important;
    border: none;
}
h3 {
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 32px !important;
    color: var(--black) !important;
    font-family: 'Century Gothic' !important;
}
/* SUPPORTING STYLES */
a {
    font-family: 'Century Gothic' !important;
    text-decoration: none !important;
}
/* TOP NAVBAR */
.foodbuy.navbar.static-top {
    height: 48px;
    align-items: center;
    flex: 1 0 0;
    background-color: var(--primary-neutral);
}
.foodbuy img.logo-color {
    display: inline-block;
    vertical-align: middle;
    width: inherit;
    height: 100%;
    max-height: 73px;
}
.foodbuy .custom-navbar-toggler {
    margin: 0;
    padding: 0 0.5rem;
}
/* SIDE NAVBAR */
.foodbuy .menu-bar {
    display: flex;
    width: min-content;
    padding: 1rem 0px;
    flex-direction: column;
    align-items: flex-start;
    height: calc(100vh - 35px);
    left: 0 !important;
    position: fixed;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    z-index: 999;
    background-color: #FFF;
}
.foodbuy .menu-bar .navbar-nav>li>a.nav-link {
    display: flex;
    height: 34px;
    padding: 23px 15px;
    align-items: center;
    align-content: center;
    gap: 4px;
    align-self: stretch;
    flex-wrap: nowrap;
    color: var(--black);
}
.foodbuy .menu-bar a.nav-link[aria-current="page"] {
    background-color: var(--neutral-gray);
    color: var(--secondary) !important;
    border-left: 4px solid var(--secondary);
}
.foodbuy .menu-bar a.nav-link:not([aria-current="page"]) {
    padding-left: 19px !important;
}
/* ICONS */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}
.foodbuy .static-top.navbar .menu-bar>.navbar-nav>li>a:hover {
    background-color: var(--neutral-gray);
    color: var(--secondary);
}
.footer-bottom {
    display: none !important;
}
/* Table Styling */
/* Search Input */
.view-toolbar.grid-actions {
    border-radius: 10px 10px 0px 0px;
    margin-bottom: inherit;
    padding-bottom: inherit;
}
.view-toolbar .input-group {
    margin: 5px;
}
.view-toolbar .input-group-btn .btn {
    height: 34.5px;
}
span.badgeNotification.noNotification {
    background: none;
}
.badgeNotification {
    position: absolute;
    height: 12px;
    width: 14px;
    font-size: 9px;
    border-radius: 12px;
    background: #c01929;
    color: #f3ecec;
    top: 9px;
    right: 68px;
    text-align: center;
    z-index: 999;
    font-weight: 500;
    line-height: 12px;
}
span.material-symbols-outlined.active {
    background-color: #2E5FEF !important;
}
/* #notificationPop,
#userAccountPop {
    margin-top: 8px;
} */
.notification div {
    &>.notificationMenu {
        position: fixed;
        right: 9px;
        padding-top: 5px;
        width: 26%;
        pointer-events: auto;
        opacity: 1;
        background-color: white;
        box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.2);
        transition: all .3s;
        border-radius: 12px;
    }
}
.notification div {
    &>.notificationMenu,
    &>.userAccountMenu {
        position: fixed;
        right: 9px;
        padding-top: 5px;
        width: 263px;
        pointer-events: auto;
        opacity: 1;
        background-color: white;
        box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.2);
        transition: all .3s;
        border-radius: 12px;
        z-index: 9;
        top: 48px;
    }
}
label {
    margin-bottom: 0 !important;
}
.notification div {
    &>.notificationMenu,
    &>.userAccountMenu {
        &>.notificationHeader {
            display: flex;
            padding-left: 10px;
            height: 3em;
            color: #000;
            align-items: center;
            font-size: 14px;
            border-bottom: 1px solid;
        }
    }
}
.notification div {
    &>.notificationMenu,
    &>.userAccountMenu {
        &>.notificationContent {
            color: #000;
            border-top: 1px solid;
            font-size: 12px;
            ul {
                padding-left: 0px;
            }
            li {
                list-style: none;
            }
            li>p {
                margin: 0;
                padding-left: 10px;
            }
            li>div {
                margin: 0;
                padding-left: 10px;
            }
            li>p.notification-title {
                font-size: 14px;
            }
            li>div.notification-title {
                font-size: 14px;
                display: flex;
                margin-top: 5px;
            }
            div.notification-titleMessage {
                width: 85%;
                font-size: 14px;
                line-height: 14px;
            }
            span.notification-status {
                color: blue;
                border: 4px solid;
                border-radius: 50%;
                font-size: 0px;
                vertical-align: top;
            }
            li>p.notification-time {
                font-size: 11px;
                color: #5C6474;
                margin-bottom: 5px;
                line-height: 16px;
            }
            li>a {
                padding-left: 10px;
                color: var(--secondary);
                font-size: 12px;
            }
            li>span {
                padding-left: 10px;
                color: var(--secondary);
                font-size: 12px;
            }
            li>span:hover {
                padding-left: 10px;
                color: var(--secondary);
                font-size: 12px;
                text-decoration: underline;
            }
        }
    }
}
.notification div {
    &>.notificationMenu {
        &>.notificationContent {
            li {
                border-bottom: 1px solid var(--border-gray);
            }
        }
    }
}
.notification div {
    &>.userAccountMenu {
        &>.notificationContent {
            ul {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }
        }
    }
}
.notification div {
    &>.notificationMenu,
    &>.userAccountMenu {
        &>.notificationFooter {
            display: flex;
            text-align: left;
            margin-left: 0;
            height: 2rem;
            color: #000;
            color: var(--secondary);
            a {
                color: var(--secondary);
                padding-left: 10px;
            }
        }
    }
}
.notification div {
    &>.notificationMenu,
    &>.userAccountMenu {
        &>.notificationHeader {
            &>.settings {
                right: 17px;
                position: fixed;
                width: 24px;
            }
        }
    }
}
.notification div {
    &>.userAccountMenu {
        &>.notificationHeader label {
            display: flex;
            .material-symbols-outlined {
                margin-right: 10px;
            }
        }
    }
}
.notificationDetails {
    height: 250px;
    overflow: auto;
}
span#imgNotificationBell {
    z-index: 999;
    cursor: pointer;
}
span#imgNotificationBell span {
    border-radius: 50%;
    padding: 3px;
}
.columnBlockLayout {
    margin-top: 0 !important;
}
.headerGreetingDashboard {
    margin-top: 0px;
}
#navbar .dropdown-menu:not(.sub-menu-dropdown) {
    margin-top: -60px;
}
#navbar .dropdown-menu.sub-menu-dropdown {
    width: auto;
    background-color: #fff;
    color: #323130;
}
.navbar-dark .navbar-nav .dropdown-menu.sub-menu-dropdown>li>a {
    color: #323130 !important;
}
.sub-menu-dropdown {
    width: auto;
    background-color: #fff;
    color: #323130;
    .navbar-dark .navbar-nav .show.dropdown-menu {
        background-color: #000;
    }
    .navbar-dark .navbar-nav .show.dropdown-menu>li>a {
        color: #323130;
    }
}
.dropdown-menu.sub-menu-dropdown.show {
    position: static !important;
    border: none !important;
    width: fit-content !important;
    box-shadow: 5px 4px 5px rgba(0, 0, 0, 0.1) !important;
}
.nav-right-row {
    float: right !important;
    display: flex;
    margin-right: 36px;
    align-items: center;
}
.nav-right-row .notification-container {
    width: 50%;
}
.nav-right-row .notification-container .openLink {
    cursor: pointer;
}
.nav-right-row .user-account-container {
    cursor: pointer;
    width: 50%;
    margin-left: 10px;
}
.nav-right-row .mobile-menu-container {
    width: 0;
}
.logo-container-div {
    display: grid;
    place-items: center;
    height: 55px;
    margin-right: auto;
}
.logo-container {
    margin-top: 0;
    padding-left: 5px;
    margin-bottom: 0;
}
.foodbuy.navbar.static-top{
    padding: 0;
}
/* Detail Pages */
/* Card container */
.card {
    border: 1px solid var(--border-gray);
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 300px;
    margin: 20px;
    background-color: white;
}
/* Header styling */
.card-header {
    background-color: #F8F9FA;
    padding: 10px;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
/* Title on top left */
.card-header .card-title {
    position: absolute;
    left: 10px;
    top: 10px;
}
/* Download button on top right */
.card-header .download-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: var(--primary);
    color: white;
    padding: 5px 15px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
/* Hover effect for the button */
.card-header .download-btn:hover {
    background-color: var(--secondary);
}
/* Card body */
.card-body {
    padding: 15px;
}
/* Form input fields */
.card-body form input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #f0f0f0;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    font-weight: bold;
}
/* Input label inside the input box */
.card-body form input[type="text"]::placeholder {
    color: #888;
    font-weight: normal;
}
.clsProfilePicture {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.profilePicModal {
    top: 50%;
    transform: translateY(-50%) !important;
}
.foodbuy.navbar.static-top {
    position: fixed !important;
    width: 100%;
    z-index: 99999;
}
.flex-container {
    margin-top: 50px !important;
    padding-left: 20px;
}
@media (max-width: 1024px) {
    .offset-header {
        margin-left: 180px !important;
    }
}
@media (max-width: 1199px) {
    .badgeNotification {
        right: 4.5rem;
    }
    .nav-right-row .mobile-menu-container {
        width: 50%;
        margin-top: 0;
    }
    .offset-header {
        margin-left: 100px;
        margin-top: 15px;
    }
}
@media (min-width: 1200px) {
    /* .nav-right-row .notification-container {
        margin-top: 6px;
    } */
    /* .nav-right-row .user-account-container {
        margin-top: 6px;
    } */
    .offset-header {
        margin-left: 175px;
        margin-top: 15px;
    }
}
/* FORM */
/* Select boxes */
/* Style the container */
.picklist-cell {
    position: relative;
    font-family: Arial, sans-serif;
}
/* Style the label to appear inside the select box */
.picklist-cell .field-label {
    position: absolute;
    top: 5px;
    left: 35px;
    font-size: 12px;
    color: #6c757d;
    background-color: var(--neutral-gray);
    padding: 0 5px;
    z-index: 1;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
}
/* Style the select box */
.picklist-cell .form-select {
    border-radius: 8px;
    border: 1px solid #ced4da;
    padding: 10px;
    padding-top: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background-color: var(--neutral-gray) !important;
    appearance: none;
}
.picklist-cell .form-select option {
    font-weight: normal;
    background-color: #f8f9fc;
    color: #000;
}
.picklist-cell .form-select:focus {
    border-color: #001f7f;
    box-shadow: 0 0 0 0.2rem rgba(0, 31, 127, 0.25);
}
.picklist-cell .form-select:focus+.field-label,
.picklist-cell .form-select:not([value=""])+.field-label {
    top: -8px;
    left: 10px;
    font-size: 10px;
    color: #001f7f;
}
/* Required field indicator */
.picklist-cell .validators span {
    color: red;
    font-size: 14px;
    margin-left: 5px;
}
legend.section-title {
    background-color: #fff !important;
}
legend.section-title h3 {
    font-size: 16px !important;
    border-bottom: 1px solid #e5e5e5;
}
/* General styles for input, textarea, and select */
.form-control-cell {
    position: relative;
}
/* /.form-control-cell input.text:not(.lookup), */
.form-control-cell .form-select,
.form-control-cell input.text:not(#foodbuy_member_name),
.form-control-cell textarea,
.form-control-cell input.input-text-box,
.msos-filter-container {
    border-radius: 8px;
    border: 1px solid #ced4da;
    padding: 10px;
    padding-top: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color: var(--neutral-gray) !important;
    appearance: none;
    box-sizing: border-box;
    resize: none;
}
.crmEntityFormView fieldset {
    margin-bottom: 0px !important;
}
.msos-filter-container {
    padding: 0px;
    padding-top: 20px;
}
input.msos-input:focus {
    outline: none;
}
html[dir=ltr] .msos-open .msos-inner-container:not(.msos-fullscreen) .msos-selection-container {
    top: 44px !important;
}
.msos-filter-container .msos-caret-container {
    background-color: var(--neutral-gray) !important;
}
/* Label styling for input, textarea, and select */
table:not([data-name="Member_Request_section_4"], [data-name="Viewdetails"]) .form-control-cell .field-label {
    position: absolute;
    font-size: 12px;
    color: #6c757d;
    background-color: var(--neutral-gray);
    padding: 0 5px;
    z-index: 999;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
}
label#foodbuy_category_label {
    top: 5px;
    left: 40px;
}
#foodbuy_avgdropsize,
#foodbuy_currentdistributor_name {
    margin-top: -15px;
}
#foodbuy_preferredvendor {
    margin-top: -20px;
}
#foodbuy_avgdropsize_label,
#foodbuy_currentdistributor_label {
    margin-top: -12px;
    margin-left: 10px;
}
#foodbuy_preferredvendor_label {
    margin-top: 5px;
    margin-left: 10px;
}
#foodbuy_customerscomments {
    margin-top: -30px;
}
#foodbuy_customerscomments_label {
    margin-top: -5px;
    margin-left: 5px;
}
#foodbuy_offboardingeffectivedate_label {
    margin-top: 5px;
    margin-left: 5px;
}
/* Focus state for input, textarea, and select */
.form-control-cell .form-select:focus,
.form-control-cell input[type="text"]:focus,
.form-control-cell textarea:focus {
    border-color: #001f7f;
    box-shadow: 0 0 0 0.2rem rgba(0, 31, 127, 0.25);
}
/* Move the label above the input, textarea, or select when focused or when a value is present */
.form-control-cell .form-select:focus+.field-label,
.form-control-cell input[type="text"]:focus+.field-label,
.form-control-cell textarea:focus+.field-label,
.form-control-cell .form-select:not([value=""])+.field-label,
.form-control-cell input[type="text"]:not(:placeholder-shown)+.field-label,
.form-control-cell textarea:not(:placeholder-shown)+.field-label {
    top: -8px;
    left: 10px;
    font-size: 10px;
    color: #001f7f;
}
/* Required field indicator */
.form-control-cell .validators span {
    color: red;
    font-size: 14px;
    margin-left: 5px;
}
table[data-name="Viewdetails"].section {
    margin-top: 20px !important;
}
[data-name="View Details"] {
    label {
        position: relative !important;
        background-color: var(--neutral-gray) !important;
    }
}
#cr76b_comments_label {
    margin-top: 25px;
    margin-left: 10px;
}
.breadcrumb {
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0px !important;
}
.breadcrumbTitle {
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0px !important;
}
.breadcrumbTitle {
    display: flex;
    align-items: center;
}
.breadcrumbTitle {
    margin-left: 0px;
    margin-bottom: 20px;
    a,
    a.link {
        margin-right: 0px !important;
        font-size: 12px;
    }
    a,
    a.Detail {
        margin-left: 0px;
    }
    span.material-symbols-outlined {
        font-size: 16px;
    }
}
.link {
    color: blue;
}
.link:hover {
    text-decoration: underline;
}
[data-name="foodbuy_dist_Location"] {
    background-color: #fff;
}
table {
    background-color: #fff !important;
}
.actions #InsertButton.submit-btn.btn.btn-primary,
.btn-primary,
.btn.btn-primary.float-end.action.create-action,
.btn.btn-primary.button.submit-btn-button-class,
#btnSubmit {
    background-color: #001a70;
    color: white;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 20px;
    margin-left: 15px;
    border: 2px solid #001a70;
}
.actions #InsertButton.submit-btn.btn.btn-primary:hover,
.btn-primary:hover,
#btnSubmit:hover,
.btn.btn-primary.float-end.action.create-action:hover,
.btn.btn-primary.button.submit-btn-button-class:hover {
    background-color: #0056b3;
}
h2.tab-title {
    border-bottom: none !important;
    font-family: Century Gothic Pro;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
div.from {
    h5 span,
    h5::after {
        display: none;
    }
}
.havingNoProfilePicture {
    line-height: 92px !important;
    padding: 0 !important;
}
.alert.alert-block.alert-warning {
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 8px;
    background: #EDF0F3;
    color: #000;
    padding: 15px 12px;
    margin: 20px 0;
    text-align: left !important;
    line-height: normal;
}
.modal-body {
    font-size: 14px;
}
.jquery-bootstrap-pagination {
    line-height: 24px;
}
.page-item:not(:first-child) .page-link {
    padding-left: 8.5px !important;
}
.modal-body table th,
.modal-body table td {
    line-height: 19px;
}
.modal-body table th a {
    font-size: 12px !important;
    font-weight: 700;
}
.navbar-dark .navbar-nav a.show,
.navbar-dark .navbar-nav a.dropdown-toggle.show {
    background-color: #f6f6f6 !important;
    color: #000000 !important;
    text-decoration: none !important;
}
.navbar-dark .navbar-nav .show.dropdown-menu.sub-menu-dropdown>li>a:hover {
    background-color: #f6f6f6 !important;
    color: #000000 !important;
    text-decoration: none !important;
}
.navbar-dark .navbar-nav>li>a:focus,
.navbar-dark .navbar-nav>li.dropdown>a:focus {
    background-color: #f6f6f6 !important;
    color: #000000 !important;
    text-decoration: none !important;
}
.crmEntityFormView td.cell:empty {
    padding: 0;
}
h3.table-info.form-subgrid-heading:empty {
    margin: 0;
}
.link-name {
    line-height: 100%;
    flex-shrink: 1;
    font-size: 14px;
}
.view-grid.table-responsive.has-pagination {
    max-height: calc(100vh - 377px) !important;
    height: auto !important;
}
select.form-control {
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
#EntityFormPanel {
    border: none !important;
}
#EntityFormPanel legend.section-title.show-bar {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#EntityFormPanel legend.section-title.show-bar h3 {
    padding-bottom: 10px;
    margin: 0;
}
#EntityFormPanel .tab-column fieldset {
    background: transparent;
}
#Direct_Deal .entity-grid.subgrid section.modal.modal-form-insert .modal-dialog {
    top: 40px;
}
input#foodbuy_category_ledit:focus {
    box-shadow: none;
}
div#foodbuy_category_i:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 31, 127, 0.25);
    border-radius: 10px;
}
div#foodbuy_category_i {
    border-radius: 9px !important;
}
div#foodbuy_category_i:not(.msos-disabled).msos-focused {
    box-shadow: 0 0 0 0.2rem rgba(0, 31, 127, 0.25) !important;
}
td.cell label {
    color: #001737 !important;
}
.offboarding_requests_table_parent * {
    text-align: left;
}
.offboarding_requests_table_parent .field-section {
    margin-bottom: 10px;
    line-height: normal;
}
.custom_container_offboarding {
    padding: 0 !important;
}
.custom_container_offboarding .view-toolbar {
    margin: 0;
    border-radius: 10px 10px 0px 0px;
    height: 42px !important;
    padding: 0 !important;
}
.custom_container_offboarding h4#headingTicket {
    margin: 0;
    padding: 8px;
}
.offboarding_requests_table_parent {
    min-height: 111px;
}
.custom_btn_loader:before {
    content: "\f110";
    font-family: "Font Awesome 6 Free";
    -webkit-transform-origin: 50% 47.5%;
    -moz-transform-origin: 50% 47.5%;
    -o-transform-origin: 50% 47.5%;
    -ms-transform-origin: 50% 47.5%;
    transform-origin: 50% 47.5%;
    animation: fa-spin 2s infinite linear;
    margin-right: 5px;
    margin-left: 5px;
}
.modal-body .view-grid.table-responsive.has-pagination {
    min-height: 142px;
}
div#foodbuy_editaddress1state_lookupmodal .entity-lookup .modal-dialog {
    top: 30px;
}
.btn-above-table {
  padding: 5px 10px 5px 10px !important;
  line-height: normal !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-size: 16px;
  cursor: pointer;

  label {
    cursor: pointer;
  }

  &.drpGrdButton {
    &::after {
      margin-left: 10px !important;
      vertical-align: middle !important;
      border-top: 6px solid !important;
      border-right: 6px solid transparent !important;
      border-bottom: 0 !important;
      border-left: 6px solid transparent !important;
    }

    &:hover::after {
      color: #fff;
    }
  }
}

button.btn.btn-default:focus {
  background: transparent !important;
  color: #323130;
}

.heading_above_table {
  font-size: 20px !important;
  margin-left: 14px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.grid-actions {
  height: auto !important;
  padding: 10px 10px 7px 10px !important;
}

.common_table_prent,
.live_rosters_table,
.my_requests_table {
  th,
  td {
    line-height: normal;
  }

  table {
    > thead {
      position: sticky;
      top: 0;
      z-index: 1;
      background: #fff;
    }
    th,
    td {
      padding: 10px 5px !important;
    }
    th:nth-child(1),
    td:nth-child(1) {
      padding-left: 20px !important;
    }
  }
}

.my_requests_table {
  table {
    th:nth-child(1),
    td:nth-child(1) {
      width: 28px;
    }
  }
}

.card {
  box-shadow: 0 4px 4px 0px #bbb !important;
  border: none !important;
}

.breadcrumbTitle {
  a.link {
    font-size: 12px !important;
  }
}

.onboarding_location_request_table_parent {
  table {
    td:last-child,
    th:last-child {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
    }
  }
}

.elop_table_parent {
  .view-grid.table-responsive.has-pagination {
    max-height: calc(100vh - 340px) !important;
  }

  table {
    th,
    td {
      vertical-align: top;
      padding: 10px 5px !important;
    }
    th{
        white-space: nowrap;
    }
    th:nth-child(1),
    td:nth-child(1) {
      padding: 10px 10px !important;
    }
  }
}
th,
td {
    text-align: left;
    vertical-align: top;
}
.dashboard_parent {
    margin: 0 !important;
    padding-left: 0;
}
.flex-container.offset-header {
    padding-right: 15px !important;
    padding-left: 0;
    margin: 0 !important;
}
#mainContent {
    width: calc(100% - 180px);
    float: right;
    padding-top: 60px;
    padding-bottom: 20px;
    max-width: 100%;
}
@media (max-width: 1199px) {
    #mainContent {
        width: 100% !important;
        float: none;
    }
}
@media (min-width: 1200px) {
    .row.sectionBlockLayout>.container {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}
.sectionBlockLayout.text-start.rosterSection>.rosterContainer {
    width: 100%;
}
.sectionBlockLayout.text-start.rosterSection>.rosterContainer .view-loading.message.text-center {
    line-height: 52px;
    width: calc(100% - 30px);
    margin: 15px 0px 15px 15px;
}
.row.sectionBlockLayout.text-start.requestSection {
    width: 100%;
    padding-left: 20px;
}
.sectionBlockLayout>.container {
    max-width: 100%;
}
select[readonly],
select[data-readonly="true"],
select:disabled {
    background-image: none !important;
}
section.modal.fade.modal-form.modal-form-insert.show .modal-title {
    margin: 0;
}
input[disabled]:focus,
input[readonly]:focus {
    box-shadow: none !important;
}
.sectionBlockLayout.text-start.viewSection>.container.viewContainerLeft {
    padding-left: 17px;
}
.sectionBlockLayout.text-start.viewSection>.container.viewContainerLeft section#updateTitleBtn {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-width: 500px; */
    display: inline-block;
    vertical-align: top;
}
.currentDtls{
    display:inline-block;
    margin-left:8px;
}
.validation-summary.alert.alert-error.alert-danger.alert-block {
    margin-top: 10px;
    ul{
        padding-left: 0;
    }
}
.validation-summary.alert.alert-error.alert-danger.alert-block h2.validation-header {
    font-size: 18px !important;
    margin-bottom: 10px;
    line-height: normal !important;
    color: #C7532F !important;
    .fa {
        margin-right: 5px;
        &:before{
            content: "\f06a";
        }
    }
}
.nopad {
    padding: 0 !important;
}
div#parentorgprimarychannel .tab-column fieldset {
    background: transparent;
}
select#foodbuy_membertypecode,
input#foodbuy_businesschannel_name {
    padding: 26px 12px 12px !important;
}
div#content-container.container.quickform {
    max-width: 100%;
}
div#PrimaryContactQV,
div#SecondaryContactQV {
    border: 0;
}
div#SecondaryContactQV input[type="text"],
div#PrimaryContactQV input[type="text"] {
    padding: 26px 16px 12px !important;
}
div#SecondaryContactQV .table-info label,
div#PrimaryContactQV .table-info label {
    margin-left: 10px;
    margin-top: 5px;
    left: unset;
}
.form-control-cell input.text:not(#foodbuy_member_name)~.control a {
    border-radius: 8px;
    border: 1px solid #ced4da;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color: var(--neutral-gray) !important;
    appearance: none;
    width: 100% !important;
    display: inline-block;
    padding: 26px 16px 12px !important;
}
#PrimaryContactQV .tab-column fieldset,
#SecondaryContactQV .tab-column fieldset {
    background: transparent !important;
}
div[data-name="OBL_general__tab"] .control a~.text-muted,
#PrimaryContactQV select[disabled="disabled"][readonly="readonly"]~.text-muted,
#SecondaryContactQV select[disabled="disabled"][readonly="readonly"]~.text-muted,
textarea#foodbuy_eprocurementcomments {
    border-radius: 8px;
    border: 1px solid #ced4da;
    font-weight: bold;
    color: #000;
    background-color: var(--neutral-gray) !important;
    appearance: none;
    width: 100% !important;
    display: inline-block;
    padding: 26px 16px 12px !important;
    position: unset !important;
}
.form-control-cell input.text:not(#foodbuy_member_name)~.control a[readonly="readonly"] {
    color: #000 !important;
    cursor: auto !important;
    pointer-events: none;
}
.rosterContainer,
.onboardingContainer,
.custom_container_offboarding, .catlogContainer {
    tbody tr:hover {
        background-color: #EDF0F3 !important;
    }
}
fieldset[aria-label="section"]:hover {
    background: transparent;
}
fieldset[aria-label="New Section"] label#accountnumber_label {
    margin-left: 9px;
    top: 9px;
}
div#SecondaryContactQV .table-info label[readonly="readonly"]~.validators span[readonly="readonly"],
div#PrimaryContactQV .table-info label[readonly="readonly"]~.validators span[readonly="readonly"],
span#MaximumLengthValidatoraccountnumber[readonly="readonly"],
span#MaximumLengthValidatorfoodbuy_eprocurementcomments {
    display: none;
}
input[type="text"]#accountnumber {
    padding: 26px 16px 12px !important;
}
label#foodbuy_eprocurementcomments_label {
    margin-left: 9px;
    top: 6px;
}
textarea#foodbuy_eprocurementcomments~.text-muted {
    top: 20px !important;
    left: 15px !important;
}
div#foodbuy_locationname_lookupmodal thead {
    position: sticky;
    top: 0;
    background: #fff;
}
div#foodbuy_locationname_lookupmodal thead .grid-actions {
    padding: 0 !important;
}
div#foodbuy_locationname_lookupmodal h1.modal-title {
    font-size: 22px !important;
}
.mpe_editobl .validation-summary {
    margin: -5px 0px 9px 30px !important;
    width: calc(100% - 60px);
}
div#foodbuy_locationname_lookupmodal h1.modal-title[aria-label="Lookup records Dialog"] {
    margin: 0;
    line-height: normal !important;
}
.modal-body .view-toolbar.grid-actions {
    padding: 0 !important;
}
h1.modal-title[aria-label="Lookup records Dialog"] {
    margin: 0;
    line-height: normal !important;
    font-size: 23px !important;
}
.modal.show .modal-dialog {
    margin-top: 50px;
}
select#foodbuy_eprocurementcode[disabled="disabled"][readonly="readonly"] {
    padding: 26px 16px 12px !important;
    border: 1px solid #ced4da;
}
label#foodbuy_eprocurementcode_label {
    left: 13px;
}

table.section[data-name="Documents"] {
  div {
    &#downloadDiv,
    &#searchDiv {
      input[type="button"] {
        border-radius: 40px;
        background: rgb(0, 26, 112);
        border-color: rgb(0, 26, 112);
      }
    }
  }
}

div#EntityFormPanel .actions input#UpdateButton,
div#EntityFormPanel .row.form-custom-actions .form-action-container-left input#UpdateButton {
    border-radius: 120px;
    background: rgb(0, 26, 112);
    border-color: rgb(0, 26, 112);
}
/* START OF Updating fonts - 7/15/2025 - Nick Persad */
.custom_btn_loader:before {
    font-family: "Font Awesome 6 Free";
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/* SUPPORTING STYLES */
a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
}
.picklist-cell {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
h2.tab-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.custom_btn_loader:before {
    font-family: "Font Awesome 6 Free";
}
/* END OF Updating fonts - 7/15/2025 - Nick Persad */
/* START OF Scaling by Nick Persad 7/18/2025 */
[type="button"],
div.btn,
.input-group {
    font-size: 12px;
}
.input-group.view-search.entitylist-search {
    input {
        font-size: 12px !important;
    }
}
th a,
td a,
td,
a.dropdown-item,
.form-select {
    font-size: 12px !important;
}
a.dropdown-item {
    padding: 3px 10px;
}
.treeMenu, .dcnCustomerMenu {
    transform-origin: top left;
    transform: scale(0.8);
}
.jquery-bootstrap-pagination {
    transform: scale(0.8);
}
.flex-container.offset-header {
    padding-right: 25px !important;
    padding-left: 0;
    margin: 0 !important;
    padding-top: 0 !important;
}
.view-toolbar.grid-actions.clearfix {
    min-height: 42px !important;
    padding: 0 !important;
}
#divDetStatus {
    .btn.btn-info.dropdown-toggle.drpGrdButton {
        padding: 4px 12px;
    }
}
#divMoreAction {
    margin-left: 0 !important;
}
.btn-above-table {
    font-size: 12px;
}
.btn label {
    font-weight: normal;
}
.entity-grid .view-grid {
    width: 100%;
}
/* END OF Scaling by Nick Persad 7/18/2025 */
.float-end.toolbar-actions {
    display: flex;
    align-items: center;
    padding: 5px;
    flex-wrap: wrap;
}
select.form-control {
    font-size: 12px !important;
}
.modal-body .view-toolbar.grid-actions.clearfix {
    height: auto !important;
}
#EntityFormPanel {
    .modal-body {
        .input-group.view-search.entitylist-search {
            display: flex !important;
            align-items: center;
            position: relative;
        }
        .view-toolbar.grid-actions.clearfix {
            input.query.form-control {
                display: inline-block !important;
                padding: 8px 10px 7px 35px !important;
                border-radius: 0;
                margin: 0;
                &+.input-group-btn {
                    position: absolute;
                    left: 13px;
                    top: 9px;
                    line-height: normal;
                    button {
                        border: none;
                        height: auto;
                        padding: 0;
                        right: unset;
                    }
                }
            }
        }
        table {
            th {
                white-space: nowrap;
            }
            thead {
                position: sticky;
                top: 0;
                background: #fff;
            }
        }
        .view-grid.table-responsive.has-pagination {
            max-height: calc(100vh - 328px) !important;
        }
        .view-pagination {
            .pagination {
                display: flex;
                justify-content: center;
            }
        }
        td {
            font-weight: normal;
        }
        .alert.alert-block.alert-warning {
            line-height: normal;
        }
    }
}
.lookup-modal {
    .modal-body {
        padding-top: 0;
    }
}
div#Eligible_Distributors {
    th {
        font-weight: 400;
    }
}
li.page-item.dotButton {
    pointer-events: none;
}
.static-top.navbar {
    .menu-bar {
        >.navbar-nav {
            >li {
                >a {
                    border: 1px solid transparent;
                }
            }
        }
    }
}
.no_permission_container {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    .no_permission_graphic {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        h2 {
            width: 100%;
            text-align: center;
        }
    }
}
/* PAGINATION */
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    padding: 8px;
    background: #546176;
    line-height: 100%;
    border: 1px solid #E6E8EE;
    color: #000;
    border-radius: 4px;
    height: 32px;
    width: 32px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.page-item {
    .page-link {
        padding: 8px;
        background: #F2F2F7;
        line-height: 100%;
        border: 1px solid #E6E8EE;
        color: #000;
        border-radius: 4px;
        height: 32px;
        width: 32px;
        text-decoration: none;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
    }
}
.pagination>.active>a,
.pagination>.active>a:focus {
    background-color: #2E5FEF !important;
    color: #fff;
    text-decoration: none;
}
.pagination>.active>a,
.pagination>.active>a:focus {
    background-color: #2E5FEF !important;
    color: #fff;
    text-decoration: none;
}
.pagination>a:hover,
.pagination>li>a:hover,
.pagination>.active>a:hover {
    background-color: #546176 !important;
    color: #fff;
    text-decoration: none !important;
}
.jquery-bootstrap-pagination {
    align-self: stretch;
    height: 72px;
    display: flex;
    justify-content: center;
}
.pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
/* ends */
.entitySearchInner button[disabled] {
    background: none !important;
    color: #000 !important;
}
button {
    line-height: normal;
}
.btn-default:active,
.btn-default:hover {
    background-color: transparent !important;
    color: #000 !important;
}
input.form-control {
    font-size: 12px;
    font-weight: 700;
}
a.btn.btn-primary,
button.btn-primary.submit-btn,
input.submit-btn,
.btn-outline-secondary,
.btn.btn-default.btn-md,
input.btn.btn-primary,
input.submit-btn {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 20px;
    background-color: var(--primary);
    border: 2px solid var(--primary);
}
.btn-outline-secondary {
    border: 1px solid #6c757d;
    background: transparent;
}
.btn.btn-default.btn-md {
    border: none;
}
.webkitInlineBox50 {
    width: 50%;
}
.webkitInlineBox100 {
    display: -webkit-inline-box;
    width: 100%
}
.dispute-btn {
    font-size: 12px !important;
    white-space: nowrap;
}
/* css for new comment section */
.crmEntityFormView {
    .cell.notes-cell {
        border: none;
        position: relative;
        .table-info {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            top: 23px;
            margin: 0;
            left: 15px;
            label.field-label {
                font-size: 20px !important;
                font-weight: 700 !important;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
            }
        }
        .control {
            #notescontrol {
                .timelineheader {
                    padding: 10px;
                    background: #F8F9FA;
                    border-radius: 10px 10px 0px 0px;
                    display: flex;
                    border: 1px solid #ced4da;
                    border-bottom: 0;
                }
                .notes {
                    border: 1px solid #ced4da;
                    border-top: 0 20px 20px 20px;
                    padding: 20px;
                    max-height: 333px;
                    overflow: auto;
                    .note {
                        background: none !important;
                        border-bottom: 2px solid #cecece;
                        padding: 10px 0px 10px 0px;
                        &:first-child .description h5 {
                            margin-top: 0 !important;
                        }
                        &:last-child {
                            border: none;
                        }
                        .row {
                            flex-direction: column-reverse;
                            margin: 0;
                            .content {
                                width: 100%;
                                padding: 0;
                                .description {
                                    p {
                                        font-size: 12px;
                                    }
                                    h5 {
                                        margin: 20px 1px 4px 0px;
                                    }
                                }
                            }
                            .header {
                                padding: 0;
                                width: 100%;
                                .metadata {
                                    display: flex;
                                    flex-wrap: wrap;
                                    .name-from-h5 {
                                        font-size: 14px;
                                        font-weight: 700;
                                        width: 100%;
                                        display: inline-block;
                                    }
                                    .postedon {
                                        padding: 0;
                                        margin-right: 10px;
                                    }
                                }
                                .portalcommenticon {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
/* changes for comment section ends */
.bootstrap-datetimepicker-widget table td.disabled button,
.bootstrap-datetimepicker-widget table td.disabled:hover button {
    cursor: not-allowed;
    background: transparent;
}
.modal-header {
    font-size: 21px;
}
/* ends */
@media (max-width: 1199px) {
    .table-container-row {
        width: 100% !important;
        margin: 0 !important;
    }
    .table-container-row>.col-12 {
        padding: 0 !important;
    }
    .flex-container.offset-header {
        padding-right: 0 !important;
    }
    .float-end.toolbar-actions>div {
        margin-bottom: 10px;
    }
}
.breadcrumb-row {
    height: auto !important;
    align-items: flex-start;
    margin-bottom: 10px;
}
/* changes for responsiveness ends */
.impersonate-row.breadcrumb-row {
    height: 0 !important;
    margin-bottom: 0 !important;
    .primary-btn {
        padding: 5px 10px;
    }
}
.impersonate_sec {
    margin-right: 10px;
}
div#QuickviewControl1751372440183 {
    div[data-name="tab_1"] {
        .tab-column {
            fieldset[aria-label="New Section"] {
                tbody {
                    display: flex;
                    flex-wrap: wrap;
                    >tr {
                        flex: 0 0 33.33%;
                        td {
                            width: 100%;
                            display: block;
                            .validators {
                                display: none;
                            }
                            .table-info {
                                position: relative;
                            }
                            label {
                                top: 10px !important;
                                position: absolute !important;
                                padding: 0 5px !important;
                                margin: 0 !important;
                                left: 9px;
                            }
                            input {
                                padding: 26px 12px 12px !important;
                            }
                            .text-muted {
                                display: none !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
div#EntityFormControl_1324d2eaab55f011877a000d3a1101de,
div#EntityFormControl_51aab852c860f011bec27ced8d2113bb_EntityFormView {
    div[data-name="OBL_general__tab"] {
        div {
            fieldset[aria-label="Location"] {
                tbody {
                    tr:nth-child(2) {
                        >td:first-child {
                            padding: 0;
                        }
                    }
                }
            }
        }
    }
}
fieldset[aria-label="Member Information"] {
    table[data-name="Member Information"] {
        td.cell.boolean-radio-cell {
            .table-info {
                margin: 0;
                padding-left: 0;
            }
            .control {
                margin-top: 10px;
                input[type="radio"] {
                    vertical-align: middle;
                }
            }
        }
    }
}
#addDirect-Deal-IFrame {
    height: 70vh;
    html {
        background-color: #fff !important;
    }
}
fieldset[aria-label^="Please input direct deal information"]{
    /* background: #fff !important;
    height: 70vh;
    html,
    #mainContent {
        background: #fff;
    } */
    h3 {
        margin-bottom: 10px !important;
    }
    .validators {
        display: none;
    }
    label {
        padding: 0 !important;
        left: 10px !important;
        margin: 0 !important;
        top: 3px !important;
        position: absolute !important;
    }
    .pva-floating-style {
        display: none;
    }
    .container {
        max-width: 100%;
        padding: 0;
    }
    body {
        background-color: transparent !important;
        #mainContent {
            background-color: #fff !important;
        }
    }
    label {
        background-color: transparent !important;
        &#cr76b_manufacturer_label {
            top: 24px;
            left: 10px;
        }
        &#cr76b_distributor_label {
            top: 7px;
            left: 11px;
        }
        &#cr76b_category_label {
            margin-left: -28px;
        }
        &#cr76b_startdate_label {
            top: 3px;
            left: 12px;
        }
        &#cr76b_enddate_label {
            top: 2px;
            left: 11px;
        }
        &#cr76b_memberrequest_label {
            top: 4px;
            left: 11px;
        }
    }
    input {
        &#cr76b_distributor_name,
        &#cr76b_memberrequest_name {
            border-top-right-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
        }
    }
    .input-group {
        align-items: normal !important;
        background-color: #f8f9fa !important;
    }
    span.input-group-addon.btn {
        border-left: none !important;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border: 1px solid #6c7d92;
        background-color: #fff;
        padding-top: 12px;
    }
    button.btn {
        &.btn-default {
            &.launchentitylookup {
                background-color: #fff;
                height: 50px;
                border-top-right-radius: 8px;
                border-bottom-right-radius: 8px;
                border: 1px solid #6c7d92 !important;
                border-left: none !important;
            }
            &.clearlookupfield {
                background-color: #fff;
                border-left: none !important;
                height: 50px;
                border-top: 1px solid #6c7d92;
                border-bottom: 1px solid #6c7d92;
            }
        }
    }
}
.table>:not(caption)>*>* {
    font-size: 12px !important;
}
.btnRightAlign {
    display: flex;
    justify-content: start !important;
}
[data-name="foodbuy_MRL_General"] {
    .crmEntityFormView .tab {
        margin-bottom: 20px;
    }
}
.preExistingModalBody .actions {
    margin: 0 !important;
    padding-top: 10px !important;
}
button.ellipsis-btn {
    background: transparent !important;
    border: none !important;
}
#PrimaryBusinessChannel fieldset label.field-label {
    position: absolute !important;
    top: 10px !important;
    left: 9px !important;
    margin: 0 !important;
}
.text-muted {
    top: 20px !important;
    position: absolute;
    left: 20px !important;
}
#MRLGrid td[aria-label="action menu"] button.btn.btn-default,
#Direct_Deal .dropdown.action button.btn.btn-default {
    background: transparent !important;
}
iframe body,
iframe html {
    background: #fff !important;
}
div {
    &#ValidationSummarySecondaryContactQV,
    &#ValidationSummaryPrimaryContactQV,
    &#ValidationSummarySecondaryLocationContactQuickViewForm,
    &#ValidationSummaryPrimaryLocationContactQuickViewForm {
        &+div[data-name="tab_1"] fieldset[aria-label="section"] table.section[role="presentation"] tbody {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            tr {
                width: calc(50% - 10px);
                &:first-child {
                    display: none;
                }
                td {
                    padding-left: 0;
                    display: block;
                    width: 100%;
                    padding-right: 0;
                    .table-info {
                        position: relative;
                        .validators {
                            display: none;
                        }
                        label {
                            position: absolute !important;
                            top: 6px !important;
                            left: 11px;
                            margin-left: 0 !important;
                            padding-left: 7px !important;
                        }
                    }
                    .control {
                        input,
                        select {
                            padding: 26px 17px 12px !important;
                        }
                        .text-muted {
                            padding-left: 19px !important;
                            top: 23px !important;
                            left: 0 !important;
                            margin-left: 0 !important;
                        }
                    }
                }
            }
        }
    }
}
#ValidationSummaryparentorgprimarychannel~div[data-name="tab_1"] .tab-column fieldset[aria-label="section"] table.section tr td .table-info label {
    position: absolute !important;
    top: 7px !important;
}
tr.table-info {
    position: unset !important;
}
div#content-container.container.wrapper-body[role="main"] {
    max-width: 100%;
    padding: 0;
}
body[data-sitemap-state="/page-not-found/:/"], body[data-sitemap-state="/Load-Modal/:/"]{
    background-color: #fff !important;
    .pva-floating-style {   
        display: none !important;
    }
    .actions{
        margin: 0px !important;
        padding: 10px 0 0 0 !important;
    }
}
.modal-form .modal-body iframe[title=" View details"], .modal-form .modal-body iframe[title="Create"], .modal-form .modal-body iframe[title="Edit"], .modal-form .modal-body iframe[title=" Edit"] {
    height: 509px;
}
#Direct_Deal .view-grid.table-responsive {
    overflow: visible;
}
.fileSelectDiv {
    border-color: #6c7d92 !important;
}
/* code to make editable form field background white and non editable to be grey */
#EntityFormPanel, div, p, section, table, td, ul, ol, li, span, .form-control-cell, table:not([data-name="Member_Request_section_4"], [data-name="Viewdetails"]){
    label.field-label{
        background-color: transparent !important;
    }
    .input-group{
        /* position: relative;
        input[type="text"]{
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
            width: calc(100% - 50px);
            flex: unset;
        }
       button.btn.btn-default.launchentitylookup {
            background-color: #f8f9fa;
            border-left: none !important;
            position: absolute !important;
            border-top-right-radius: 8px !important;
            border-bottom-right-radius: 8px !important;
            border: 1px solid #ced4da;
            top: 0;
            bottom: 0;
            right: 0;
            padding: 0 !important;
            width: 50px;
            height: 100%;
            &:hover{
                border: 1px solid #ced4da;
            }
        } */
        input[type="url"], input[type="url"].form-control, input[type="email"].form-control, input[type="text"].form-control, textarea.form-control, select.form-control, input[type="email"], input[type="text"], textarea, select, input[type="text"]:not(#foodbuy_member_name){
            &#foodbuy_memberprofile_name, &#foodbuy_primarylocationcontact_name, &#foodbuy_address1statelookup_name, &#foodbuy_levelparent_name, &#foodbuy_distributor_name, &#foodbuy_manufacturer_name, &#foodbuy_manufacturer_mpaccess_name, &#foodbuy_onesourcedirectapprover_name, &#foodbuy_locationname_name, &#foodbuy_supplier_name, &#foodbuy_supplierlocationid_name, &#foodbuy_secondarylocationcontact_name, &#parentcustomerid_name, &#foodbuy_contacttype_name{
                background-color: #fff !important;
                border-color: #6c7d92 !important;
                cursor: auto;
            }
        }
        input{
            &:not([disabled]):not([readonly]) {
                background-color: #fff !important;
            }
        }  
    }
    input[type="url"], input[type="url"].form-control, input[type="email"].form-control, input[type="text"].form-control, textarea.form-control, select.form-control, input[type="email"], input[type="text"], textarea, select, input[type="text"]:not(#foodbuy_member_name) {
        &:not([disabled]):not([readonly]) {
            background-color: #fff !important;
            border-color: #6c7d92 !important;
            &:focus{
                outline: none !important;
                border-color: #3565f0 !important;
                box-shadow: none !important;
            }
        }
        &[disabled], &[readonly] {
            background-color: #f8f9fa !important;
            cursor: auto !important;
            border: 1px solid #ced4da !important;
            &:focus{
                outline: none !important;
                box-shadow: none !important;
            }
        }
        &#cr76b_distributor_name{
            background-color: #fff !important;
            border-color: #6c7d92 !important;
            cursor: auto;
        }
        &:-webkit-autofill,
        &:-webkit-autofill:hover,
        &:-webkit-autofill:focus,
        &:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
            background-color: #fff !important;
        }
    }
    .table-info{
        label, .field-label, label.field-label#foodbuy_member_label{
            background-color: transparent !important;
        }
    }
    label, .field-label{
        background-color: transparent !important;
    }
}
.modal-content button.form-close span {
    font-size: 22px;
}
.modal-header h3, .modal-header h3.modal-title {
    margin-top: 0;
}
.imperonate_sec {
    align-items: center;
    margin-top: -10px;
    margin-right: 20px;
    color: #FFF;
}

.impersonate-btn {
    color: #FFF;
    border: 1px solid;
    padding: 5px 10px 5px 10px !important;
    margin-left: 20px;
    cursor: pointer;
    border-radius: 20px;
    float: right;
    line-height: normal;
    width: 125px;
    top: -26px;
    background-color: #001a70;
}
.impersonate-hover-container {
  position: relative;
  display: inline-block;
  font-size: 12px;
}
 
.impersonate-popup {
    position: absolute;
    top: 31px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 11px 0px #ccc;
    padding: 5px 15px 5px 15px;
    right: 0;
    display: none;
}
.impersonate-popup > span {
    width: 100%;
    white-space: nowrap;
}
span#impersonation-text {
    font-size: 14px;
}
 
.impersonate-hover-container:hover .impersonate-popup {
  display: block;
}
button#changeImpersonationBtn {
    background-color: #546176;
    border-radius: 20px;
    color: #fff;
    padding: 6px 12px;
    border: none;
}
.impersonated-label{
    color:#555555;
}
div#CompleteLocations table tr td  .dropdown.action button.btn {
    background: transparent;
}
#ValidationSummaryEntityFormControl_EntityFormView {
    &~h2.tab-title{
        margin: 0 1px 20px 1px;
    }
    &~div[data-name="foodbuy_MRL_General"] {
        table {
            tr {
                td {
                    .table-info {
                        .validators {
                            display: none !important;
                        }
                        label{
                            top: 4px !important;
                            left: 13px !important;
                            margin: 0 !important;
                            padding: 0 !important;
                        }
                    }

                    .control {
                        .text-muted {
                            display: none;
                        }

                        input[type="text"], select {
                            padding: 22px 12px 12px !important;
                            &#foodbuy_address1statelookup_name, &#foodbuy_primarylocationcontact_name, &#foodbuy_secondarylocationcontact_name{
                                    border-bottom-right-radius: 0 !important;
                                    border-top-right-radius: 0 !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
h1.modal-title + button.form-close {
    top: unset !important;
}
/* .parent_editMRL_modal{
     input[type="text"], select {
        padding: 22px 12px 8px !important;
        font-weight: normal !important;
        color: #000;
    }
    label {
        padding: 0 !important;
        margin: 0 !important;
        left: 12px !important;
        top: 5px !important;
        position: absolute;
    }
    .validators{
        display: none !important;
    }
} */
#ValidationSummaryEntityFormControl_EntityFormView{
    & ~ .tab.clearfix{
        fieldset[aria-label="General"]{
            table[role="presentation"]{
                th{
                    font-weight: normal;
                }
                td:not(.checkbox-cell):not(.boolean-radio-cell) {
                    input[type="text"], select {
                        padding: 25px 12px 8px !important;
                        color: #000;
                        font-weight: bold;
                    }
                    label {
                        padding: 0 !important;
                        margin: 0 !important;
                        left: 12px !important;
                        top: 5px !important;
                        position: absolute;
                    }
                }
                .validators{
                    display: none !important;
                }
            }
        }
    }
}
div#Subgrid_Consolidated_Location_Request .dropdown.action button.btn {
    background: transparent;
}

#SecondaryLocationContactQuickViewForm .crmEntityFormView table.section>tbody>tr>td {
    display: block;
}
#impersonatebtnsec + #contactModalIframe button.btn-close {
    margin: 0;
    left: 215px;
    position: relative;
    background: #fff;
    width: auto;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 20px;
}
#impersonatebtnsec + #contactModalIframe button#saveButton {
    border: 1px solid;
    padding: 5px 20px !important;
    margin-left: 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #001a70;
    color: #fff;
}
.to_be_hidden{
    display: none;
}
div#EntityFormControl_29f5dcf80b57f011877a7c1e527e741c div[aria-label="Basic Form"] div[data-name="general"] .tab-column fieldset[aria-label="Name"] table[role="presentation"] tbody {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
div#EntityFormControl_29f5dcf80b57f011877a7c1e527e741c div[aria-label="Basic Form"] div[data-name="general"] .tab-column fieldset[aria-label="Name"] table[role="presentation"] tr {
    display: flex;
    width: 50%;
}
div#EntityFormControl_29f5dcf80b57f011877a7c1e527e741c div[aria-label="Basic Form"] div[data-name="general"] .tab-column fieldset[aria-label="Name"] table[role="presentation"] tr td {
    width: 100% !important;
}
div#EntityFormControl_29f5dcf80b57f011877a7c1e527e741c div[aria-label="Basic Form"] div[data-name="general"] .tab-column fieldset[aria-label="Name"] table[role="presentation"] tr td.zero-cell {
    display: none;
}
div#EntityFormControl_29f5dcf80b57f011877a7c1e527e741c div[aria-label="Basic Form"] div[data-name="general"] .tab-column fieldset[aria-label="Name"] {
    span[aria-label^="Choose one record and click Select to continue"]{
        & ~ table{
            tr{
                display: table-row;
            }
            tbody{
                display: table-row-group;
                td{
                    display: table-cell;
                    width: auto !important;
                }
            }
        }
    }
}
.Impersonate_modal_iframe.dynamicHT {
    height: calc(100vh - 124px);
}
form#liquid_form[action="/Load-Modal/"] div#mainContent {
    padding: 15px 10px 0px 10px !important;
}
div#EntityFormControl_29f5dcf80b57f011877a7c1e527e741c div[aria-label="Basic Form"] div[data-name="general"] .tab-column fieldset[aria-label="Name"] table[role="presentation"] tr .input-group button.btn.btn-default.clearlookupfield, div#EntityFormControl_29f5dcf80b57f011877a7c1e527e741c div[aria-label="Basic Form"] div[data-name="general"] .tab-column fieldset[aria-label="Name"] table[role="presentation"] tr .input-group button.btn.btn-default.launchentitylookup {
    right: 14px;
    top: 24px;
    padding: 0;
    height: auto;
}
div#EntityFormControl_29f5dcf80b57f011877a7c1e527e741c div[aria-label="Basic Form"] div[data-name="general"] .tab-column fieldset[aria-label="Name"] table[role="presentation"] tr .input-group button.btn.btn-default.clearlookupfield{
 right: 45px;   
}
.imper_user {
    background-color: #e6e6e6 !important;
}
.subgrid .entity-grid.subgrid table tr td .dropdown.action button {
    background: transparent;
}
/* changes for profile menu dropdown in the header */
#userAccountPop{
    .userAccountMenu{
            padding: 0;
            border-radius: 10px;
            background: #fff;
            box-shadow: 0px 0px 5px 0px #ccc;
            width: auto;
            min-width: 263px;
            max-width: 340px;
            .notificationHeader{
                background: #f8f9f9;
                padding: 15px;
                height: auto;
                border: 0;
                border-radius: 10px 10px 0px 0px;
                label{
                    width: 100%;
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    font-size: 17px !important;
                    font-weight: normal;
                    .material-symbols-outlined{
                        width: 50px;
                        font-size: 53px;
                        color: #5f5f5f;
                    }
                    img{
                        margin-right: 10px;
                        border: 1px solid #bbb;
                        width: 50px;
                        height: 50px;
                    }
                    .text-cont{
                        width: calc(100% - 60px);
                        .emailTxt{
                            width: 100%;
                            color: #999;
                            display: block;
                            font-size: 16px !important;
                            word-wrap: break-word;
                        }
                    }
                }
            }
            .notificationContent{
                border-top: 1px solid #ccc;
                ul{
                    margin: 0;
                    padding: 10px 10px;
                    li{
                        cursor: auto;
                        a{
                            color: #000;
                            width: auto !important;
                            display: inline-block;
                            font-size: 16px !important;
                            margin: 7px 0;
                            text-decoration: none !important;
                        }
                    }
                }
            }
    }
}
.breadcrumbTitle{
    a{
        color: #1c2b36 !important;
        &.link{
            color: #186ade !important;
        }
        &.last-link{
            color: #1c2b36 !important;
            pointer-events: none;
            cursor: auto;
        }
        &[href="#"]{
            pointer-events: none;
            cursor: auto;
            color: #1c2b36 !important;
        }
    }
}
.alert-danger {
    background-color: rgba(231, 163, 163, 0.3) !important;
    border-color: transparent !important;
    color: #C7532F !important;
    ul{
        li{
            a{
                color: #C7532F !important;
            }
        }
    }
}
#DocumentsSuccess {
    background: rgba(160, 222, 171, 0.30) !important;
    color: #278838 !important;
    font-weight: normal !important;
    display: flex;
    box-shadow: 0px 1px 0px 1px #ccc;
    vertical-align: middle;
    line-height: normal;
    border-radius: 7px;
    border-bottom: 0.5px;
    align-items: center;
    width: 100%;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.rotate{
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(Odeg); }
    100% { transform: rotate(360deg);}
}

input.query::placeholder {
    color: #9FB1BD !important;
}
.white-btn-sec {
    background-color: #ffffff;
    color: #001737;
    border: 1px solid;
    padding: 7px 20px;
    font-size: 12px !important;
    cursor: pointer;
    border-radius: 20px;
    font-weight: normal;
    &:hover{
        background-color: #546176 !important;
        color: #fff !important;
    }
}
#btnvalid:hover{
    background-color: #546176;
    color: #fff !important;
}
#EntityFormPanel{
    fieldset[aria-label="General Contact Details"], fieldset[aria-label="General Contact Details"]{
        border-radius: 10px;
        box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        margin-left: 10px;
        border-radius: 10px;
        padding: 0 0px 20px 0px !important;
        background: #fff !important;
        legend.section-title{
            border-radius: 10px 10px 0px 0px;
            h3{
                font-size: 20px !important;
                font-weight: 700 !important;
                background-color: #F8F9FA;
                border-radius: 10px 10px 0px 0px;
                margin: 0 !important;
                padding: 20px !important;
            }
        }
        table{
            tbody{
                tr{
                    td{
                        padding: 20px 20px 0px 20px !important;
                        label{
                            top: 7px !important;
                            left: 6px !important;
                        }
                        input.form-control{
                            padding: 29px 10px 10px 16px !important;
                        }
                        .input-group{
                            input[type="text"]{
                                padding: 29px 1px 11px 16px !important;
                            }
                        }
                    }
                }
            }
        }
    }
    .actions{
        border: 0;
        padding: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0;
    }
}

.userAccountMenu .notificationContent ul li > a.dropdown-item:hover, .userAccountMenu .notificationContent ul li > a.dropdown-item:focus, .userAccountMenu .notificationContent ul li > a.dropdown-item:active {
    color: var(--secondary) !important;
}

#ValidationSummaryEntityFormControl_EntityFormView ~ div[data-name="foodbuy_MRL_General"] table tr td button.btn.btn-default.launchentitylookup,
#ValidationSummaryEntityFormControl_EntityFormView ~ div[data-name="foodbuy_MRL_General"] table tr td button.btn.btn-default.clearlookupfield 
{
    position: absolute;
    right: 0px;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}
#ValidationSummaryEntityFormControl_EntityFormView ~ div[data-name="foodbuy_MRL_General"] table tr td button.btn.btn-default.clearlookupfield {
    right: 40px;
}
fieldset[aria-label^="Please input direct deal information"] button.btn.btn-default.launchentitylookup,
fieldset[aria-label^="Please input direct deal information"] button.btn.btn-default.clearlookupfield 
{
    position: absolute;
    right: 0px;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}
fieldset[aria-label^="Please input direct deal information"] button.btn.btn-default.clearlookupfield {
    right: 40px;
}
fieldset[aria-label^="Please input direct deal information"] button.btn.btn-default.launchentitylookup, 
fieldset[aria-label^="Please input direct deal information"] button.btn.btn-default.clearlookupfield {
    border: none !important;
}
#ValidationSummaryEntityFormControl_EntityFormView ~ div[data-name="foodbuy_MRL_General"] table tr td .control .input-group input#foodbuy_address1statelookup_name, 
#ValidationSummaryEntityFormControl_EntityFormView ~ div[data-name="foodbuy_MRL_General"] table tr td .control .input-group input#foodbuy_primarylocationcontact_name , 
#ValidationSummaryEntityFormControl_EntityFormView ~ div[data-name="foodbuy_MRL_General"] table tr td .control .input-group input#foodbuy_secondarylocationcontact_name , 
fieldset[aria-label^="Please input direct deal information"] table tr td .control .input-group #cr76b_distributor_name, 
fieldset[aria-label^="Please input direct deal information"] table tr td .control .input-group #cr76b_memberrequest_name {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

section#updateTitleBtn ~ .row ~ .notifications .notification.alert.alert-success.success.alert-dismissible {
    margin-left: 10px;
    width: 100%;
    background: rgba(160, 222, 171, 0.30);
    color: #278838;
}
div.tab[data-name="SUMMARY_TAB"] .tab-column fieldset[aria-label="Account Information"], div.tab[data-name="SUMMARY_TAB"] .tab-column fieldset[aria-label="Customer Location"], div.tab[data-name="SUMMARY_TAB"] .tab-column fieldset[aria-label="Customer Contact"]{
    table{
        td{
            label{
                left: 30px;
                top: 5px;
            }
            input, select{
               &.form-control, &#accountnumber{
                padding: 23px 10px 10px 11px !important;
               }
            }
        }
    }
}
div#EntityFormControl_ff3af483f152f011877a00224831a8e5_EntityFormView h2.tab-title {
    padding-left: 20px;
    margin-bottom: 0;
}