

.um-directory {
    background-color: #f4f4f4;
    padding: 2rem;
}

.um-directory .um-member-directory-header {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    justify-content: space-between !important;
}

.um-directory .um-member-directory-header-row {
    width: fit-content;
}

.um-directory .um-member-directory-search-row,
.um-directory .um-member-directory-search-line {
    width: 75%;
}

.um-directory .um-member-directory-nav-line {
    flex-direction: column !important;
    gap: 0.5rem !important;
    align-items: flex-start !important;
}

.um-member-status.awaiting_admin_review {
    background: #8ebde5 !important;
    /* color: black!important; */
}

.um-member-card-header {
    display: flex;
}

.just-after-name {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

.um-member-meta-main {
    display: flex !important;
    align-items: flex-start;
}
.de-market-action-edit {
    margin-left: 1rem;
}
.de-market-action-edit span:hover {
    cursor: pointer;
}
.de-customer-picker {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}
.de-customer-picker-button {
    width: fit-content;
}
.de-customer-picker-button:hover {
    cursor: pointer;
}
.de-market-action,
.de-customer-action {
    font-size: 24px;
}
.de-market-spinner-wrap img,
.de-customer-spinner-wrap img {
    height: 24px;
}
.um-market-meta-main {
    align-items: center;
}
.um-market-meta {
    margin: 5px 0 5px 0 !important;
    width: 65% !important;
}
.market-editor {
    display: flex;
    gap: 1rem;
}
.market-editor,
.de-market-spinner-wrap,
.de-customer-action,
.de-customer-spinner-wrap,
.de-customer-picker-match,
.customer-picker-gf_wrapper {
    display: none;
}
.customer-picker-gf_wrapper {
    width: 100%;
}
.de-customer-picker-match {
    font-size: 13px;
}
.de-customer-picker-match-label {
    font-weight: 700;
}

.um-new-dropdown[data-element=".um-member-directory-sorting-b"] a[data-value="customer_error_condition"],
.um-error-state {
    color: #f87060;
}
.um-new-dropdown[data-element=".um-member-directory-sorting-b"] a[data-value="customer_sent_application"],
.um-awaiting-application {
    color: #ccc1b7;
    font-weight: 700;
 }
.um-new-dropdown[data-element=".um-member-directory-sorting-b"] a[data-value="awaiting_initial_review"],
.um-awaiting-review {
    color: #add7b3;
    font-weight: 900;
}
.um-new-dropdown[data-element=".um-member-directory-sorting-c"] {
    width: 250px !important;
    top: 200px !important;
    left: 25% !important;
}
.um-new-dropdown[data-element=".um-member-directory-sorting-c"] a {
    padding: 4px 12px;
}
.um-directory .um-members-overlay {
    background-color: #00000014 !important;
}
.um-member-directory-sorting,
.um-member-directory-sorting-b {
    white-space: nowrap;
}
.um .um-form {
    overflow: visible;
}
.um .select2-search--dropdown {
    display: none;
}
.um .brand-list {
    width: 50%;
}
.um .brand-list-rows {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid grey;
}
.um .brand-list-td {
    padding: 0.1rem;
    box-sizing: border-box;
    flex: 0 0 45%;
    border-bottom: 1px solid lightgrey;
}
.um .brand-list-first-col {
    flex: 0 0 10%;
    text-align: center;
}

/* Specific to Directories */
.change-to-customer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.de-change-to-customer-instruction-wrapper {
    padding-bottom: 1rem !important;
    font-size: large;
}
.de-change-to-customer-user-info .change-role-label {
    text-align: end !important;
    font-weight: 700;
}
.de-change-to-customer-user-info .change-role-value {
    white-space: nowrap;
    text-align: start !important;
    font-weight: 400;
}
.de-change-to-customer-user-info .change-role-name {
    text-transform: capitalize;
}