@import '_content/Million.Components/Million.Components.bundle.scp.css';
@import '_content/Append.Blazor.Sidepanel/Append.Blazor.Sidepanel.bundle.scp.css';
@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.bundle.scp.css';

/* /Pages/ContentManagement/ActionHistory.razor.rz.scp.css */

.page-container[b-5e90egh18j] {
    width: 90%;
    margin: auto;
    position: relative;
    top: -20px;
    padding: 0px 15px;
}
.bg[b-5e90egh18j] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 260px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.breadcrumb[b-5e90egh18j] {
    display: flex;
    align-items: center;
/*    padding-top: 52px;*/
    margin-bottom: 18px !important;
}

    .breadcrumb .back-button[b-5e90egh18j] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .title[b-5e90egh18j] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

    .breadcrumb .status[b-5e90egh18j] {
        font-weight: 600;
        font-size: 11px;
        color: #FFF;
        padding: 2px 6px;
        border-radius: 3px;
        background: var(--complementary, #00BAFF);
    }

    .breadcrumb .user-info[b-5e90egh18j] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 0px;
    }

    .breadcrumb .followers[b-5e90egh18j] {
        display: flex;
        gap: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: var(--secondary-color);
        padding: 4px 10px 2px 10px;
        border-left: 1px solid var(--Light-grey, #E5E5E5);
    }

    .breadcrumb .noborder[b-5e90egh18j] {
        border-left: none !important;
    }

    .breadcrumb .followers span[b-5e90egh18j] {
        font-weight: 600;
        font-size: 14px;
        color: var(--secondary-color);
    }

.profile-picture[b-5e90egh18j] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid var(--Mid-green, #D4FFF6);
    object-fit: cover;
    margin-right: 10px;
}
.tag[b-5e90egh18j] {
    padding: 0px 4px;
    border-radius: 3px;
    background: #F5DFCC;
    color: #001431;
    font-weight: 400;
    font-size: 13px;
}
.user-actions[b-5e90egh18j] {
    padding: 24px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}
/* /Pages/ContentManagement/ContentManagement.razor.rz.scp.css */
#published-posts-tab .card[b-q7228nyhjw] {
    border-radius: unset !important;
}

#published-posts-tab .filter-action-btn[b-q7228nyhjw] {
    width: 30px;
    height: 30px;
}

    #published-posts-tab .filter-action-btn i[b-q7228nyhjw] {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }

.thumbnail[b-q7228nyhjw] {
    height: 100px;
    width: 100px;
    border-radius: 12px;
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.fullname[b-q7228nyhjw] {
    color: var(--secondary-color);
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px;
}

.username[b-q7228nyhjw] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.content-info-grid[b-q7228nyhjw] {
    flex-direction: column;
    align-items: start !important;
    margin-left: .5rem;
    margin-right: 50px;
    gap: 6px;
    padding: 6px 0px;
    flex: 1 0 0;
}

.description[b-q7228nyhjw] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    line-break: anywhere;
}

.time-box[b-q7228nyhjw] {
    color: var(--secondary-color);
    text-align: center;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.status[b-q7228nyhjw] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
}

.page-number[b-q7228nyhjw] {
    color: var(--secondary-color);
}

    .page-number:hover[b-q7228nyhjw] {
        background-color: #00143112;
    }

.page-number[b-q7228nyhjw] {
    color: var(--secondary-color);
}

    .page-number:hover[b-q7228nyhjw] {
        background-color: #00143112;
    }

.search-bar-container[b-q7228nyhjw] {
    min-width: 340px;
    max-width: 360px;
}

.thumbnail-container[b-q7228nyhjw] {
    position:relative;
}
    .thumbnail-container img.video-icon-img[b-q7228nyhjw] {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .thumbnail-container img.starred-icon-img[b-q7228nyhjw] {
        position: absolute;
        top: 13px;
        right: 10px;
    }

.content-moderation-page[b-q7228nyhjw] {
    width: 90%;
    margin: auto;
}

.search-container[b-q7228nyhjw]{
    margin-bottom: 16px !important;
}

.tags-filter-container[b-q7228nyhjw] {
    flex: 1 !important;
}

.tags-box[b-q7228nyhjw] {
    color: #001431;
    font-size: 12px;
    font-weight: 400;
    display: contents;
    text-align: center
}

.content-modal[b-q7228nyhjw] .modal-content {
    background: #fff0;
    border: none;
}

.content-modal[b-q7228nyhjw] .modal-dialog {
    position: relative;
    top: 20%;
}

.content-modal[b-q7228nyhjw] .modal-header {
    display: none;
}

.content-modal[b-q7228nyhjw]  img {
    height: 20vw;
    width: 20vw;
}

.type[b-q7228nyhjw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 5px;
    gap: 3px;
    border-radius: 3px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey, #A7A7A7);
    font-weight: 600;
    font-size: 12px;
}
.flex-wrapper[b-q7228nyhjw] {
    display: flex;
    justify-content: center;
}

[b-q7228nyhjw] .pagination .page-item > .page-link {
    padding: 0;
    border: none;
}

    [b-q7228nyhjw] .pagination .page-item > .page-link > .page-link, .pagination .page-number[b-q7228nyhjw] {
        padding: .375rem .75rem;
    }

[b-q7228nyhjw] .pagination .page-number {
    padding: .375rem .75rem;
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s
}

.chips-filter[b-q7228nyhjw] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.filter-component[b-q7228nyhjw] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-q7228nyhjw]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-q7228nyhjw]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-q7228nyhjw]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-q7228nyhjw]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.export-posts[b-q7228nyhjw] {
    margin-top: 10px;
}

.command-col[b-q7228nyhjw] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
    [b-q7228nyhjw] .command-col svg {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 12px;
    }
.boost-badge[b-q7228nyhjw] {
    display: flex;
    padding: 2px 5px;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Mid-grey, #A7A7A7);
    color: var(--Surface, #FFF);
    font-weight: 600;
    font-size: 12px;
    width: fit-content
}
/* /Pages/ContentManagement/ContentReports.razor.rz.scp.css */
.page-header[b-wfx7xnrv7c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}

.page-title[b-wfx7xnrv7c] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
}

.filter-container[b-wfx7xnrv7c] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.filter-container[b-wfx7xnrv7c]  .search-bar-container {
    min-width: 445px;
}

.filter-container[b-wfx7xnrv7c]  .page-search-bar {
    min-width: 445px;
    max-width: unset;
}

.filter-container[b-wfx7xnrv7c]  .form-select {
    width: 308px;
    color: var(--Contrast, #001431);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 100px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    display: flex;
    padding: 8px 20px;
    align-items: center;
    gap: 4px;
}

.search-bar-container[b-wfx7xnrv7c] {
    min-width: 340px;
    max-width: 360px;
}
.search-container[b-wfx7xnrv7c] {
    margin-bottom: 16px !important;
}

.filter-container[b-wfx7xnrv7c]  input {
    height: 40px !important;
    border: 1px solid #E5E5E5 !important;
    font-size: 14px !important;
    border-radius: 50rem !important;
    width: 200px;
    padding-left: 20px !important;
}

.filter-component[b-wfx7xnrv7c] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-wfx7xnrv7c]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-wfx7xnrv7c]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-wfx7xnrv7c]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-wfx7xnrv7c]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


.thumbnail-container[b-wfx7xnrv7c] {
    position: relative;
}

    .thumbnail-container img.video-icon-img[b-wfx7xnrv7c] {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .thumbnail-container img.starred-icon-img[b-wfx7xnrv7c] {
        position: absolute;
        top: 13px;
        right: 10px;
    }

.content-info-grid[b-wfx7xnrv7c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0.5rem;
    margin-right: 50px;
    gap: 6px;
    padding: 13px 0;
    flex: 1 0 0;
}

.description[b-wfx7xnrv7c] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    line-break: anywhere;
}
.link-primary[b-wfx7xnrv7c] {
    color: var(--complementary, #00BAFF);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.text[b-wfx7xnrv7c] {
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.text-button[b-wfx7xnrv7c] {
    background: none;
    border: none;
}

.content-modal[b-wfx7xnrv7c]  .modal-content {
    background: #fff0;
    border: none;
}

.content-modal[b-wfx7xnrv7c]  .modal-dialog {
    position: relative;
    top: 20%;
}

.content-modal[b-wfx7xnrv7c]  .modal-header {
    display: none;
}

.content-modal[b-wfx7xnrv7c]  img {
    height: 20vw;
    width: 20vw;
}

.status[b-wfx7xnrv7c] {
    border-radius: 4px;
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    color: var(--Surface, #FFF);
    font-weight: 600;
    width: 75px;
}
    .status.pending[b-wfx7xnrv7c] {
        background: var(--Orange, #FF7C03);
    }
    .status.approved[b-wfx7xnrv7c] {
        background: var(--complementary, #00BAFF);
    }
    .status.dismissed[b-wfx7xnrv7c] {
        background: #D9518A;
    }
/* /Pages/ContentManagement/IntroductoryPosts.razor.rz.scp.css */
.thumbnail[b-kpli1v6jek] {
    height: 96px;
    width: 96px;
    border-radius: 12px;
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.fullname[b-kpli1v6jek] {
    color: var(--secondary-color);
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px;
}

.username[b-kpli1v6jek] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.content-info-grid[b-kpli1v6jek] {
    flex-direction: column;
    align-items: start !important;
    margin-left: .5rem;
    margin-right: 50px;
    gap: 6px;
    padding: 13px 0px;
    flex: 1 0 0;
}

.description[b-kpli1v6jek] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    line-break: anywhere;
}

.time-box[b-kpli1v6jek] {
    color: var(--secondary-color);
    text-align: center;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.status[b-kpli1v6jek] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
}

.page-number[b-kpli1v6jek] {
    color: var(--secondary-color);
}

    .page-number:hover[b-kpli1v6jek] {
        background-color: #00143112;
    }

.page-number[b-kpli1v6jek] {
    color: var(--secondary-color);
}

    .page-number:hover[b-kpli1v6jek] {
        background-color: #00143112;
    }

.search-bar-container[b-kpli1v6jek] {
    min-width: 340px;
    max-width: 360px;
}

.thumbnail-container[b-kpli1v6jek] {
    position: relative;
}

    .thumbnail-container img.video-icon-img[b-kpli1v6jek] {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .thumbnail-container img.starred-icon-img[b-kpli1v6jek] {
        position: absolute;
        top: 13px;
        right: 10px;
    }

.starred-posts-page[b-kpli1v6jek] {
    width: 85%;
    margin: auto;
}

[b-kpli1v6jek] .order-header {
    color: var(--complementary, #00BAFF);
}

[b-kpli1v6jek] .order-cell {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-container[b-kpli1v6jek] {
    margin-bottom: 16px !important;
}

.tags-filter-container[b-kpli1v6jek] {
    flex: 1 !important;
}

.tags-box[b-kpli1v6jek] {
    color: #001431;
    font-size: 12px;
    font-weight: 400;
    display: contents;
    text-align: center
}

.content-modal[b-kpli1v6jek] .modal-content {
    background: #fff0;
    border: none;
}

.content-modal[b-kpli1v6jek] .modal-dialog {
    position: relative;
    top: 20%;
}

.content-modal[b-kpli1v6jek] .modal-header {
    display: none;
}

.content-modal[b-kpli1v6jek]  img {
    height: 20vw;
    width: 20vw;
}

.type[b-kpli1v6jek] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 5px;
    gap: 3px;
    border-radius: 3px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey, #A7A7A7);
    font-weight: 600;
    font-size: 12px;
}

.flex-wrapper[b-kpli1v6jek] {
    display: flex;
    justify-content: center;
}
.chips-filter[b-kpli1v6jek] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.filter-component[b-kpli1v6jek] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-kpli1v6jek]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-kpli1v6jek]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-kpli1v6jek]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-kpli1v6jek]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.export-posts[b-kpli1v6jek] {
    margin-top: 10px;
}


.buttons[b-kpli1v6jek] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.save[b-kpli1v6jek] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    border: none;
}

.cancel[b-kpli1v6jek] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid var(--Mid-grey, #A7A7A7);
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: none;
}
/* /Pages/ContentManagement/NotifiedContent/NotifiedContent.razor.rz.scp.css */
.header[b-mn3jzxr4xp] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

    .header h3[b-mn3jzxr4xp] {
        color: var(--Contrast, #001431);
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 0px;
    }

.filters[b-mn3jzxr4xp] {
    display: flex;
    justify-content: space-between;
    margin: 5px 0px;
}

.chips-filter[b-mn3jzxr4xp] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.notifications-summary[b-mn3jzxr4xp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    gap: 12px;
    margin: 24px 0px;
}
.summary-box[b-mn3jzxr4xp] {
    display: flex;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-grow: 0;
    align-self: stretch;
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
}

    .notified-content-page .summary-box .label[b-mn3jzxr4xp] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
    }

    .notified-content-page .summary-box .value[b-mn3jzxr4xp] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        margin-top: 4px;
    }




/*.notified-content-page .username a {
    text-decoration: none;
    color: inherit !important;
    font-weight: 500 !important;
}
*/
/* Table header style (reused) */
/*.notified-content-page ::deep .enhanced-table-ui th {
    padding: 16px 8px !important;
}*/

/* Ensure vertical alignment in table cells */
/*.notified-content-page ::deep .bds-datagrid-cell {
    vertical-align: middle;
}*/
/* /Pages/ContentManagement/PendingPosts/PendingPosts.razor.rz.scp.css */
.header[b-r40lhjrk6z] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.header h3[b-r40lhjrk6z] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0px;
}

.posts-num[b-r40lhjrk6z] {
    display: flex;
    padding: 4px 10px 2px 10px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-left: 1px solid var(--Light-grey, #E5E5E5);
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.thumbnail[b-r40lhjrk6z] {
    height: 96px;
    width: 96px;
    border-radius: 12px;
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.fullname[b-r40lhjrk6z] {
    color: var(--secondary-color);
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px;
}

.username[b-r40lhjrk6z] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.content-info-grid[b-r40lhjrk6z] {
    flex-direction: column;
    align-items: start !important;
    margin-left: .5rem;
    margin-right: 50px;
    gap: 6px;
    padding: 13px 0px;
    flex: 1 0 0;
}

.description[b-r40lhjrk6z] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    line-break: anywhere;
}

.time-box[b-r40lhjrk6z] {
    color: var(--secondary-color);
    text-align: center;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.status[b-r40lhjrk6z] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
}

.page-number[b-r40lhjrk6z] {
    color: var(--secondary-color);
}

.page-number:hover[b-r40lhjrk6z] {
    background-color: #00143112;
}

.page-number[b-r40lhjrk6z] {
    color: var(--secondary-color);
}

.page-number:hover[b-r40lhjrk6z] {
    background-color: #00143112;
}

.search-bar-container[b-r40lhjrk6z] {
    min-width: 340px;
    max-width: 360px;
}

.thumbnail-container[b-r40lhjrk6z] {
    position: relative;
}

.thumbnail-container img.video-icon-img[b-r40lhjrk6z] {
    position: absolute;
    top: 10px;
    left: 10px;
}

.thumbnail-container img.starred-icon-img[b-r40lhjrk6z] {
    position: absolute;
    top: 13px;
    right: 10px;
}

.pending-posts-page[b-r40lhjrk6z] {
    width: 90%;
    margin: auto;
}

.search-container[b-r40lhjrk6z] {
    margin-bottom: 16px !important;
}

.tags-filter-container[b-r40lhjrk6z] {
    flex: 1 !important;
}

.tags-box[b-r40lhjrk6z] {
    color: #001431;
    font-size: 12px;
    font-weight: 400;
    display: contents;
    text-align: center
}

.content-modal[b-r40lhjrk6z] .modal-content {
    background: #fff0;
    border: none;
}

.content-modal[b-r40lhjrk6z] .modal-dialog {
    position: relative;
    top: 20%;
}

.content-modal[b-r40lhjrk6z] .modal-header {
    display: none;
}

.content-modal[b-r40lhjrk6z]  img {
    height: 20vw;
    width: 20vw;
}

.type[b-r40lhjrk6z] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 5px;
    gap: 3px;
    border-radius: 3px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey, #A7A7A7);
    font-weight: 600;
    font-size: 12px;
}

.flex-wrapper[b-r40lhjrk6z] {
    display: flex;
    justify-content: center;
}

[b-r40lhjrk6z] .pagination .page-item>.page-link {
    padding: 0;
    border: none;
}

[b-r40lhjrk6z] .pagination .page-item>.page-link>.page-link,
.pagination .page-number[b-r40lhjrk6z] {
    padding: .375rem .75rem;
}

[b-r40lhjrk6z] .pagination .page-number {
    padding: .375rem .75rem;
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s
}

.chips-filter[b-r40lhjrk6z] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.filter-component[b-r40lhjrk6z] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

.filter-component[b-r40lhjrk6z]  .badge {
    padding: 8px 20px;
    border-radius: 100px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    width: fit-content;
    color: var(--Contrast, #001431);
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    line-height: 1;
    font-size: 12px !important;
}

.filter-component[b-r40lhjrk6z]  .badge-btn {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.filter-component[b-r40lhjrk6z]  .dropdown-menu.show {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
}

.filter-component[b-r40lhjrk6z]  .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.export-posts[b-r40lhjrk6z] {
    margin-top: 10px;
}

.command-col[b-r40lhjrk6z] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

[b-r40lhjrk6z] .command-col svg {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 12px;
}
/* /Pages/ContentManagement/PostDetails.razor.rz.scp.css */
[b-41q76s5qqc] .top-row {
    background: #f7f8f9;
}
    [b-41q76s5qqc] .top-row article.content {
        padding-top: 0px;
    }

.bg[b-41q76s5qqc] {
    position: fixed;
    height: 100vh;
    width: calc(100% - 260px);
    top: 0;
    right: 0px;
    z-index: 0;
    background: #F7F8F9;
}

.content-details-page[b-41q76s5qqc] {
    z-index: 10;
    padding-left: 10px;
    padding-right: 10px;
    max-height: 95vh;
    overflow: scroll;
}

.page-container[b-41q76s5qqc] {
    max-width: 1250px;
    margin: auto;
    position: relative;
    top: 0px;
    min-height: 100%;
    padding-bottom: 40px;
}

.breadcrumb[b-41q76s5qqc] {
    display: flex;
    align-items: center;
    padding-top: 0px;
    margin-bottom: 18px;
}

    .breadcrumb .back-button[b-41q76s5qqc] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .title[b-41q76s5qqc] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

    .breadcrumb .status[b-41q76s5qqc] {
        font-weight: 600;
        font-size: 11px;
        color: #FFF;
        padding: 2px 6px;
        border-radius: 3px;
        background: var(--complementary, #00BAFF);
    }

    .breadcrumb .user-info[b-41q76s5qqc] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 0px;
    }

    .breadcrumb .followers[b-41q76s5qqc] {
        display: flex;
        gap: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: var(--secondary-color);
        padding: 4px 10px 2px 10px;
        border-left: 1px solid var(--Light-grey, #E5E5E5);
    }

    .breadcrumb .noborder[b-41q76s5qqc] {
        border-left: none !important;
    }

    .breadcrumb .followers span[b-41q76s5qqc] {
        font-weight: 600;
        font-size: 14px;
        color: var(--secondary-color);
    }

.page-actions[b-41q76s5qqc] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}



.content-details-page[b-41q76s5qqc]  .action-item img {
    margin-top: 0px;
}


.post-row[b-41q76s5qqc] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 16px;
    align-items: start;
    width: 100%;
}

.column-group-1[b-41q76s5qqc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 700px;
}


.column-group-2[b-41q76s5qqc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.post-details[b-41q76s5qqc] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
/*    height: 308px;*/
}

.username[b-41q76s5qqc] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
}

    .username a[b-41q76s5qqc] {
        text-decoration: none;
        color: var(--Contrast, #001431) !important;
    }

    .details-row[b-41q76s5qqc] {
        display: flex;
        gap: 12px;
    }

.thumbnail-container[b-41q76s5qqc] {
    position: relative;
}

    .thumbnail-container img.video-icon-img[b-41q76s5qqc] {
        position: absolute;
        top: 2px;
        left: 2px;
    }
    .thumbnail-container .thumbnail[b-41q76s5qqc] {
        width: 180px;
        height: 180px;
        border-radius: 8px;
    }

.info[b-41q76s5qqc] {
    display: flex;
    height: 100px;
    padding: 4px 8px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
}
    .info .title[b-41q76s5qqc] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-weight: 600;
    }
    .info .value[b-41q76s5qqc] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        text-align: right;
        font-weight: 600;
    }

.details[b-41q76s5qqc] {
    display: flex;
    gap: 16px;
    width: 100%;
}

.details-box[b-41q76s5qqc] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.post-description[b-41q76s5qqc] {
    margin-top: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    max-height: calc(2em * 3);
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.post-date[b-41q76s5qqc] {
    margin-top: 4px;
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 400;
}

.post-revenue[b-41q76s5qqc] {
    display: flex;
    width: 100%;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}
    .post-revenue .title[b-41q76s5qqc] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
    }
    .post-revenue .item[b-41q76s5qqc] {
        height: 68px;
        align-self: stretch;
        border-radius: 8px;
        background: var(--Blue-grey, #F7F8F9);
        display: flex;
        gap: 12px;
        flex-direction: column;
        padding: 6px 10px;
    }
    .post-revenue .item-header[b-41q76s5qqc] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-weight: 600;
    }
    .post-revenue .item-value[b-41q76s5qqc] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;

    }
        .post-revenue .item-value span[b-41q76s5qqc] {
            font-size: 10px;
            margin-left: 2px;
        }
/*right coulmn*/
.actions-history[b-41q76s5qqc] {
    display: flex;
    min-height: 290px;
    max-height: 400px;
    padding: 0px 24px 20px 24px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 20px;
    background: var(--Surface, #FFF);
    overflow-y: auto;
}

.actions-history-header[b-41q76s5qqc] {
    display: flex;
    padding: 20px 0px 10px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
}
.post-actions-list[b-41q76s5qqc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    overflow-y: auto;
    max-height: 200px;
}
.post-actions-item[b-41q76s5qqc] {
    display: flex;
    padding: 6px 0px;
    align-items: start;
    flex-direction: column;
    width: 100%;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
}
.action-comments[b-41q76s5qqc] {
    display: flex;
    align-items: center;
}
.action-date[b-41q76s5qqc] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    display: contents;
}


.comments-container[b-41q76s5qqc] {
    border-radius: 20px;
    background: var(--Surface, #FFF);
    display: flex;
    flex-direction: column;
    border: none;
    max-height: 500px;
    overflow-y: auto;
}

.fixed-height[b-41q76s5qqc] {
    max-height: 310px;
}

.comments-header[b-41q76s5qqc] {
    display: flex;
    padding: 20px 20px 10px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
}

    .comments-header span[b-41q76s5qqc] {
        color: #000;
        font-size: 16px;
        margin-left: 5px;
        font-weight: 400;
    }

    .comments-header .text-button[b-41q76s5qqc] {
        color: var(--Accent, #03DBB4);
        text-align: right;
        font-size: 14px;
        font-weight: 600;
        margin-left: auto;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 10;
    }

.comments-modal[b-41q76s5qqc] .modal-content {
    border-radius: 20px;
}

.comments-modal[b-41q76s5qqc] .modal-header {
    padding: 20px 20px 10px 20px;
}

.comments-modal[b-41q76s5qqc] .comments-header {
    padding: 0px
}

.comments-modal[b-41q76s5qqc] .modal-dialog {
    max-width: 60%
}

.content-modal[b-41q76s5qqc] .modal-content {
    background: #fff0;
    border: none;
}

.content-modal[b-41q76s5qqc] .modal-body {
    background: #fff;
    width: 675px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 80vh;
    overflow-y: auto;
}

.content-modal[b-41q76s5qqc] .modal-dialog {
    position: relative;
    top: 15%;
}

.content-modal[b-41q76s5qqc] .modal-header {
    display: none;
}

.content-modal[b-41q76s5qqc]  img {
    height: 20vw;
    width: 20vw;
}
.content-modal[b-41q76s5qqc]  .description {
    max-height: 150px;
    overflow-y: auto;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.reporter[b-41q76s5qqc] {
    padding-top: 10px;
    margin: 0px 24px;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
}

.reporter span[b-41q76s5qqc]{
    margin-right: 3px;
    font-weight: 600;
}

.report[b-41q76s5qqc] {
    padding: 10px 0px;
    margin: 0px 24px;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    gap: 10px;
    border-bottom: 1px solid #eee;
}

.report  span[b-41q76s5qqc] {
    margin:0px;
    padding:0px;
    font-weight: 600;
}

.report-badge[b-41q76s5qqc] {
    background: #D93C3C;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: -6px;
    right: -10px;
    width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
}

.post-type[b-41q76s5qqc] {
    display: flex;
    padding: 2px 5px;
    align-items: center;
    gap: 3px;
    position: absolute;
    left: 8px;
    bottom: 8px;
    border-radius: 3px;
    background: rgba(0, 20, 49, 0.60);
    color: var(--Surface, #FFF);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.details-row img.starred-icon-img[b-41q76s5qqc] {
    position: absolute;
    top: 13px;
    left: 8px;
}

.series-info[b-41q76s5qqc] {
    display: flex;
    width: 100%;
    height: 92px;
    gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.series-title-wraper[b-41q76s5qqc] {
    display: flex;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
    .series-title-wraper span[b-41q76s5qqc] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        margin-left: 8px;
    }
.series-name-wraper[b-41q76s5qqc] {
    display: flex;
    gap: 8px;
    padding: 4px 8px 4px 4px;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Light-green, #ECFAF7);
}
    .series-name-wraper img[b-41q76s5qqc] {
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: 1px solid var(--Mid-green, #D4FFF6);
    }

    .series-name-wraper .series-name[b-41q76s5qqc] {
        color: var(--Contrast, #001431);
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
    }
    .series-name-wraper .series-episodes[b-41q76s5qqc] {
        color: var(--Contrast, #001431);
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }

.series-offcanvas[b-41q76s5qqc]  {}

    .series-offcanvas[b-41q76s5qqc]  .offcanvas-header {
        display: flex;
        padding: 16px 22px 12px 24px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--Light-grey, #E5E5E5);
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    .series-offcanvas[b-41q76s5qqc]  .offcanvas-body {
        padding: 12px 24px 0px 24px;
        overflow-y: auto;
        max-height: calc(100vh - 100px);
    }
    .series-offcanvas[b-41q76s5qqc]  .offcanvas-end {
        width: 438px;
    }

.series-offcanvas .view-all-btn[b-41q76s5qqc] {
    color: var(--Accent, #03DBB4);
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    background: none;
    border: none;
}
.series-offcanvas  .close-button[b-41q76s5qqc] {
    background: none;
    border: none;
}
.series-details[b-41q76s5qqc] {
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: var(--Light-green, #ECFAF7);
}
    .series-details .series-description[b-41q76s5qqc] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 13px;
        font-weight: 400;
        line-height: 16px
    }
    .series-details .series-name[b-41q76s5qqc] {
        display: flex;
        padding-right: 12px;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
        color: var(--Contrast, #001431);
        font-size: 15px;
        font-weight: 600;
        line-height: 22px;
    }
        .series-details .series-name img[b-41q76s5qqc] {
            width: 70px;
            height: 70px;
            border-radius: 6px;
        }
        .series-details .series-name span[b-41q76s5qqc] {
            color: var(--Mid-grey-darker, #919191);
            font-size: 11px;
            font-weight: 400;
            line-height: 16px;
        }
.episodes-title[b-41q76s5qqc] {
    padding: 30px 0px 8px 0px;
    display: flex;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
    color: var(--Contrast, #001431);
    font-size: 15px;
    font-weight: 600;
}
    .episodes-title span[b-41q76s5qqc] {
        display: flex;
        padding: 3px 0px 3px 3px;
        align-items: flex-start;
        gap: 8px;
        color: var(--Mid-grey, #A7A7A7);
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        border-left: 0.5px solid var(--Light-grey, #E5E5E5);
    }

.episode[b-41q76s5qqc] {
    display: flex;
    padding: 8px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
    .episode .header[b-41q76s5qqc] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        color: var(--Contrast, #001431);
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
    }
    .episode .cover-photo[b-41q76s5qqc] {
        position: relative;
    }
        .episode .cover-photo .photo[b-41q76s5qqc] {
            width: 58px;
            height: 58px;
            border-radius: 6px;
            border: 2px solid var(--Mid-green, #D4FFF6);
        }
        .episode .cover-photo .svg[b-41q76s5qqc] {
            width: 20px;
            height: 20px;
            position: absolute;
            right: 5px;
            bottom: 5px;
        }
    .episode .name[b-41q76s5qqc] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 6px;
        color: var(--Contrast, #001431);
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
    }
    .episode .date[b-41q76s5qqc] {
        display: flex;
        color: var(--Mid-grey, #A7A7A7);
        font-size: 11px;
        font-weight: 400;
        line-height: 16px;
    }
    .episode .type[b-41q76s5qqc] {
        display: flex;
        padding: 2px 5px;
        align-items: center;
        gap: 3px;
        border-radius: 3px;
        background: var(--Blue-grey, #F7F8F9);
        color: var(--Mid-grey, #A7A7A7);
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }
    .episode .description[b-41q76s5qqc] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }

.post-complaints[b-41q76s5qqc]  .header {
    font-size:11px;
}
.post-complaints[b-41q76s5qqc]  .cell {
    font-size: 10px;
}

.tags-box[b-41q76s5qqc] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.tag[b-41q76s5qqc] {
    padding: 0px 4px;
    border-radius: 3px;
    background: #F5DFCC;
    color: #001431;
    font-weight: 400;
    font-size: 13px;
}

.comments-offcanvas[b-41q76s5qqc]  .offcanvas-body {
    padding: 0rem;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}

.comments-offcanvas[b-41q76s5qqc]  .offcanvas-header {
    padding: 1rem 0rem;
}

.comments-header[b-41q76s5qqc] {
    width: 100%;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E5E5E5;
    background: white;
}

.header-left[b-41q76s5qqc] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.header-title[b-41q76s5qqc] {
    color: #001431;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}

.header-count[b-41q76s5qqc] {
    color: black;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
}

.header-right[b-41q76s5qqc] {
    display: flex;
    align-items: center;
}

.sort-button[b-41q76s5qqc] {
    padding: 8px 16px;
    background: #F7F8F9;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;
}

.sort-icon[b-41q76s5qqc] {
    width: 14px;
    height: 9px;
    position: relative;
}

.sort-line[b-41q76s5qqc] {
    width: 100%;
    height: 1.5px;
    background: #001431;
    position: absolute;
}

    .sort-line:nth-child(1)[b-41q76s5qqc] {
        top: 0;
    }

    .sort-line:nth-child(2)[b-41q76s5qqc] {
        top: 4.5px;
    }

    .sort-line:nth-child(3)[b-41q76s5qqc] {
        top: 9px;
    }

.sort-text[b-41q76s5qqc] {
    color: #001431;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}
.hashtags[b-41q76s5qqc] {
    color: var(--complementary, #00BAFF);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
}

.reason[b-41q76s5qqc] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
    .reason span[b-41q76s5qqc] {
        padding: 0px 4px;
        border-radius: 3px;
        color: #001431;
        font-weight: 400;
        font-size: 13px;
        word-break:break-word;
    }

.score-tag[b-41q76s5qqc] {
    display: flex;
    padding: 2px 5px;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Red, #D93C3C);
    color: var(--Surface, #FFF);
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.notify-modal[b-41q76s5qqc]  .notify-link a {
    text-decoration: none;
    word-break: break-all;
}

    .notify-modal[b-41q76s5qqc]  .notify-link a:hover {
        text-decoration: underline;
    }

.notify-modal[b-41q76s5qqc]  .notify-caption {
    margin-top: 10px;
}

.notify-modal[b-41q76s5qqc]  .notify-confirmation {
    margin-top: 15px;
    color: #555;
}

.notify-modal[b-41q76s5qqc]  .notify-btn-cancel {
    margin-right: 10px;
}

.notify-modal[b-41q76s5qqc]  .notify-btn-confirm {
    min-width: 100px;
}

.post-likes[b-41q76s5qqc] {
    display: flex;
    flex-direction: column;
    padding: 20px 24px 24px 24px;
    background-color: #FFF;
}

.likes-header[b-41q76s5qqc] {
    display: flex;
    padding-bottom: 10px;
    justify-content: space-between;
    align-self: stretch;
}

.likes-title[b-41q76s5qqc] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.likes-action .boost-btn[b-41q76s5qqc] {
    color: var(--Accent, #03DBB4);
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 600;
}

.likes-summary[b-41q76s5qqc] {
    display: flex;
    gap: 20px;
    margin-bottom: 16px;
}

.likes-summary-item[b-41q76s5qqc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    background: var(--Blue-grey, #F7F8F9);
    padding: 6px 10px;
    border-radius: 8px;
}

.likes-summary-label[b-41q76s5qqc] {
    color: var(--Mid-grey-darker, #919191);
    font-size: 14px;
    font-weight: 600;
}

.likes-summary-value[b-41q76s5qqc] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
}

.status-badge[b-41q76s5qqc] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    width: 80px
}

.status-in-progress[b-41q76s5qqc] {
    background: var(--Orange, #FF7C03);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.status-completed[b-41q76s5qqc] {
    background: var(--complementary, #00BAFF);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.status-default[b-41q76s5qqc] {
    background-color: #F5F5F5;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.post-likes[b-41q76s5qqc]  .header {
    color: var(--Mid-grey-darker, #919191);
    font-size: 13px;
    font-weight: 400;
    padding: 16px 8px 8px 8px;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
}

.post-likes[b-41q76s5qqc]  .cell {
    padding: 16px 8px;
    font-size: 14px;
    color: var(--Contrast, #001431);
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
}

.post-likes[b-41q76s5qqc]  .vertical-align-middle {
    vertical-align: middle;
}

/* Boost Modal Styles */
.boost-modal-content[b-41q76s5qqc] {
    padding: 10px;
}

.boost-modal-content .form-group[b-41q76s5qqc] {
    margin-bottom: 20px;
}

.boost-modal-content[b-41q76s5qqc]  .form-label {
    font-weight: 500;
    margin-bottom: 8px;
    color: #001431;
}

.boost-modal-content[b-41q76s5qqc]  .form-control {
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    padding: 8px 12px;
}

[b-41q76s5qqc] .modal-footer .btn-primary {
    background-color: #03DBB4;
    border-color: #03DBB4;
}

[b-41q76s5qqc] .modal-footer .btn-light {
    background-color: #F5F5F5;
    border-color: #E5E5E5;
    color: #333;
}

.post-tagging-group1[b-41q76s5qqc], .post-tagging-group2[b-41q76s5qqc] {
    display: flex;
    gap: 10px;
}

    .post-tagging-group1 .item[b-41q76s5qqc], .content-category.item[b-41q76s5qqc], .post-tagging-group2 .item[b-41q76s5qqc], .content-ranking.item[b-41q76s5qqc] {
        background: none !important;
        padding-left: 0 !important;
    }
/* /Pages/ContentManagement/StarredPosts.razor.rz.scp.css */
.thumbnail[b-j9h3ju41ls] {
    height: 96px;
    width: 96px;
    border-radius: 12px;
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.fullname[b-j9h3ju41ls] {
    color: var(--secondary-color);
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px;
}

.username[b-j9h3ju41ls] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.content-info-grid[b-j9h3ju41ls] {
    flex-direction: column;
    align-items: start !important;
    margin-left: .5rem;
    margin-right: 50px;
    gap: 6px;
    padding: 13px 0px;
    flex: 1 0 0;
}

.description[b-j9h3ju41ls] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    line-break: anywhere;
}

.time-box[b-j9h3ju41ls] {
    color: var(--secondary-color);
    text-align: center;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.status[b-j9h3ju41ls] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
}

.page-number[b-j9h3ju41ls] {
    color: var(--secondary-color);
}

    .page-number:hover[b-j9h3ju41ls] {
        background-color: #00143112;
    }

.page-number[b-j9h3ju41ls] {
    color: var(--secondary-color);
}

    .page-number:hover[b-j9h3ju41ls] {
        background-color: #00143112;
    }

.search-bar-container[b-j9h3ju41ls] {
    min-width: 340px;
    max-width: 360px;
}

.thumbnail-container[b-j9h3ju41ls] {
    position: relative;
}

    .thumbnail-container img.video-icon-img[b-j9h3ju41ls] {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .thumbnail-container img.starred-icon-img[b-j9h3ju41ls] {
        position: absolute;
        top: 13px;
        right: 10px;
    }

.starred-posts-page[b-j9h3ju41ls] {
    width: 85%;
    margin: auto;
}

[b-j9h3ju41ls] .order-header {
    color: var(--complementary, #00BAFF);
}

[b-j9h3ju41ls] .order-cell {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-container[b-j9h3ju41ls] {
    margin-bottom: 16px !important;
}

.tags-filter-container[b-j9h3ju41ls] {
    flex: 1 !important;
}

.tags-box[b-j9h3ju41ls] {
    color: #001431;
    font-size: 12px;
    font-weight: 400;
    display: contents;
    text-align: center
}

.content-modal[b-j9h3ju41ls] .modal-content {
    background: #fff0;
    border: none;
}

.content-modal[b-j9h3ju41ls] .modal-dialog {
    position: relative;
    top: 20%;
}

.content-modal[b-j9h3ju41ls] .modal-header {
    display: none;
}

.content-modal[b-j9h3ju41ls]  img {
    height: 20vw;
    width: 20vw;
}

.type[b-j9h3ju41ls] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 5px;
    gap: 3px;
    border-radius: 3px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey, #A7A7A7);
    font-weight: 600;
    font-size: 12px;
}

.flex-wrapper[b-j9h3ju41ls] {
    display: flex;
    justify-content: center;
}

[b-j9h3ju41ls] .pagination .page-item > .page-link {
    padding: 0;
    border: none;
}

    [b-j9h3ju41ls] .pagination .page-item > .page-link > .page-link, .pagination .page-number[b-j9h3ju41ls] {
        padding: .375rem .75rem;
    }

[b-j9h3ju41ls] .pagination .page-number {
    padding: .375rem .75rem;
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s
}

.chips-filter[b-j9h3ju41ls] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.filter-component[b-j9h3ju41ls] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-j9h3ju41ls]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-j9h3ju41ls]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-j9h3ju41ls]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-j9h3ju41ls]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.export-posts[b-j9h3ju41ls] {
    margin-top: 10px;
}


.buttons[b-j9h3ju41ls] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.save[b-j9h3ju41ls] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    border: none;
}

.cancel[b-j9h3ju41ls] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid var(--Mid-grey, #A7A7A7);
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: none;
}
/* /Pages/ContentManagement/StuckPosts/StuckPosts.razor.rz.scp.css */
.stuck-posts-page[b-a5rs1yqp6g] {
    width: 90%;
    margin: auto;
}

.page-header[b-a5rs1yqp6g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}

.page-title[b-a5rs1yqp6g] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
}

.thumbnail[b-a5rs1yqp6g] {
    height: 96px;
    width: 96px;
    border-radius: 12px;
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.fullname[b-a5rs1yqp6g] {
    color: var(--secondary-color);
    font-size: 14px !important;
    font-weight: 600;
    margin: 0;
}

.username[b-a5rs1yqp6g] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0;
}

.content-info-grid[b-a5rs1yqp6g] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0.5rem;
    margin-right: 50px;
    gap: 6px;
    padding: 13px 0;
    flex: 1 0 0;
}

.description[b-a5rs1yqp6g] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    line-break: anywhere;
}

.time-box[b-a5rs1yqp6g] {
    color: var(--secondary-color);
    text-align: center;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.search-bar-container[b-a5rs1yqp6g] {
    min-width: 340px;
    max-width: 360px;
}

.thumbnail-container[b-a5rs1yqp6g] {
    position: relative;
}

    .thumbnail-container img.video-icon-img[b-a5rs1yqp6g] {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .thumbnail-container img.starred-icon-img[b-a5rs1yqp6g] {
        position: absolute;
        top: 13px;
        right: 10px;
    }

.search-container[b-a5rs1yqp6g] {
    margin-bottom: 16px !important;
}
.filter-container[b-a5rs1yqp6g]  input {
    height: 40px !important;
    border: 1px solid #E5E5E5 !important;
    font-size: 14px !important;
    border-radius: 50rem !important;
    width: 200px;
    padding-left: 20px !important;
}

.flex-wrapper[b-a5rs1yqp6g] {
    display: flex;
    justify-content: center;
}
.type[b-a5rs1yqp6g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 5px;
    gap: 3px;
    border-radius: 3px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey, #A7A7A7);
    font-weight: 600;
    font-size: 12px;
}

.status[b-a5rs1yqp6g] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
}
.text-button[b-a5rs1yqp6g] {
    background: none;
    border: none;
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-weight: 600;
}

.filter-component[b-a5rs1yqp6g] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-a5rs1yqp6g]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-a5rs1yqp6g]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-a5rs1yqp6g]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-a5rs1yqp6g]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.content-modal[b-a5rs1yqp6g]  .modal-content {
    background: #fff0;
    border: none;
}

.content-modal[b-a5rs1yqp6g]  .modal-dialog {
    position: relative;
    top: 20%;
}

.content-modal[b-a5rs1yqp6g]  .modal-header {
    display: none;
}

.content-modal[b-a5rs1yqp6g]  img {
    height: 20vw;
    width: 20vw;
}
/* /Pages/ContentManagement/StuckPosts/StuckPostsByProfile.razor.rz.scp.css */
.breadcrumb[b-fstq27wcmi] {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}

    .breadcrumb .back-button[b-fstq27wcmi] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .username[b-fstq27wcmi] {
        color: var(--Contrast, #001431);
        font-size: 20px !important;
        font-weight: 600 !important;
        font-weight: 600;
        line-height: 24px;
    }

    .breadcrumb .user-info[b-fstq27wcmi] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 0px;
    }

    .breadcrumb .followers[b-fstq27wcmi] {
        display: flex;
        gap: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: var(--secondary-color);
        padding: 4px 10px 2px 10px;
        border-left: 1px solid var(--Light-grey, #E5E5E5);
    }

    .breadcrumb .noborder[b-fstq27wcmi] {
        border-left: none !important;
    }

    .breadcrumb .followers span[b-fstq27wcmi] {
        font-weight: 600;
        font-size: 14px;
        color: var(--secondary-color);
    }
    .breadcrumb .profile-picture[b-fstq27wcmi] {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 2px solid var(--Mid-green, #D4FFF6);
        object-fit: cover;
        margin-right: 10px;
    }
.thumbnail[b-fstq27wcmi] {
    height: 96px;
    width: 96px;
    border-radius: 12px;
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.fullname[b-fstq27wcmi] {
    color: var(--secondary-color);
    font-size: 14px !important;
    font-weight: 600;
    margin: 0;
}

.username[b-fstq27wcmi] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0;
}

.content-info-grid[b-fstq27wcmi] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start !important;
    margin-left: 0.5rem;
    margin-right: 50px;
    gap: 6px;
    padding: 13px 0;
    flex: 1 0 0;
}

.description[b-fstq27wcmi] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0px;
    margin-bottom: 0px;
    line-break: anywhere;
}

.time-box[b-fstq27wcmi] {
    color: var(--secondary-color);
    text-align: center;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.status[b-fstq27wcmi] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
}

.page-number[b-fstq27wcmi] {
    color: var(--secondary-color);
}
.page-number:hover[b-fstq27wcmi] {
    background-color: #00143112;
}

.thumbnail-container[b-fstq27wcmi] {
    position: relative;
}
.thumbnail-container img.video-icon-img[b-fstq27wcmi] {
    position: absolute;
    top: 10px;
    left: 10px;
}
.thumbnail-container img.starred-icon-img[b-fstq27wcmi] {
    position: absolute;
    top: 13px;
    right: 10px;
}

.posts-profile-page[b-fstq27wcmi] {
    width: 90%;
    margin: auto;
}

.search-container[b-fstq27wcmi] {
    margin-bottom: 16px !important;
}

.tags-box[b-fstq27wcmi] {
    color: #001431;
    font-size: 12px;
    font-weight: 400;
    display: contents;
    text-align: center;
}

.content-modal[b-fstq27wcmi]  .modal-content {
    background: #fff0;
    border: none;
}
.content-modal[b-fstq27wcmi]  .modal-dialog {
    position: relative;
    top: 20%;
}
.content-modal[b-fstq27wcmi]  .modal-header {
    display: none;
}
.content-modal[b-fstq27wcmi]  img {
    height: 20vw;
    width: 20vw;
}

.type[b-fstq27wcmi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 5px;
    gap: 3px;
    border-radius: 3px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey, #A7A7A7);
    font-weight: 600;
    font-size: 12px;
}

.flex-wrapper[b-fstq27wcmi] {
    display: flex;
    justify-content: center;
}

.chips-filter[b-fstq27wcmi] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.command-col[b-fstq27wcmi] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
[b-fstq27wcmi] .command-col svg {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 12px;
}

.filter-component[b-fstq27wcmi] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

.filter-component[b-fstq27wcmi]  .badge {
    padding: 8px 20px;
    border-radius: 100px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    width: fit-content;
    color: var(--Contrast, #001431);
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    line-height: 1;
    font-size: 12px !important;
}

.filter-component[b-fstq27wcmi]  .badge-btn {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.filter-component[b-fstq27wcmi]  .dropdown-menu.show {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
}

.filter-component[b-fstq27wcmi]  .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
[b-fstq27wcmi] .fas{
    color: #808080
}
/* /Pages/ContentViolation/CSAM/ChildAbuseViolations.razor.rz.scp.css */
.header[b-7z6su6mgmm] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.badges-search[b-7z6su6mgmm] {
    display: flex;
    margin-bottom: 16px;
    margin-top: 16px;
}

    .badges-search[b-7z6su6mgmm]  .filter-component {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        justify-content: flex-start;
        gap: 10px 16px;
        flex-wrap: wrap;
    }

    .badges-search[b-7z6su6mgmm]  .badges-search {
        width: 485px;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

.csam-page[b-7z6su6mgmm]  .filter-component .dropdown-menu.show {
    width: 200px;
}

.csam-page[b-7z6su6mgmm]  .username {
    color: var(--complementary, #00baff);
    cursor: pointer;
}

.create-btn[b-7z6su6mgmm] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    border: none;
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.pending[b-7z6su6mgmm] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Orange, #FF7C03);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.approved[b-7z6su6mgmm] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--complementary, #00BAFF);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.failed[b-7z6su6mgmm] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Red, #D93C3C);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.csam-page[b-7z6su6mgmm]  .text-btn {
    background: #fff;
    color: var(--Accent, #03DBB4);
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border: none;
}
/* /Pages/ContentViolation/CSAM/CSAMActionHistory.razor.rz.scp.css */
.page-container[b-892l5vdf0r] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
    margin-bottom: 20px;
}

.bg[b-892l5vdf0r] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.breadcrumb[b-892l5vdf0r] {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 18px !important;
}

    .breadcrumb .back-button[b-892l5vdf0r] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .username[b-892l5vdf0r] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

.profile-picture[b-892l5vdf0r] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid var(--Mid-green, #D4FFF6);
    object-fit: cover;
    margin-right: 10px;
}

.tag[b-892l5vdf0r] {
    padding: 0px 4px;
    border-radius: 3px;
    background: #F5DFCC;
    color: #001431;
    font-weight: 400;
    font-size: 13px;
}

.actions[b-892l5vdf0r] {
    padding: 24px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}
/* /Pages/ContentViolation/CSAM/CSAMDetails.razor.rz.scp.css */
.page-container[b-ljb6ifwohe] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
    margin-bottom: 20px;
}

.bg[b-ljb6ifwohe] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.breadcrumb[b-ljb6ifwohe] {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

    .breadcrumb .back-button[b-ljb6ifwohe] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .username[b-ljb6ifwohe] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

.profile-picture[b-ljb6ifwohe] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid var(--Mid-green, #D4FFF6);
    object-fit: cover;
    margin-right: 10px;
}

.buttons[b-ljb6ifwohe] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.save[b-ljb6ifwohe] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    border: none;
}

.cancel[b-ljb6ifwohe] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid var(--Mid-grey, #A7A7A7);
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: none;
}

.buttons[b-ljb6ifwohe]  .export-child-abuse-btn {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px !important;
    background: none;
    height: auto !important;
}

.violation-grid[b-ljb6ifwohe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    margin-top: 24px;
    gap: 16px;11
}

.left-grid[b-ljb6ifwohe] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.right-grid[b-ljb6ifwohe] {

}

.suspected-url[b-ljb6ifwohe] {
    display: inline-flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}
    .suspected-url .title[b-ljb6ifwohe] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    .suspected-url urls[b-ljb6ifwohe] {

    }
    .suspected-url .url[b-ljb6ifwohe] {
        color: var(--complementary, #00BAFF);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        cursor: pointer;
        line-break: anywhere;
    }

.status-container[b-ljb6ifwohe] {
    display: inline-flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}
    .status-container .title[b-ljb6ifwohe] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
    }

.information[b-ljb6ifwohe] {
    display: inline-flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}
    .information .title[b-ljb6ifwohe] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    .information .label[b-ljb6ifwohe] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .information .value[b-ljb6ifwohe] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        line-break: anywhere;
    }



.comments-box[b-ljb6ifwohe] {
    display: flex;
    padding: 20px 24px 10px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}
    .comments-box .title[b-ljb6ifwohe] {
        display: flex;
        padding-bottom: 10px;
        align-items: center;
        align-self: stretch;
        border-bottom: 1px solid var(--Light-grey, #E5E5E5);
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
/* /Pages/ContentViolation/ViolationsActions.razor.rz.scp.css */
.violation-reasons-page[b-p2fr81ooxd] {
    width: 99%;
}

.required-alert[b-p2fr81ooxd] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.admin-user-table[b-p2fr81ooxd] .add-action {
    background: #fff;
    border: none;
}

.violation-reasons-page[b-p2fr81ooxd] .add-action, .violation-reasons-page[b-p2fr81ooxd] .add-action:focus {
    background: #fff;
}

.violation-reasons-page[b-p2fr81ooxd]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}
.violation-reasons-page[b-p2fr81ooxd]  .padding-header {
    padding-left: 10px;
}
.violation-reasons-page[b-p2fr81ooxd]  .username {
  color: var(--complementary, #00baff);
  cursor: pointer;
}
.table-text[b-p2fr81ooxd] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}

.time-box[b-p2fr81ooxd] {
    color: #001431;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.search-bar-container[b-p2fr81ooxd] {
    min-width: 340px;
    max-width: 355px;
}

.search-container[b-p2fr81ooxd] {
    margin-bottom: 16px !important;
}

.chips-filter[b-p2fr81ooxd] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.filter-component[b-p2fr81ooxd] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-p2fr81ooxd]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-p2fr81ooxd]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-p2fr81ooxd]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-page[b-gyf7xrjtai] {
    z-index: 10;
    max-height: 90vh;
    overflow: scroll;
}

    .dashboard-page::deep .action-item img[b-gyf7xrjtai] {
        margin-top: 0px;
    }

.page-container[b-gyf7xrjtai] {
    max-width: 1200px;
    margin: auto;
    position: relative;
    top: 0px;
}

.dashboard-page[b-gyf7xrjtai] .nav {
    padding-bottom: 25px;
}

.dashboard-page[b-gyf7xrjtai] .nav-tabs {
    border-bottom: 0px !important;
}

.dashboard-page[b-gyf7xrjtai] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .dashboard-page[b-gyf7xrjtai] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .dashboard-page[b-gyf7xrjtai] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .dashboard-page[b-gyf7xrjtai] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }
/* /Pages/Dashboard/RevenuesDashboard.razor.rz.scp.css */
.creators-charts[b-nn9edwmwv0] {
    width: 100%;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    border: 1px solid var(--Light-grey, #E5E5E5);
    padding: 12px 24px 16px 24px;
    gap: 12px;
}

    .creators-charts .chart-header[b-nn9edwmwv0] {
        color: #000;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        padding-bottom: 10px;
    }

        .creators-charts .chart-header span[b-nn9edwmwv0] {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
        }

.complementary[b-nn9edwmwv0] {
    color: var(--complementary, #00BAFF);
}

.purple[b-nn9edwmwv0] {
    color: var(--purple, #C875D6);
}

.orange[b-nn9edwmwv0] {
    color: var(--Orange, #FF7C03)
}

.dark-purple[b-nn9edwmwv0] {
    color: var(--dark-purple, #8756BF);
}

.badges-search[b-nn9edwmwv0] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.search-container[b-nn9edwmwv0] {
    width: 300px;
    margin-right: 10px;
}

.search-bar-container[b-nn9edwmwv0]  .page-search-bar {
    margin: 0px !important;
}

.chips-filter[b-nn9edwmwv0] {
    display: flex;
}

    .chips-filter[b-nn9edwmwv0]  .badge {
        margin-right: 10px !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        color: var(--secondary-color) !important;
        background-color: #F1F1F1 !important;
        padding: 10px 20px !important;
        min-width: 60px !important;
        cursor: pointer;
        user-select: none;
    }

        .chips-filter[b-nn9edwmwv0]  .badge.selected {
            background-color: var(--primary-color) !important;
            color: white !important;
        }
.all-revenue[b-nn9edwmwv0] {
    display: flex;
    height: 136px;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 12px;
    border: 1px solid var(--Contrast, #001431);
}
    .all-revenue .title[b-nn9edwmwv0] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .all-revenue .amount[b-nn9edwmwv0] {
        display: flex;
        align-items: flex-start;
        gap: 4px;
        color: var(--Contrast, #001431);
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
    }
        .all-revenue .amount span[b-nn9edwmwv0] {
            font-size: 14px;
            font-weight: 600;
            line-height: 36px;
        }
    .all-revenue .usd-amount[b-nn9edwmwv0] {
        display: flex;
        align-items: flex-start;
        color: var(--Mid-grey, #A7A7A7);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

.source[b-nn9edwmwv0] {
    display: flex;
    width: 154px;
    height: 136px;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 12px;
    flex-grow: 1;
}
    .source.orange[b-nn9edwmwv0] {
        border: 2px solid var(--Orange, #FF7C03);
    }
    .source.complementary[b-nn9edwmwv0] {
        border: 2px solid var(--complementary, #00BAFF);
    }
    .source.purple[b-nn9edwmwv0] {
        border: 2px solid var(--purple, #C875D6);
    }
    .source.dark-purple[b-nn9edwmwv0] {
        border: 2px solid var(--dark-purple, #8756BF);
    }
    .source .title[b-nn9edwmwv0] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    .source .total-transactions[b-nn9edwmwv0] {
        color: var(--Surface, #FFF);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        border-radius: 3px;
        background: #8756BF;
        display: flex;
        padding: 0px 4px;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
    .source .percentage[b-nn9edwmwv0] {
        font-size: 20px;
        font-weight: 600;
    }
    .source .amount[b-nn9edwmwv0] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
        .source .amount span[b-nn9edwmwv0] {
            color: var(--Contrast, #001431);
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
        }
    .source .usd-amount[b-nn9edwmwv0] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }


.loading-container[b-nn9edwmwv0] {
    position: relative;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    border: 1px solid var(--Light-grey, #E5E5E5);
    min-height: 200px;
}
.bar-chart[b-nn9edwmwv0]  .apexcharts-canvas {
    margin-left: -24px;
}


.total-transactions.complementary[b-nn9edwmwv0] {
    background: var(--complementary, #00BAFF);
    color: #fff;
}

.total-transactions.purple[b-nn9edwmwv0] {
    background: var(--purple, #C875D6);
    color: #fff;
}

.total-transactions.orange[b-nn9edwmwv0] {
    background: var(--Orange, #FF7C03);
    color: #fff;
}

.total-transactions.dark-purple[b-nn9edwmwv0] {
    background: var(--dark-purple, #8756BF);
    color: #fff;
}
/* /Pages/Dashboard/StatisticsDashboard.razor.rz.scp.css */
.creators-charts[b-o4ljk905je] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    display: inline-flex;
    padding: 12px 24px 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

    .creators-charts[b-o4ljk905je]  div {
        width: 100%;
    }

    .creators-charts[b-o4ljk905je] .apexcharts-toolbar {
        /*      width: fit-content !important;*/
        display: none;
    }

    .creators-charts .chart-header[b-o4ljk905je] {
        color: #000;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

        .creators-charts .chart-header span[b-o4ljk905je] {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
        }

            .creators-charts .chart-header span.complementary[b-o4ljk905je] {
                color: var(--complementary, #00BAFF);
            }

            .creators-charts .chart-header span.purple[b-o4ljk905je] {
                color: var(--purple, #C875D6);
            }

            .creators-charts .chart-header span.orange[b-o4ljk905je] {
                color: var(--Orange, #FF7C03)
            }

.badges-search[b-o4ljk905je] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.search-container[b-o4ljk905je] {
    width: 300px;
    margin-right: 10px;
}

.search-bar-container[b-o4ljk905je]  .page-search-bar {
    margin: 0px !important;
}

.chips-filter[b-o4ljk905je] {
    display: flex;
}

    .chips-filter[b-o4ljk905je]  .badge {
        margin-right: 10px !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        color: var(--secondary-color) !important;
        background-color: #F1F1F1 !important;
        padding: 10px 20px !important;
        min-width: 60px !important;
        cursor: pointer;
        user-select: none;
    }

        .chips-filter[b-o4ljk905je]  .badge.selected {
            background-color: var(--primary-color) !important;
            color: white !important;
        }

.statistics-dashboard[b-o4ljk905je]  .apexcharts-canvas {
    margin-left: -24px;
}
/* /Pages/Dashboard/UserDashboard.razor.rz.scp.css */
.creators-charts[b-j76hdmk6cv] {
    width: 100%;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    border: 1px solid var(--Light-grey, #E5E5E5);
    padding: 12px 24px 16px 24px;
    gap: 12px;
}

    .creators-charts .chart-header[b-j76hdmk6cv] {
        color: #000;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        padding-bottom: 10px;
    }
        .creators-charts .chart-header span[b-j76hdmk6cv] {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
        }
.complementary[b-j76hdmk6cv] {
        color: var(--complementary, #00BAFF);
    }
.purple[b-j76hdmk6cv] {
        color: var(--purple, #C875D6);
    }
.orange[b-j76hdmk6cv] {
        color: var(--Orange, #FF7C03)
    }
.red[b-j76hdmk6cv] {
    color: #D93C3C;
}

.badges-search[b-j76hdmk6cv] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.search-container[b-j76hdmk6cv] {
    width: 300px;
    margin-right: 10px;
}

.search-bar-container[b-j76hdmk6cv]  .page-search-bar {
    margin: 0px !important;
}

.chips-filter[b-j76hdmk6cv] {
    display: flex;
}

    .chips-filter[b-j76hdmk6cv]  .badge {
        margin-right: 10px !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        color: var(--secondary-color) !important;
        background-color: #F1F1F1 !important;
        padding: 10px 20px !important;
        min-width: 60px !important;
        cursor: pointer;
        user-select: none;
    }

        .chips-filter[b-j76hdmk6cv]  .badge.selected {
            background-color: var(--primary-color) !important;
            color: white !important;
        }

.bar-chart[b-j76hdmk6cv]  .apexcharts-canvas {
    margin-left: -24px;
}

.loading-container[b-j76hdmk6cv] {
    position: relative;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    border: 1px solid var(--Light-grey, #E5E5E5);
    min-height: 200px;
}
/* /Pages/Finance/AdjustmentTransactions/AdjustmentTransactions.razor.rz.scp.css */
.header[b-oapcjgn3tn] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.adjustment-transactions-page[b-oapcjgn3tn] .nav {
    padding-bottom: 25px;
}

.adjustment-transactions-page[b-oapcjgn3tn] .nav-tabs {
    border-bottom: 0px !important;
}

.adjustment-transactions-page[b-oapcjgn3tn] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .adjustment-transactions-page[b-oapcjgn3tn] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .adjustment-transactions-page[b-oapcjgn3tn] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .adjustment-transactions-page[b-oapcjgn3tn] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }
/* /Pages/Finance/AdjustmentTransactions/CreateIndividualTransfer.razor.rz.scp.css */

.bg[b-i5zj3920qu] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.create-new-transfer[b-i5zj3920qu] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
}

.breadcrumb[b-i5zj3920qu] {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}

    .breadcrumb .back-button[b-i5zj3920qu] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .title[b-i5zj3920qu] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

.basic-info[b-i5zj3920qu] {
    display: flex;
    width: 542px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    margin-top: 32px;
}

    .basic-info[b-i5zj3920qu]  .form-label {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .basic-info[b-i5zj3920qu]  .form-control:focus {
        box-shadow: none;
        border: 1px solid #ced4da;
    }

    .basic-info[b-i5zj3920qu]  .field-error,
    .basic-info[b-i5zj3920qu]  .field-error .form-control,
    .basic-info[b-i5zj3920qu]  .form-control.field-error:focus,
    .basic-info[b-i5zj3920qu]  .form-select.field-error:focus {
        border-color: red;
    }

.generate[b-i5zj3920qu] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.save[b-i5zj3920qu] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 2px solid var(--Accent, #03DBB4);
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: #fff;
}

.user-search[b-i5zj3920qu]  .b-is-autocomplete .dropdown-menu {
    top: 40px;
}

.marketing-wallet[b-i5zj3920qu]  span {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
}

.profile-pic[b-i5zj3920qu] {
    width: 35px;
    border-radius: 50%;
    margin-right: 10px;
    display: table-cell;
}

.user-img[b-i5zj3920qu] {
    border: 2px solid var(--Mid-green, #D4FFF6);
}
/* /Pages/Finance/AdjustmentTransactions/CreateWallet.razor.rz.scp.css */

.bg[b-enas38qy76] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.create-new-wallet[b-enas38qy76] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
}

.breadcrumb[b-enas38qy76] {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}

    .breadcrumb .back-button[b-enas38qy76] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .title[b-enas38qy76] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

.basic-info[b-enas38qy76] {
    display: flex;
    width: 542px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    margin-top: 32px;
}
    .basic-info[b-enas38qy76]  .form-label {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .basic-info[b-enas38qy76]  .form-control:focus {
        box-shadow: none;
        border: 1px solid #ced4da;
    }
    .basic-info[b-enas38qy76]  .field-error,
    .basic-info[b-enas38qy76]  .form-control.field-error:focus,
    .basic-info[b-enas38qy76]  .form-select.field-error:focus {
        border-color: red;
    }
.save[b-enas38qy76] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.cancel[b-enas38qy76] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 2px solid var(--Mid-grey, #A7A7A7);
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    background: #fff;
}

/* /Pages/Finance/AdjustmentTransactions/CreateWalletTransfer.razor.rz.scp.css */

.bg[b-i3tk3009p8] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.create-new-transfer[b-i3tk3009p8] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
}

.breadcrumb[b-i3tk3009p8] {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}

    .breadcrumb .back-button[b-i3tk3009p8] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .title[b-i3tk3009p8] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

.basic-info[b-i3tk3009p8] {
    display: flex;
    width: 542px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    margin-top: 32px;
}
    .basic-info[b-i3tk3009p8]  .form-label {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .basic-info[b-i3tk3009p8]  .form-control:focus {
        box-shadow: none;
        border: 1px solid #ced4da;
    }
    .basic-info[b-i3tk3009p8]  .field-error,
    .basic-info[b-i3tk3009p8]  .form-control.field-error:focus,
    .basic-info[b-i3tk3009p8]  .form-select.field-error:focus {
        border-color: red;
    }
.generate[b-i3tk3009p8] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.save[b-i3tk3009p8] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 2px solid var(--Accent, #03DBB4);
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: #fff;
}

/* /Pages/Finance/AdjustmentTransactions/Transfers.razor.rz.scp.css */
.header[b-gqrrcnnzss] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.badges-search[b-gqrrcnnzss] {
    display: flex;
    align-content: stretch;
    justify-content: space-between;
}

.badges-search[b-gqrrcnnzss]  .filter-component {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 16px;
    flex-wrap: wrap;
}

.badges-search[b-gqrrcnnzss]  .badges-search {
    width: 485px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.wallet-balance-wrapper[b-gqrrcnnzss] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.wallet-title[b-gqrrcnnzss] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.balance-box[b-gqrrcnnzss] {
    background: var(--Accent, #03DBB4);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 16px 20px;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 12px;
    width: 340px;
    color: var(--Surface, #FFF);
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}

    .balance-box.red[b-gqrrcnnzss] {
        background: var(--Red, #D93C3C);
    }

    .balance-box span[b-gqrrcnnzss] {
        font-size: 12px;
        font-weight: 400;
        line-height: 25px;
        padding: 0px;
        margin: 0px;
    }

.new-transfers-page[b-gqrrcnnzss]  .table-fixed-header > .table > thead > tr:nth-child(1) > th {
    padding-left: 8px;
}
.create-btn[b-gqrrcnnzss]  {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    border: none;
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.pending[b-gqrrcnnzss] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Orange, #FF7C03);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.approved[b-gqrrcnnzss] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--complementary, #00BAFF);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.failed[b-gqrrcnnzss] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Red, #D93C3C);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}
.new-transfers-page[b-gqrrcnnzss]  .text-btn {
    background: #fff;
    color: var(--Accent, #03DBB4);
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border: none;
}
.reject-modal[b-gqrrcnnzss]  {}
    .reject-modal[b-gqrrcnnzss]  .modal-header h4 {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        margin: 0px;
    }
    .reject-modal[b-gqrrcnnzss]  .modal-header .close-btn {
        background: none;
        border: none;
        width: 38px;
        height: 38px;
    }
    .reject-modal[b-gqrrcnnzss]  .modal-body .transaction-details {
        border-radius: 12px;
        background: var(--Blue-grey, #F7F8F9);
        padding: 8px 24px;
        margin: 0px;
        display: grid;
        grid-template-columns: 0.4fr 1fr;
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        row-gap: 16px;
        margin-bottom: 18px;
    }
    .reject-modal[b-gqrrcnnzss]  .modal-body .label {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-weight: 400;
    }
    .reject-modal[b-gqrrcnnzss]  .modal-body .rejection-input h5 {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
    }
    .reject-modal[b-gqrrcnnzss]  .modal-body .warning-message {
        margin-top: 10px;
        border-radius: 6px;
        background: var(--Red, #D93C3C);
        box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.18);
        display: flex;
        padding: 16px 16px 16px 12px;
        align-items: flex-start;
        gap: 4px;
        color: var(--Surface, #FFF);
        font-size: 12px;
        font-weight: 400;
    }
    .reject-modal[b-gqrrcnnzss]  .modal-body .confirm-reject {
        display: flex;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        background: var(--Red, #D93C3C);
        color: var(--Surface, #FFF);
        font-size: 14px;
    }
    .reject-modal[b-gqrrcnnzss]  .modal-body .cancel-reject {
        display: flex;
        width: 90px;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        border: 1px solid var(--Mid-grey, #A7A7A7);
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 600;
    }
/* /Pages/Finance/AdjustmentTransactions/WalletDetails.razor.rz.scp.css */

.bg[b-ik905j925p] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.wallet-details-page[b-ik905j925p] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
}

.breadcrumb[b-ik905j925p] {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}

    .breadcrumb .back-button[b-ik905j925p] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .title[b-ik905j925p] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

.badges-search[b-ik905j925p] {
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-section[b-ik905j925p] {
    display: inline-flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    margin-top: 26px;
}


.export-btn[b-ik905j925p] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    border: none;
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
/* /Pages/Finance/AdjustmentTransactions/Wallets.razor.rz.scp.css */
.header[b-37luflsrzx] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.badges-search[b-37luflsrzx] {
    display: flex;
    align-content: stretch;
    justify-content: space-between;
}

.create-btn[b-37luflsrzx] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    border: none;
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.wallet-balance-wrapper[b-37luflsrzx] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .wallet-balance-wrapper[b-37luflsrzx] {
        grid-template-columns: 1fr;
    }
}

.wallet-title[b-37luflsrzx] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.wallet-balance-item[b-37luflsrzx] {
    display: flex;
    width: 207px;
    padding: 10px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    border: 2px solid var(--complementary, #00BAFF);
}
    .wallet-balance-item.red[b-37luflsrzx] {
        border: 2px solid var(--Red, #D93C3C);
    }
    .wallet-balance-item .wallet-title[b-37luflsrzx] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    .wallet-balance-item .balance-box[b-37luflsrzx] {
        display: flex;
        align-items: center;
        gap: 3px;
        align-self: stretch;
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }
        .wallet-balance-item .balance-box span[b-37luflsrzx] {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
        }

.pending-wallet-item[b-37luflsrzx] {
    display: flex;
    width: 430px;
    padding: 10px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 8px;
    border: 2px solid var(--Light-grey, #E5E5E5);
}
    .pending-wallet-item .wallet-title[b-37luflsrzx] {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .pending-wallet-item .label[b-37luflsrzx] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .pending-wallet-item .value[b-37luflsrzx] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .pending-wallet-item .approve[b-37luflsrzx] {
        color: var(--Accent, #03DBB4);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        background: #fff;
        border: none;
    }
    .pending-wallet-item .reject[b-37luflsrzx] {
        color: var(--Red, #D93C3C);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        background: #fff;
        border: none;
    }
/* /Pages/Finance/AdsDistribution/AdsEligibility.razor.rz.scp.css */
.bg[b-kcyatu9xbl] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.ads-eligibility-pge[b-kcyatu9xbl] {
    z-index: 10;
    padding-left: 30px;
    padding-right: 30px;
}

.page-container[b-kcyatu9xbl] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
}

.breadcrumb[b-kcyatu9xbl] {
    display: flex;
    align-items: center;
    margin-bottom: 30px !important;
}

    .breadcrumb .back-button[b-kcyatu9xbl] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .page-title[b-kcyatu9xbl] {
        font-weight: 600;
        font-size: 20px;
        color: var(--Contrast, #001431);
        margin-right: 9px;
    }


.title[b-kcyatu9xbl] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 64px;
}

.content[b-kcyatu9xbl] {
    display: flex;
    flex-direction: column;
    width: 540px;
}

.content-row[b-kcyatu9xbl] {
    display: flex;
    align-items: center;
    gap: 30px;
}

.row-title[b-kcyatu9xbl] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
}

.row-description[b-kcyatu9xbl] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
}

/* /Pages/Finance/AdsDistribution/AdsRevenue.razor.rz.scp.css */
.header[b-qtqwuv9cww] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.badges-search[b-qtqwuv9cww] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
    margin-top: 16px;
}

    .badges-search[b-qtqwuv9cww]  .filter-component {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        justify-content: flex-start;
        gap: 10px 16px;
        flex-wrap: wrap;
    }

    .badges-search[b-qtqwuv9cww]  .badges-search {
        width: 485px;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

.ads-revenue[b-qtqwuv9cww]  table{
    max-width: 100%;
    min-width: 1200px;
}
.ads-revenue-page[b-qtqwuv9cww]  .table-fixed-header > .table > thead > tr:nth-child(1) > th {
    padding-left: 8px;
}

.ads-revenue-page[b-qtqwuv9cww]  .table-responsive {
}

.create-btn[b-qtqwuv9cww] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    border: none;
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.pending[b-qtqwuv9cww] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Orange, #FF7C03);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    width: 80px;
}

.approved[b-qtqwuv9cww] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--complementary, #00BAFF);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    width: 80px;
}

.failed[b-qtqwuv9cww] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Red, #D93C3C);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    width: 80px;
}

.ads-revenue-page[b-qtqwuv9cww]  .text-btn {
    background: #fff;
    color: var(--Accent, #03DBB4);
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border: none;
}

.outline-btn[b-qtqwuv9cww] {
    border-radius: 100px;
    border: 2px solid var(--Accent, #03DBB4);
    background: none;
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-weight: 600;
    padding: 8px 20px;
}

[b-qtqwuv9cww] .page .b-table .action-btn {
    padding: 0px;
}
/* /Pages/Finance/AdsDistribution/Batches.razor.rz.scp.css */
status.header[b-g8hcjqb8jz] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.breadcrumb[b-g8hcjqb8jz] {
    display: flex;
    align-items: center;
    margin-bottom: 30px !important;
}

    .breadcrumb .back-button[b-g8hcjqb8jz] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .page-title[b-g8hcjqb8jz] {
        font-weight: 600;
        font-size: 20px;
        color: var(--Contrast, #001431);
        margin-right: 9px;
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .breadcrumb .separator[b-g8hcjqb8jz] {
        height: 20px;
        width: 2px;
        border-left: 1px solid var(--Light-grey, #E5E5E5);
    }
    .breadcrumb .batch-date[b-g8hcjqb8jz] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

.badges-search[b-g8hcjqb8jz] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
    margin-top: 16px;
}

    .badges-search[b-g8hcjqb8jz]  .filter-component {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        justify-content: flex-start;
        gap: 10px 16px;
        flex-wrap: wrap;
    }

    .badges-search[b-g8hcjqb8jz]  .badges-search {
        width: 485px;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }


.ads-revenue-page[b-g8hcjqb8jz]  .table-fixed-header > .table > thead > tr:nth-child(1) > th {
    padding-left: 8px;
}

.create-btn[b-g8hcjqb8jz] {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    border: none;
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.pending[b-g8hcjqb8jz] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Orange, #FF7C03);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.approved[b-g8hcjqb8jz] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--complementary, #00BAFF);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.failed[b-g8hcjqb8jz] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Red, #D93C3C);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

[b-g8hcjqb8jz] .text-btn {
    background: #fff;
    color: var(--Accent, #03DBB4);
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border: none;
}
/* /Pages/Finance/AdsDistribution/CreateOrEditDistribution.razor.rz.scp.css */
.page-container[b-8979bclpwf] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
}

.bg[b-8979bclpwf] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.breadcrumb[b-8979bclpwf] {
    display: flex;
    align-items: center;
    margin-bottom: 30px !important;
}

    .breadcrumb .back-button[b-8979bclpwf] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .page-title[b-8979bclpwf] {
        font-weight: 600;
        font-size: 20px;
        color: var(--Contrast, #001431);
        margin-right: 9px;
    }


.title[b-8979bclpwf] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.amount-input[b-8979bclpwf]  .form-group {
    margin-bottom: 0px;
}

.amount-input[b-8979bclpwf]  .form-control:focus {
    box-shadow: none;
}

.amount-input[b-8979bclpwf]  input {
    border-radius: 4px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    background: var(--Surface, #FFF);
    display: flex;
    width: 412px;
    padding: 8px;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400px;
}

.border-btn[b-8979bclpwf] {
    display: inline-flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 2px solid var(--Accent, #03DBB4);
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    background: none;
}

.totals[b-8979bclpwf] {
    display: flex;
    width: 100%;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}

.totals-header[b-8979bclpwf] {
    display: flex;
    padding-bottom: 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

.totals .title[b-8979bclpwf] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.totals .transactions[b-8979bclpwf] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

    .totals .transactions span[b-8979bclpwf] {
        color: var(--Contrast, #001431);
        text-align: right;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

.totals-row[b-8979bclpwf] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.total[b-8979bclpwf] {
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    flex: 1 0 0;
    border-radius: 12px;
}
    .total.contrast[b-8979bclpwf] {
        background: var(--Contrast, #001431);
    }

    .total.complementary[b-8979bclpwf] {
        border: 2px solid var(--complementary, #00BAFF);
    }

    .total.orange[b-8979bclpwf] {
        border: 2px solid var(--Orange, #FF7C03);
    }
    .total .header[b-8979bclpwf] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
    }

.amounts[b-8979bclpwf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .amounts .milz[b-8979bclpwf] {
        color: var(--Contrast, #001431);
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
    }
        .amounts .milz span[b-8979bclpwf] {
            color: var(--Surface, #FFF);
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
        }

    .amounts .usd[b-8979bclpwf] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

.percentage[b-8979bclpwf] {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.details-row[b-8979bclpwf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

.distribution[b-8979bclpwf] {
    display: flex;
    padding: 20px 24px 24px 24px;
    align-items: flex-start;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    flex-direction: column;
}

    .distribution .header[b-8979bclpwf] {
        display: flex;
        padding-bottom: 8px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;

    }

    .distribution .title[b-8979bclpwf] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .distribution .transactions[b-8979bclpwf] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

        .distribution .transactions span[b-8979bclpwf] {
            color: var(--Contrast, #001431);
            text-align: right;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
        }

.distribution-table[b-8979bclpwf] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    margin-top: 16px;
}

.table-header[b-8979bclpwf] {
    display: contents;
}

.table-row[b-8979bclpwf] {
    display: contents;
}

.table-cell[b-8979bclpwf] {
    padding: 12px;
    border-bottom: 1px solid #E5E5E5;
    text-align: center;
}

.table-header .table-cell[b-8979bclpwf] {
    font-weight: 600;
    color: #A7A7A7;
    font-size: 14px;
}

    .table-header .table-cell span[b-8979bclpwf] {
        display: block;
        color: #A7A7A7;
        font-size: 12px;
        font-weight: 400;
    }

.table-row .table-cell[b-8979bclpwf] {
    font-weight: 600;
    color: #001431;
    font-size: 14px;
}

/*    .table-row .table-cell:first-child {
        font-weight: 400;
        color: #A7A7A7;
        font-size: 14px;
        text-align: left;
    }*/

.btn-row[b-8979bclpwf] {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

.right-align[b-8979bclpwf] {
    text-align: right;
}
/* /Pages/Finance/DownloadFiles/DownloadFiles.razor.rz.scp.css */
.header[b-glgt8zmekc] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.download-files-page[b-glgt8zmekc] .nav {
    padding-bottom: 25px;
}

.download-files-page[b-glgt8zmekc] .nav-tabs {
    border-bottom: 0px !important;
}

.download-files-page[b-glgt8zmekc] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .download-files-page[b-glgt8zmekc] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .download-files-page[b-glgt8zmekc] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .download-files-page[b-glgt8zmekc] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }
/* /Pages/Finance/DownloadFiles/DownloadsTab.razor.rz.scp.css */
.download-finance-reports-page[b-odcfffijth]  .flatpickr-wrapper {
        display: flex !important;
    }

.download-finance-reports-page[b-odcfffijth]  .flatpickr-calendar.static {
    width: 310px;
}

.download-finance-reports-page[b-odcfffijth]  input.report-date {
    width: 310px;
}

.download-finance-reports-page[b-odcfffijth]  input.report-date:focus {
    box-shadow: none !important;
}

.download-finance-reports-page[b-odcfffijth]  .btn-outline-primary {
    width: 310px !important;
 }

.download-container[b-odcfffijth] {
    display: grid;
    grid-template-columns: 1.5fr 2.5fr;
    gap: 16px;
}

.picker[b-odcfffijth] {
    display: flex;
    width: 542px;
    height: 124px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    background: var(--Surface, #FFF);
    margin-bottom: 32px;
}

.label[b-odcfffijth] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.files[b-odcfffijth] {
    display: flex;
/*    width: 356px;*/
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
}

.files-row[b-odcfffijth] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
}
.files .text[b-odcfffijth] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.icon-btn[b-odcfffijth] {
    background: none;
    border: none;
}

.download-icon[b-odcfffijth] {
    --svg-stroke-color: #FF5733; /* Define your color here */
}

    .download-icon svg path[b-odcfffijth] {
        stroke: var(--svg-stroke-color);
    }

.downloads-history[b-odcfffijth] {
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
}

    .downloads-history[b-odcfffijth]  .header {
        font-size: 13px;
        color: #A7A7A7;
    }

    .downloads-history[b-odcfffijth]  .cell {
        font-size: 12px;
    }

    .downloads-history .time-box[b-odcfffijth] {
        color: var(--Mid-grey, #A7A7A7);
    }

.bulk-download-btn[b-odcfffijth] {
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-weight: 600;
    background: none;
    border: none;
}

    .bulk-download-btn:disabled[b-odcfffijth] {
        color: var(--Mid-grey, #A7A7A7);
    }
/* /Pages/Finance/DownloadFiles/ImportsTab.razor.rz.scp.css */
.download-finance-reports-page[b-7klg3e3amm]  .flatpickr-wrapper {
    display: flex !important;
}

.download-finance-reports-page[b-7klg3e3amm]  .flatpickr-calendar.static {
    width: 310px;
}

.download-finance-reports-page[b-7klg3e3amm]  input.report-date {
    width: 310px;
}

    .download-finance-reports-page[b-7klg3e3amm]  input.report-date:focus {
        box-shadow: none !important;
    }

.download-finance-reports-page[b-7klg3e3amm]  .btn-outline-primary {
    width: 310px !important;
}

.download-container[b-7klg3e3amm] {
    display: grid;
    grid-template-columns: 1.5fr 2.5fr;
    gap: 16px;
}

.files[b-7klg3e3amm] {
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
}

.files-row[b-7klg3e3amm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
}

.files .text[b-7klg3e3amm] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.icon-btn[b-7klg3e3amm] {
    background: none;
    border: none;
}


.import-btn[b-7klg3e3amm] {
    position: relative
}

.import-btn label[b-7klg3e3amm] {
    display: inline-flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    gap: 8px;
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    position: absolute;
    top: -75px;
    right: 40px;
    cursor: pointer;
}

.imports-history[b-7klg3e3amm] {
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    border-radius: 12px;
}
    .imports-history h2[b-7klg3e3amm]{
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    .imports-history[b-7klg3e3amm]  .no-item {
        font-size: 15px
    }
/* /Pages/Finance/Payments.razor.rz.scp.css */
.filters[b-eepfal4x82] {
    display: flex;
    justify-content: space-between;
    margin: 5px 0px;
}

.chips-filter[b-eepfal4x82] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}
.filter-component[b-eepfal4x82] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
}

    .filter-component[b-eepfal4x82]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-eepfal4x82]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-eepfal4x82]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-eepfal4x82]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.export-payments[b-eepfal4x82]  .btn.export-payments-btn {
    border-width: 2px !important;
    line-height: 20px !important;
    height: auto !important;
    width: 80px !important;
    margin-left: 10px;
}

.username a[b-eepfal4x82] {
    text-decoration: none;
    color: inherit !important;
    font-weight: 500 !important;
}

.payments-page[b-eepfal4x82]  .enhanced-table-ui th {
    padding: 16px 8px !important;
}

.payments-amounts[b-eepfal4x82] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
    margin: 24px 0px;
    height: 72px;
}

.payments-box[b-eepfal4x82] {
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
}

    .payments-box .label[b-eepfal4x82] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px
    }

    .payments-box .value[b-eepfal4x82] {
        color: var(--Contrast, #001431);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }
/* /Pages/Finance/ReferralProgram/HistoryTab.razor.rz.scp.css */
.referral-history-page[b-1037s9l2tj] {
    padding: 20px;
}
.pending[b-1037s9l2tj] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Orange, #FF7C03);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.approved[b-1037s9l2tj] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--complementary, #00BAFF);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.failed[b-1037s9l2tj] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Red, #D93C3C);
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}
/* /Pages/Finance/ReferralProgram/PendingRewardsTab.razor.rz.scp.css */
.referral-transactions-page[b-sxwr3g1k37] {
    padding: 20px;
}

    .referral-transactions-page[b-sxwr3g1k37]  .pagination {
        margin: 0px;
    }

    .referral-transactions-page[b-sxwr3g1k37]  .b-table .action-btn {
        height: auto
    }

    .referral-transactions-page[b-sxwr3g1k37]  .padding-header {
        padding-left: 10px;
    }

    .referral-transactions-page[b-sxwr3g1k37]  .table-text.username {
        color: var(--complementary, #00baff);
        cursor: pointer;
    }

    .referral-transactions-page .table-text[b-sxwr3g1k37] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 400;
    }

.page-header[b-sxwr3g1k37] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;

}

    .page-header h2[b-sxwr3g1k37] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .page-header button[b-sxwr3g1k37] {
        display: inline-flex;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        background: var(--Accent, #03DBB4);
        border: none;
        color: var(--Surface, #FFF);
        font-size: 14px;
        font-weight: 600;
    }

.pending-rewards-section[b-sxwr3g1k37] {

}
    .pending-rewards-section h2[b-sxwr3g1k37] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-weight: 600;
        margin: 0px;
    }
    .pending-rewards-section .seprator[b-sxwr3g1k37] {
        background:var(--Light-grey, #E5E5E5);
        width: 1px;
        height: 20px;
    }
    .pending-rewards-section span[b-sxwr3g1k37] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
    }

.pending-rewards-header[b-sxwr3g1k37] {
    width: 100%
}

    .pending-rewards-header h2[b-sxwr3g1k37] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 18px;
    }

    .pending-rewards-header .total-amount[b-sxwr3g1k37] {
        border-top: 1px solid var(--Light-grey, #E5E5E5);
        border-bottom: 1px solid var(--Light-grey, #E5E5E5);
        display: flex;
        width: 100%;
    }

        .pending-rewards-header .total-amount .label[b-sxwr3g1k37] {
            color: var(--Contrast, #001431);
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            padding: 6px 0px;
            width: 70%;
        }

        .pending-rewards-header .total-amount .value[b-sxwr3g1k37] {
            color: var(--Contrast, #001431);
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            width: 100%;
            padding: 6px 12px;
            text-align: right;
        }

            .pending-rewards-header .total-amount .value.red[b-sxwr3g1k37] {
                background: rgba(217, 60, 60, 0.12);
            }
.text-btn[b-sxwr3g1k37] {
    background: none !important;
    border: none;
    color: var(--Accent, #03DBB4) !important;
}
.batches .label[b-sxwr3g1k37] {
    width: 65% !important;
}
/* /Pages/Finance/ReferralProgram/ReferralBlockedUsersTab.razor.rz.scp.css */
.referral-transactions-page[b-i6qon9h3ir] {
    padding: 20px;
}

    .referral-transactions-page[b-i6qon9h3ir]  .pagination {
        margin: 0px;
    }

    .referral-transactions-page[b-i6qon9h3ir]  .b-table .action-btn {
        height: auto
    }

    .referral-transactions-page[b-i6qon9h3ir]  .padding-header {
        padding-left: 10px;
    }

    .referral-transactions-page[b-i6qon9h3ir]  .table-text.username {
        color: var(--complementary, #00baff);
        cursor: pointer;
    }

    .referral-transactions-page[b-i6qon9h3ir]  .table-text {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 400;
    }

.blocked-users-section[b-i6qon9h3ir] {
}

.blocked-users-header[b-i6qon9h3ir] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
    margin-bottom: 12px;
}

    .blocked-users-header button[b-i6qon9h3ir] {
        color: var(--Accent, #03DBB4);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        border-radius: 100px;
        border: 2px solid var(--Accent, #03DBB4);
        display: flex;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        background: #fff;
    }

.unblock-action[b-i6qon9h3ir] {
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}
/* /Pages/Finance/ReferralProgram/ReferralProgram.razor.rz.scp.css */
.header[b-pzdlv940g6] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.referral-program-page[b-pzdlv940g6] .nav {
    padding-bottom: 25px;
}

.referral-program-page[b-pzdlv940g6] .nav-tabs {
    border-bottom: 0px !important;
}

.referral-program-page[b-pzdlv940g6] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .referral-program-page[b-pzdlv940g6] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .referral-program-page[b-pzdlv940g6] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .referral-program-page[b-pzdlv940g6] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }
/* /Pages/Finance/Settlements.razor.rz.scp.css */
.settlements-page[b-ocjbx1skqn]  .flatpickr-wrapper {
    display: flex !important;
}


.range-picker[b-ocjbx1skqn]  input {
    margin-right: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--Contrast, #001431);
    background: var(--Blue-grey, #F7F8F9) !important;
    border: none;
    padding: 5px 15px !important;
    width: fit-content;
    min-width: 170px;
    cursor: pointer;
    user-select: none;
    border-radius: 50rem !important;
    line-height: normal;
    text-align: center;
}

    .range-picker[b-ocjbx1skqn]  input.selected {
        background: var(--Light-green, #ECFAF7) !important;
        /*        color: white !important;*/
    }

    .range-picker[b-ocjbx1skqn]  input::placeholder {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: var(--secondary-color) !important;
    }
[b-ocjbx1skqn] th {
    padding-left: 10px
}
[b-ocjbx1skqn] .username {
    color: var(--primary-color);
    cursor: pointer;
}
/* /Pages/Finance/SubscriptionReport/SubscriptionReport.razor.rz.scp.css */
.header[b-9f0kxp5qsi] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

    .header h3[b-9f0kxp5qsi] {
        color: var(--Contrast, #001431);
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 0px;
    }

.page-number[b-9f0kxp5qsi] {
    color: var(--secondary-color);
}

    .page-number:hover[b-9f0kxp5qsi] {
        background-color: #00143112;
    }

.subscription-report-page[b-9f0kxp5qsi] {
    width: 90%;
    margin: auto;
}

.search-container[b-9f0kxp5qsi] {
    margin-bottom: 16px !important;
}

.chips-filter[b-9f0kxp5qsi] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.export-subscriptions[b-9f0kxp5qsi] {
    margin-top: 10px;
}

[b-9f0kxp5qsi] .export-subscriptions-btn {
    border-radius: 100px !important;
    display: inline-flex;
    padding: 8px 20px;
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.subscriptions-stats[b-9f0kxp5qsi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
    margin: 24px 0;
    height: 72px;
}

.stat-card[b-9f0kxp5qsi] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    padding: 6px 10px;
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
    gap: 15px;
}

    .stat-card .label[b-9f0kxp5qsi] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .stat-card .value[b-9f0kxp5qsi] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
    }
/* /Pages/Persona/BankVerification/BankVerification.razor.rz.scp.css */
.header[b-nwghmop061] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

    .header h3[b-nwghmop061] {
        color: var(--Contrast, #001431);
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 0px;
    }

.posts-num[b-nwghmop061] {
    display: flex;
    padding: 4px 10px 2px 10px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-left: 1px solid var(--Light-grey, #E5E5E5);
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.profile-pic[b-nwghmop061] {
    width: 62px;
    border-radius: 50%;
    margin-right: 10px;
    display: table-cell;
}

.user-img[b-nwghmop061] {
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.username[b-nwghmop061] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.email[b-nwghmop061] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    width: max-content;
}
.count[b-nwghmop061] {
    display: flex;
    padding: 4px 10px 2px 10px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-left: 1px solid var(--Light-grey, #E5E5E5);
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.fullname[b-nwghmop061] {
    color: #001431;
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px;
}

.time-box[b-nwghmop061] {
    color: #001431;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.thumbnail[b-nwghmop061] {
    height: 96px;
    width: 96px;
    border-radius: 12px;
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.fullname[b-nwghmop061] {
    color: var(--secondary-color);
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px;
}

.username[b-nwghmop061] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.content-info-grid[b-nwghmop061] {
    flex-direction: column;
    align-items: start !important;
    margin-left: .5rem;
    margin-right: 50px;
    gap: 6px;
    padding: 13px 0px;
    flex: 1 0 0;
}

.description[b-nwghmop061] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    line-break: anywhere;
}

.time-box[b-nwghmop061] {
    color: var(--secondary-color);
    text-align: center;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.status[b-nwghmop061] {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 400;
}

.search-bar-container[b-nwghmop061] {
    min-width: 340px;
    max-width: 360px;
}

.thumbnail-container[b-nwghmop061] {
    position: relative;
}

    .thumbnail-container img.video-icon-img[b-nwghmop061] {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .thumbnail-container img.starred-icon-img[b-nwghmop061] {
        position: absolute;
        top: 13px;
        right: 10px;
    }

.bank-verification-page[b-nwghmop061] {
    width: 90%;
    margin: auto;
}

.search-container[b-nwghmop061] {
    margin-bottom: 16px !important;
}

.tags-filter-container[b-nwghmop061] {
    flex: 1 !important;
}

.tags-box[b-nwghmop061] {
    color: #001431;
    font-size: 12px;
    font-weight: 400;
    display: contents;
    text-align: center
}

.content-modal[b-nwghmop061] .modal-content {
    background: #fff0;
    border: none;
}

.content-modal[b-nwghmop061] .modal-dialog {
    position: relative;
    top: 20%;
}

.content-modal[b-nwghmop061] .modal-header {
    display: none;
}

.content-modal[b-nwghmop061]  img {
    height: 20vw;
    width: 20vw;
}

.type[b-nwghmop061] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 5px;
    gap: 3px;
    border-radius: 3px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey, #A7A7A7);
    font-weight: 600;
    font-size: 12px;
}

.flex-wrapper[b-nwghmop061] {
    display: flex;
    justify-content: center;
}

.chips-filter[b-nwghmop061] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.filter-component[b-nwghmop061] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-nwghmop061]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-nwghmop061]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-nwghmop061]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-nwghmop061]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.export-posts[b-nwghmop061] {
    margin-top: 10px;
}

.command-col[b-nwghmop061] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

[b-nwghmop061] .command-col svg {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 12px;
}

.text-button[b-nwghmop061] {
    background: none;
    border: none;
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-weight: 600;
}
/* /Pages/Persona/CreatorsList.razor.rz.scp.css */
.persona-page[b-r6eg9a0xc2] {
    width: 90%;
    margin: auto;
}

[b-r6eg9a0xc2] .enhanced-table-ui thead tr th:first-child, [b-r6eg9a0xc2] .enhanced-table-ui tbody tr td:first-child {
    vertical-align: middle !important;
}

.profile-pic[b-r6eg9a0xc2] {
    width: 62px;
    border-radius: 50%;
    margin-right: 10px;
    display: table-cell;
}
.user-img[b-r6eg9a0xc2] {
    border: 2px solid var(--Mid-green, #D4FFF6);
}
.username[b-r6eg9a0xc2] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}
.email[b-r6eg9a0xc2] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    width: max-content;
}
.fullname[b-r6eg9a0xc2] {
    color: #001431;
    font-size: 14px !important; 
    font-weight: 600;
    margin: 0px;
}

.time-box[b-r6eg9a0xc2] {
    color: #001431;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
}

.tags-box[b-r6eg9a0xc2] {
    color: #001431;
    font-size: 14px;
    font-weight: 400;
    display: contents;
    text-align: center
}


.page-number[b-r6eg9a0xc2] {
    color: var(--Contrast, #001431);

}

.page-number:hover[b-r6eg9a0xc2] {
    background-color: #00143112;
}

.tags-filter-container[b-r6eg9a0xc2] {
    flex: 1 !important;
}

.search-bar-container[b-r6eg9a0xc2] {
    min-width: 340px;
    max-width: 355px;
}

.type[b-r6eg9a0xc2], .status[b-r6eg9a0xc2], .category[b-r6eg9a0xc2], .agency[b-r6eg9a0xc2] {
    color: #001431;
    font-size: 14px;
    font-weight: 400;
}

[b-r6eg9a0xc2] .enhanced-table-ui {
    min-width: 1200px;
}

[b-r6eg9a0xc2] .pagination .page-item > .page-link {
    padding: 0;
    border: none;
}

    [b-r6eg9a0xc2] .pagination .page-item > .page-link > .page-link, .pagination .page-number[b-r6eg9a0xc2] {
        padding: .375rem .75rem;
    }

[b-r6eg9a0xc2] .pagination .page-number {
    padding: .375rem .75rem;
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s
}

.filter-component[b-r6eg9a0xc2] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-r6eg9a0xc2]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

.filter-component[b-r6eg9a0xc2]  .badge-btn {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.filter-component[b-r6eg9a0xc2]  .dropdown-menu.show {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
}

.filter-component[b-r6eg9a0xc2]  .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.break[b-r6eg9a0xc2] {
    line-break: anywhere;
}

[b-r6eg9a0xc2] .export-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 20px 5px 20px;
}

.table-container[b-r6eg9a0xc2] {
    width: 100%;
    overflow-x: auto;
}

.table-fixed-layout[b-r6eg9a0xc2] {
    table-layout: fixed;
    min-width: 1200px;
}

    .table-fixed-layout[b-r6eg9a0xc2]  table {
        width: 100%;
    }

    .table-fixed-layout[b-r6eg9a0xc2]  td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .table-fixed-layout[b-r6eg9a0xc2]  td:not(.align-right):not(.align-center) {
            text-align: left;
        }

    .table-fixed-layout[b-r6eg9a0xc2]  .action-cell {
        white-space: nowrap;
        overflow: visible;
    }

    .table-fixed-layout[b-r6eg9a0xc2]  .action-dropdown {
        min-width: 150px;
        white-space: nowrap;
    }

.align-right[b-r6eg9a0xc2] {
    text-align: right !important;
}
/* /Pages/Persona/FansList.razor.rz.scp.css */
.persona-page[b-4ur2d0rlrv] {
    width: 90%;
    margin: auto;
}

[b-4ur2d0rlrv] .enhanced-table-ui thead tr th:first-child, [b-4ur2d0rlrv] .enhanced-table-ui tbody tr td:first-child {
    vertical-align: middle !important;
}

.profile-pic[b-4ur2d0rlrv] {
    width: 62px;
    border-radius: 50%;
    margin-right: 10px;
    display: table-cell;
}
.user-img[b-4ur2d0rlrv] {
    border: 2px solid var(--Mid-green, #D4FFF6);
}
.username[b-4ur2d0rlrv] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.fullname[b-4ur2d0rlrv] {
    color: #001431;
    font-size: 14px !important; 
    font-weight: 600;
    margin: 0px;
}

.time-box[b-4ur2d0rlrv] {
    color: #001431;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tags-box[b-4ur2d0rlrv] {
    color: #001431;
    font-size: 14px;
    font-weight: 400;
    display: contents;
    text-align: center
}


.page-number[b-4ur2d0rlrv] {
    color: var(--Contrast, #001431);

}

.page-number:hover[b-4ur2d0rlrv] {
    background-color: #00143112;
}

.tags-filter-container[b-4ur2d0rlrv] {
    flex: 1 !important;
}

.search-bar-container[b-4ur2d0rlrv] {
    min-width: 340px;
    max-width: 355px;
}

.type[b-4ur2d0rlrv], .status[b-4ur2d0rlrv] {
    color: #001431;
    font-size: 14px;
    font-weight: 400;
}

[b-4ur2d0rlrv] .enhanced-table-ui {
    min-width: 1200px;
}

[b-4ur2d0rlrv] .pagination .page-item > .page-link {
    padding: 0;
    border: none;
}

    [b-4ur2d0rlrv] .pagination .page-item > .page-link > .page-link, .pagination .page-number[b-4ur2d0rlrv] {
        padding: .375rem .75rem;
    }

[b-4ur2d0rlrv] .pagination .page-number {
    padding: .375rem .75rem;
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s
}

.filter-component[b-4ur2d0rlrv] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-4ur2d0rlrv]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-4ur2d0rlrv]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-4ur2d0rlrv]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-4ur2d0rlrv]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.break[b-4ur2d0rlrv] {
    line-break: anywhere;
}
/* /Pages/Persona/PendingCreators/PendingCreators.razor.rz.scp.css */
.pending-creators-page[b-30nhwgmvcs] {
    width: 90%;
    margin: auto;
}
.header[b-30nhwgmvcs] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

    .header h3[b-30nhwgmvcs] {
        color: var(--Contrast, #001431);
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 0px;
    }

.count[b-30nhwgmvcs] {
    display: flex;
    padding: 4px 10px 2px 10px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-left: 1px solid var(--Light-grey, #E5E5E5);
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
[b-30nhwgmvcs] .enhanced-table-ui thead tr th:first-child, [b-30nhwgmvcs] .enhanced-table-ui tbody tr td:first-child {
    vertical-align: middle !important;
}

.profile-pic[b-30nhwgmvcs] {
    width: 62px;
    border-radius: 50%;
    margin-right: 10px;
    display: table-cell;
}

.user-img[b-30nhwgmvcs] {
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.username[b-30nhwgmvcs] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.email[b-30nhwgmvcs] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    width: max-content;
}

.fullname[b-30nhwgmvcs] {
    color: #001431;
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px;
}

.time-box[b-30nhwgmvcs] {
    color: #001431;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tags-box[b-30nhwgmvcs] {
    color: #001431;
    font-size: 14px;
    font-weight: 400;
    display: contents;
    text-align: center
}


.page-number[b-30nhwgmvcs] {
    color: var(--Contrast, #001431);
}

    .page-number:hover[b-30nhwgmvcs] {
        background-color: #00143112;
    }

.tags-filter-container[b-30nhwgmvcs] {
    flex: 1 !important;
}

.search-bar-container[b-30nhwgmvcs] {
    min-width: 340px;
    max-width: 355px;
}

.type[b-30nhwgmvcs], .status[b-30nhwgmvcs], .category[b-30nhwgmvcs], .agency[b-30nhwgmvcs] {
    color: #001431;
    font-size: 14px;
    font-weight: 400;
}

[b-30nhwgmvcs] .enhanced-table-ui {
    min-width: 1200px;
}

[b-30nhwgmvcs] .pagination .page-item > .page-link {
    padding: 0;
    border: none;
}

    [b-30nhwgmvcs] .pagination .page-item > .page-link > .page-link, .pagination .page-number[b-30nhwgmvcs] {
        padding: .375rem .75rem;
    }

[b-30nhwgmvcs] .pagination .page-number {
    padding: .375rem .75rem;
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s
}

.filter-component[b-30nhwgmvcs] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

    .filter-component[b-30nhwgmvcs]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-30nhwgmvcs]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-30nhwgmvcs]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-30nhwgmvcs]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.break[b-30nhwgmvcs] {
    line-break: anywhere;
}

[b-30nhwgmvcs] .export-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 20px 5px 20px;
}
/* /Pages/Persona/PersonaFollowersReport.razor.rz.scp.css */
.persona-sm-page[b-10bq961o80] {
    width: 95%;
    margin: auto;
    margin-top: -1.5rem;
}

.required-alert[b-10bq961o80] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
    margin-bottom: 10px;
}

.profile-pic[b-10bq961o80] {
    width: 62px;
    border-radius: 50%;
    margin-right: 10px;
    display: table-cell;
}

.admin-user-table[b-10bq961o80] .add-action {
    background: #fff;
    border: none;
}

.persona-sm-page[b-10bq961o80]  .first-col-header {
    padding-left: 10px;
}
.persona-sm-page[b-10bq961o80]  .bg-header-green {
    background: var(--Light-green, #ECFAF7) !important;
}
.persona-sm-page[b-10bq961o80]  .bg-header-blue {
    background: rgb(239 248 254) !important;
}


.search-bar-container[b-10bq961o80] {
    min-width: 340px;
    max-width: 355px;
}

.persona-sm-page[b-10bq961o80] .add-action, .persona-sm-page[b-10bq961o80] .add-action:focus {
    background: #fff;
}

.persona-sm-page[b-10bq961o80]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}



.header-wrapper[b-10bq961o80] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

    .header-wrapper .header[b-10bq961o80] {
        display: flex;
        gap: 16px;
        margin-bottom: 26px;
    }

    .header-wrapper .title[b-10bq961o80] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        color: var(--Contrast, #001431);
        font-size: 26px;
        font-weight: 600;
        line-height: 30px;
    }

    .header-wrapper .header-info[b-10bq961o80] {
        display: flex;
        padding: 4px 10px 2px 10px;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        border-left: 1px solid var(--Light-grey, #E5E5E5);
        color: var(--Contrast, #001431);
        text-align: center;
        font-size: 14px;
        font-weight: 400;
    }

        .header-wrapper .header-info span[b-10bq961o80] {
            font-weight: 600;
        }

.filter-wrappe[b-10bq961o80] {
    cursor: pointer;
}

.persona-reports-wrapper[b-10bq961o80] {
    margin-bottom: 24px;
    display: flex;
    gap: 24px;
}

.total-sm[b-10bq961o80] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    background: rgba(0, 186, 255, 0.08);
    border-radius: 8px;
    height: 126px;
}

.total-sm-info[b-10bq961o80] {
    width: 364px;
    padding: 12px 16px 6px 16px;
    gap: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .total-sm-info .label[b-10bq961o80] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .total-sm-info .value[b-10bq961o80] {
        color: var(--Contrast, #001431);
        text-align: right;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

.total-value[b-10bq961o80] {
    display: flex;
    width: 364px;
    padding: 8px 16px 12px 16px;
    border-top: 2px solid var(--Surface, #FFF);
    justify-content: space-between;
    align-items: center;
}

    .total-value .total[b-10bq961o80] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .total-value .value[b-10bq961o80] {
        color: var(--Contrast, #001431);
        text-align: right;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

.total-million[b-10bq961o80] {
    display: flex;
    height: 126px;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 8px;
    background: var(--Light-green, #ECFAF7);
}

    .total-million .label[b-10bq961o80] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .total-million .value[b-10bq961o80] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

.email[b-10bq961o80] {
    padding: 8px;
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 400;
}

.sm[b-10bq961o80] {
    display: flex;
    flex-direction: row;
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 400;
    padding: 8px;
    justify-content: space-between;
}

.stat[b-10bq961o80] {
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 400;
}

.time-box[b-10bq961o80] {
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 400;
}

.filters-panel[b-10bq961o80] {
    border-top: 1px solid var(--Light-grey, #E5E5E5);
    padding: 0px 24px;
}

.filter[b-10bq961o80] {
    display: flex;
    flex-direction: column;
    padding: 8px 0px;
}

    .filter .title[b-10bq961o80] {
        padding: 8px 0px 8px 10px;
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }

.filters-panel[b-10bq961o80]  .radio-group {
    display: flex;
    flex-direction: column;
    padding: 0px 8px;
}
.filters-panel[b-10bq961o80]  .form-check-inline {
    margin-top: 8px;
/*    margin-bottom: 8px;*/
}
.filters-panel[b-10bq961o80]  .form-check-label {
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.custom-filter[b-10bq961o80] {
    display: flex;
    gap: 16px;
    margin: 16px 8px 0px 8px;
}
    .custom-filter[b-10bq961o80]  .form-group {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 0px;
    }

    .custom-filter[b-10bq961o80]  .form-label {
        color: var(--Contrast, #001431);
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 0px;
    }
    .custom-filter[b-10bq961o80]  .form-control {
        border-radius: 6px;
        border: 1px solid var(--Light-grey, #E5E5E5);
    }
    .custom-filter[b-10bq961o80]  {

    }

    .filter-offcanvas[b-10bq961o80]  .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 2rem;
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
    }
    .filter-offcanvas[b-10bq961o80]  .offcanvas-body {
        padding: 0px;
    }
    .filter-offcanvas[b-10bq961o80]  .offcanvas-footer {
        display: flex;
        width: 100%;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .close-button[b-10bq961o80] {
        background: none;
        border: none;
    }
.filter-wrapper[b-10bq961o80] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.filter-wrapper[b-10bq961o80]  .badge {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-flex;
    padding: 8px 20px;
    align-items: center;
    gap: 4px;
    border-radius: 100px;
    border: 1px solid var(--Light-grey, #E5E5E5);
/*    margin-right: 12px;*/
}
    .filter-wrapper[b-10bq961o80]  .badge-close:hover, .badge-close:focus[b-10bq961o80] {
        background: none;
    }

.export-followers-report[b-10bq961o80]  .btn.export-followers-report-btn {
    border-width: 2px !important;
    line-height: 20px !important;
    height: auto !important;
    width: 80px !important;
    margin-left: 10px;
}

.import-followers-report label[for="FileInput"][b-10bq961o80] {
    border-radius: 100px;
    line-height: 20px !important;
    height: 35px !important;
    width: 80px !important;
    margin-left: 10px;
    background: #fff !important;
    color: var(--primary-color) !important;
    font-size: 14px;
    font-weight: 600;
    border: solid 2px var(--primary-color) !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .import-followers-report label[for="FileInput"]:hover[b-10bq961o80] {
        background-color: var(--primary-color) !important;
        color: #fff !important;
        border-color: var(--primary-color) !important;
    }

.clear-button[b-10bq961o80] {
    display: flex;
    padding: 10px 16px;
    align-items: flex-start;
    gap: 4px;
    border-radius: 100px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    border: none;
}
.alert[b-10bq961o80] {
    font-size: .875em;
    color: #dc3545;
    margin: 0px;
    padding: .25rem 8px 0px 8px;
}
.apply-button[b-10bq961o80] {
    display: flex;
    padding: 18px 20px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    border: none;
    width: 180px;
    justify-content: center;
}
.buttons[b-10bq961o80] {
    display: flex;
    align-items: center;
}
/* /Pages/Persona/User/ActionHistory.razor.rz.scp.css */

.page-container[b-qs8tj740vz] {
    max-width: 1200px;
    margin: auto;
    position: relative;
    top: -20px;
    padding: 0px 15px;
}
.bg[b-qs8tj740vz] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 260px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.breadcrumb[b-qs8tj740vz] {
    display: flex;
    align-items: center;
/*    padding-top: 52px;*/
    margin-bottom: 18px !important;
}

    .breadcrumb .back-button[b-qs8tj740vz] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .title[b-qs8tj740vz] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

    .breadcrumb .username[b-qs8tj740vz] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

    .breadcrumb .user-info[b-qs8tj740vz] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 0px;
    }

    .breadcrumb .followers[b-qs8tj740vz] {
        display: flex;
        gap: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: var(--secondary-color);
        padding: 4px 10px 2px 10px;
        border-left: 1px solid var(--Light-grey, #E5E5E5);
    }

    .breadcrumb .noborder[b-qs8tj740vz] {
        border-left: none !important;
    }

    .breadcrumb .followers span[b-qs8tj740vz] {
        font-weight: 600;
        font-size: 14px;
        color: var(--secondary-color);
    }

.profile-picture[b-qs8tj740vz] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid var(--Mid-green, #D4FFF6);
    object-fit: cover;
    margin-right: 10px;
}

.tag[b-qs8tj740vz] {
    padding: 0px 4px;
    border-radius: 3px;
    background: #F5DFCC;
    color: #001431;
    font-weight: 400;
    font-size: 13px;
}
.user-actions[b-qs8tj740vz] {
    padding: 24px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}
/* /Pages/Persona/User/CreateContent.razor.rz.scp.css */

.page-container[b-52dr8jfnk1] {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
}

.bg[b-52dr8jfnk1] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}

.breadcrumb[b-52dr8jfnk1] {
    display: flex;
    align-items: center;
    margin-bottom: 38px !important;
}

    .breadcrumb .back-button[b-52dr8jfnk1] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .username[b-52dr8jfnk1] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

.buttons[b-52dr8jfnk1] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin-top: 32px;
    padding-right: 24px;
}

.save[b-52dr8jfnk1] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    border: none;
}

    .save:disabled[b-52dr8jfnk1] {
        background: var(--Light-grey, #E5E5E5);
    }

.cancel[b-52dr8jfnk1] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid var(--Mid-grey, #A7A7A7);
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: none;
}

.details-container[b-52dr8jfnk1] {
    display: flex;
    flex-direction: column;
    max-width: 730px;
    width: 100%;
    gap: 16px;
    margin-bottom: 40px;
}

.details[b-52dr8jfnk1], .episode-details[b-52dr8jfnk1], .audience-details[b-52dr8jfnk1] {
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 12px;
    background: #FFF;
}

.error[b-52dr8jfnk1] {
    color: red;
}



.custom-file-upload[b-52dr8jfnk1] {
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
}

.drop-zone[b-52dr8jfnk1] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    min-width: 335px;
    min-height: 70px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    background: var(--Surface, #FFF);
}

    .drop-zone.selected[b-52dr8jfnk1] {
        background: var(--Light-green, #ECFAF7);
        border: none;
    }

    .drop-zone:hover[b-52dr8jfnk1] {
        border-color: var(--Light-green, #ECFAF7);
    }

.file-input[b-52dr8jfnk1] {
    display: none;
}

.drop-zone:hover[b-52dr8jfnk1] {
    border-color: #77B9BF;
}

.drop-zone.selected[b-52dr8jfnk1] {
    background-color: #EAF8F5;
    color: #000;
}


.input-title[b-52dr8jfnk1] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}

.cover-photo[b-52dr8jfnk1] {
    width: 200px;
    height: 200px;
    padding: 40px;
}

    .cover-photo.selected[b-52dr8jfnk1] {
        background: none;
        border: none;
        padding: 0px;
        margin: 0px;
        justify-content: start;
    }

[b-52dr8jfnk1] .form-group {
    width: 100%;
    padding-right: 24px;
}

[b-52dr8jfnk1] .form-control:focus {
    border-color: #e5e5e5;
    box-shadow: none;
}

.input-inner[b-52dr8jfnk1] {
    border-radius: 6px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    background: var(--Surface, #FFF);
    display: flex;
    padding: 16px 16px 0px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

[b-52dr8jfnk1] .custom-input, [b-52dr8jfnk1] .custom-textarea {
    border: none;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
    border-radius: 0px;
    height: 40px;
}

.character-count[b-52dr8jfnk1] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    width: 100px;
    padding: 12px 0px 12px 12px;
    align-self: flex-end;
    flex-direction: row-reverse;
}

[b-52dr8jfnk1] .hashtags-input {
    padding: 12px;
    height: 50px;
}

.hashtag-suggestions[b-52dr8jfnk1] {
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    z-index: 1000;
    width: calc(100% - 24px);
    margin-top: -16px;
}

.hashtag-suggestion[b-52dr8jfnk1] {
    padding: 8px 12px;
    cursor: pointer;
}

    .hashtag-suggestion:hover[b-52dr8jfnk1] {
        background-color: #f0f0f0;
    }

.audience-type[b-52dr8jfnk1] {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .audience-type[b-52dr8jfnk1]  .form-check-input[type=radio] {
        margin-top: 0px
    }

    .audience-type .audience-title[b-52dr8jfnk1] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

        .audience-type .audience-title span[b-52dr8jfnk1] {
            color: var(--Contrast, #001431);
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            margin-left: 8px;
        }

.warning[b-52dr8jfnk1] {
    margin-top: 10px;
    color: var(--Red, #D93C3C);
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 25px;
}

.description[b-52dr8jfnk1] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 25px;
}

.ppv-type[b-52dr8jfnk1] {
    border-radius: 8px;
    background: var(--blue-grey, #F6F7F8);
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

    .ppv-type.selected[b-52dr8jfnk1] {
        font-weight: 600;
        color: var(--Surface, #FFF);
        background: var(--complementary, #00BAFF);
    }

.pricing-container[b-52dr8jfnk1] {
    margin-left: 25px;
    display: flex;
    gap: 12px;
}

    .pricing-container .pricing-header[b-52dr8jfnk1] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 4px;
    }

    .pricing-container[b-52dr8jfnk1]  .amount-input {
        border: none;
        border-radius: 0px;
        border-bottom: 1px solid var(--Light-grey, #E5E5E5);
        background: var(--Surface, #FFF);
        display: flex;
        padding: 6px 0px;
        align-items: center;
        gap: 12px;
    }

.converted[b-52dr8jfnk1] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
}

.validation[b-52dr8jfnk1] {
    color: var(--Red, #D93C3C);
    font-size: 11px;
    font-weight: 400;
    margin-top: 4px;
}

.series-dropdown[b-52dr8jfnk1]  .dropdown {
    width: 100%;
    padding-right: 24px;
}

.series-dropdown[b-52dr8jfnk1]  .dropdown-toggle {
    width: 100%;
    background: #fff;
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 6px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    padding: 8px;
}

.series-dropdown[b-52dr8jfnk1]  .dropdown {
    width: 100%;
    padding-right: 24px;
}

.series-dropdown[b-52dr8jfnk1]  .dropdown-menu {
    max-height: 300px;
    overflow: scroll;
}

.series-dropdown[b-52dr8jfnk1]  .dropdown-item.active, .series-dropdown[b-52dr8jfnk1]  .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #05dbb412;
}

.series-dropdown[b-52dr8jfnk1]  .series-info {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    color: var(--Contrast, #001431);
    font-size: 13px;
    font-weight: 600;
}

.create-series[b-52dr8jfnk1] {
    cursor: pointer;
}

.create-series-modal[b-52dr8jfnk1]  .modal-dialog, .cover-photo-modal[b-52dr8jfnk1]  .modal-dialog {
    max-width: 70%;
    width: 700px;
    border-radius: 12px;
    padding: 20px 24px 24px 24px;
    background: #FFF;
}

.create-series-modal[b-52dr8jfnk1]  .modal-content, .cover-photo-modal[b-52dr8jfnk1]  .modal-content {
    border: none;
}

.create-series-modal[b-52dr8jfnk1]  .modal-body, .cover-photo-modal[b-52dr8jfnk1]  .modal-body {
    padding: 0px;
    margin: 0px;
}

.create-series-modal[b-52dr8jfnk1]  .details, .create-series-modal[b-52dr8jfnk1]  .episode-details, .cover-photo-modal[b-52dr8jfnk1]  .details, .cover-photo-modal[b-52dr8jfnk1]  .episode-details {
    margin: 0px;
    padding: 0px;
}

.create-series-modal[b-52dr8jfnk1]  .modal-header, .cover-photo-modal[b-52dr8jfnk1]  .modal-header {
    color: var(--Contrast, #001431);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    border: none;
    padding: 0px;
    margin-bottom: 32px;
}


.cover-photo-modal[b-52dr8jfnk1] .nav {
    padding-bottom: 25px;
}

.cover-photo-modal[b-52dr8jfnk1] .nav-tabs {
    border-bottom: 0px !important;
}

.cover-photo-modal[b-52dr8jfnk1] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .cover-photo-modal[b-52dr8jfnk1] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .cover-photo-modal[b-52dr8jfnk1] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .cover-photo-modal[b-52dr8jfnk1] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }
[b-52dr8jfnk1] ..toast-body p {
    -webkit-line-clamp: 2;
    max-height: calc(2em* 3);
}
/* /Pages/Persona/User/E2ETab.razor.rz.scp.css */
.e2e[b-2zj9hd8dfo] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    padding: 20px 24px;
}
.badges-search[b-2zj9hd8dfo] {
    display: flex;
}

    .badges-search[b-2zj9hd8dfo]  .filter-component {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        justify-content: flex-start;
        gap: 10px 16px;
        flex-wrap: wrap;
    }

    .badges-search[b-2zj9hd8dfo]  .badges-search {
        width: 485px;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

.not-eligible[b-2zj9hd8dfo] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.eligible-container[b-2zj9hd8dfo] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
    flex-wrap: wrap;
}
.eligible-box[b-2zj9hd8dfo] {
    display: flex;
    padding: 8px 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
    min-width: 280px;
    gap: 34px;
}
    .eligible-box.contrast[b-2zj9hd8dfo] {
        background: var(--Contrast, #001431);
    }
    .eligible-box .title[b-2zj9hd8dfo] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    .eligible-box .value[b-2zj9hd8dfo] {
        color: var(--Contrast, #001431);
        font-size: 26px;
        font-weight: 600;
        line-height: 30px;
    }
    .eligible-box.contrast .value[b-2zj9hd8dfo] {
        color: var(--Surface, #FFF);
    }
/* /Pages/Persona/User/EditUser.razor.rz.scp.css */

.page-container[b-qteczyeokh] {
/*    max-width: 1200px;*/
    margin: auto;
    position: relative;
    top: 0px;
    padding: 0px 40px;
}

.bg[b-qteczyeokh] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 300px);
    top: 0;
    z-index: 0;
    background: #F7F8F9;
}
.breadcrumb[b-qteczyeokh] {
    display: flex;
    align-items: center;
    /*    padding-top: 45px;*/
    margin-bottom: 0px !important;
}

    .breadcrumb .back-button[b-qteczyeokh] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .username[b-qteczyeokh] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

    .breadcrumb .user-info[b-qteczyeokh] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 0px;
    }

    .breadcrumb .followers[b-qteczyeokh] {
        display: flex;
        gap: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: var(--secondary-color);
        padding: 4px 10px 2px 10px;
        border-left: 1px solid var(--Light-grey, #E5E5E5);
    }

    .breadcrumb .noborder[b-qteczyeokh] {
        border-left: none !important;
    }

    .breadcrumb .followers span[b-qteczyeokh] {
        font-weight: 600;
        font-size: 14px;
        color: var(--secondary-color);
    }

.page-actions[b-qteczyeokh] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-picture[b-qteczyeokh] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid var(--Mid-green, #D4FFF6);
    object-fit: cover;
    margin-right: 10px;
}

.edit-user[b-qteczyeokh] {
/*    max-height: 90vh;*/
    overflow: hidden;
    padding-bottom: 25px;
}
.edit-user[b-qteczyeokh] .nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.edit-user[b-qteczyeokh] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
}

    .edit-user[b-qteczyeokh] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #333 !important;
    }

    .edit-user[b-qteczyeokh]  .form-group {
        width: 100%;
        margin-bottom: 0px;
    }
        .edit-user[b-qteczyeokh]  .form-group.followers {
            width: 50%;
            display: grid;
            width: 100%;
            grid-template-columns: 1fr 1fr;
            align-items: center;
        }
            .edit-user[b-qteczyeokh]  .form-group.followers .form-label {
                margin-bottom: 0px;
            }

    .edit-user[b-qteczyeokh]  .form-control {
        height: 36px;
    }
        .edit-user[b-qteczyeokh]  .form-control:focus {
            border-color: #ced4da;
            box-shadow: none;
        }
    .edit-user[b-qteczyeokh]  .form-label {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 8px;
    }
    .edit-user[b-qteczyeokh]  .tab-content {
        height: calc(100% - 65px);
    }
    .edit-user[b-qteczyeokh]  .tab-pane.active {
        height: 100%;
    }


/*.basic-profile, .social-media {
    margin: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1;
    overflow-y: auto;
    height: calc(100% - 130px);
}*/

.buttons[b-qteczyeokh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.save[b-qteczyeokh] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Accent, #03DBB4);
    color: var(--Surface, #FFF);
    font-size: 14px;
    font-weight: 600;
    border: none;
}

.cancel[b-qteczyeokh] {
    display: flex;
    width: 90px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid var(--Mid-grey, #A7A7A7);
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background: none;
}

.sm-data[b-qteczyeokh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 32px;
    width: 100%;
}

.followers[b-qteczyeokh] {
    width: 50%;
}

.details-row[b-qteczyeokh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}
.basic-info[b-qteczyeokh] {
    display: flex;
    padding: 20px 24px 24px 24px;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    flex-direction: column;
}
.basic-profile[b-qteczyeokh] {
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.social-media[b-qteczyeokh] {
    display: flex;
    padding: 20px 24px 24px 24px;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    flex-direction: column;
}
.title[b-qteczyeokh] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.edit-user[b-qteczyeokh]  .form-check {
    margin-bottom: 0px;
    margin-top: 4px;
}

.edit-user[b-qteczyeokh]  .form-check-input.form-check-input-primary:checked {
    background-color: var(--Accent, #03DBB4) !important;
    border-color: var(--Accent, #03DBB4) !important;
}

.edit-user[b-qteczyeokh]  .form-check-label {
    font-size: 13px !important;
    color: var(--Contrast, #001431) !important;
}

.edit-user[b-qteczyeokh]  .form-check-input:focus {
    border-color: rgba(0,0,0,.25);
    outline: 0;
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
}

.external-links[b-qteczyeokh] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
}
.link-container[b-qteczyeokh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
    .link-container a[b-qteczyeokh] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
    }
    .link-container a:hover[b-qteczyeokh] {
        text-decoration: underline;
    }

.icon-btn[b-qteczyeokh] {
    background: none;
    border: none;
}

.agency[b-qteczyeokh] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
}

.contract-start-date[b-qteczyeokh] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
}
/* /Pages/Persona/User/FanMetricsTab.razor.rz.scp.css */
.content-metrics[b-ie9h4vda9q] {
    display: inline-flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    background: var(--Surface, #FFF);
    width: 100%;
}

.metrics-wrapper[b-ie9h4vda9q] {
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.title[b-ie9h4vda9q] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.info[b-ie9h4vda9q] {
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    color: var(--Mid-grey-darker, #919191);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.value[b-ie9h4vda9q] {
    color: var(--Contrast, #001431);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.user-violations[b-ie9h4vda9q] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    width: 1099px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
    width: 100%;
}

.violations-header[b-ie9h4vda9q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 10px;
}

.violations[b-ie9h4vda9q]  .header {
    font-size: 13px;
    color: #A7A7A7;
}

.violations[b-ie9h4vda9q]  .cell {
    font-size: 12px;
}

[b-ie9h4vda9q] .username {
    color: var(--complementary, #00baff);
    cursor: pointer;
}
/* /Pages/Persona/User/KYCTab.razor.rz.scp.css */
.label[b-p4aw0pmbgb] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.value[b-p4aw0pmbgb] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.user-violations[b-p4aw0pmbgb] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    width: 1099px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.violations-header[b-p4aw0pmbgb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 10px;
}

.violations[b-p4aw0pmbgb]  .header {
    font-size: 13px;
    color: #A7A7A7;
}

.violations[b-p4aw0pmbgb]  .cell {
    font-size: 12px;
}

.active[b-p4aw0pmbgb] {
    display: inline-flex;
    padding: 2px 5px;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--complementary, #00BAFF);
    color: #fff;
    font-weight: 600;
}

.inActive[b-p4aw0pmbgb] {
    display: inline-flex;
    padding: 2px 5px;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Red, #D93C3C);
    color: #fff;
    font-weight: 600;
}

.kyc-identity-row[b-p4aw0pmbgb] {
    gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: calc(100% - 60px);
}

@media (max-width: 1350px) {
    .kyc-identity-row[b-p4aw0pmbgb] {
        grid-template-columns: 1fr;
    }
}

.kyc-wrapper[b-p4aw0pmbgb] {
    display: inline-flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}

    .kyc-wrapper .header[b-p4aw0pmbgb] {
        display: flex;
        width: 494px;
        align-items: center;
        gap: 8px;
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 12px;
        flex-direction: row;
        justify-content: space-between;
    }

.status[b-p4aw0pmbgb] {
    display: flex;
    padding: 2px 8px;
    align-items: center;
    border-radius: 4px;
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    width: fit-content;
    max-height: 25px;
}

    .status.complementary[b-p4aw0pmbgb] {
        background: var(--complementary, #00BAFF);
    }

    .status.red[b-p4aw0pmbgb] {
        background: var(--Red, #D93C3C);
    }

    .status.orange[b-p4aw0pmbgb] {
        background: var(--Orange, #FF7C03);
    }

.section-title[b-p4aw0pmbgb] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
}

.kyc[b-p4aw0pmbgb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
}

    .kyc .title[b-p4aw0pmbgb] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .kyc .value[b-p4aw0pmbgb] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

.bank-accounts[b-p4aw0pmbgb] {
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}

.accounts-header[b-p4aw0pmbgb] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.accounts[b-p4aw0pmbgb] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.account[b-p4aw0pmbgb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    width: 95%;
}

    .account .title[b-p4aw0pmbgb] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .account .value[b-p4aw0pmbgb] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

.title-bold[b-p4aw0pmbgb] {
    color: var(--Contrast, #001431);
    font-weight: 600;
    font-size: 14px;
    width: 115px;
}

.identity-wrapper[b-p4aw0pmbgb] {
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: row;
    align-items: flex-start;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    gap: 10px;
    gap: 30px;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

    .identity-wrapper span[b-p4aw0pmbgb] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

.approve-account[b-p4aw0pmbgb] {
    background: none;
    border: none;
    color: var(--Accent, #03DBB4);
    font-size: 14px;
    font-weight: 600;
}

.reject-account[b-p4aw0pmbgb] {
    background: none;
    border: none;
    color: var(--Red, #D93C3C);
    font-size: 14px;
    font-weight: 600;
}

.rejct-card[b-p4aw0pmbgb] {
    border-radius: 12px;
    background: var(--Blue-grey, #F7F8F9);
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 12px;
}
.rejct-card__head[b-p4aw0pmbgb] {
    display: flex;
    padding: 2px 0px;
    align-items: center;
    gap: 10px;
}
.rejct-card__user[b-p4aw0pmbgb] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
}
.rejct-card__time[b-p4aw0pmbgb] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 400;
}
.rejct-card__body p[b-p4aw0pmbgb] {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
/* /Pages/Persona/User/MetricsTab.razor.rz.scp.css */
.persona-details[b-lhjphr9cyq] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    padding: 20px 24px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 12px;
}

.engagement[b-lhjphr9cyq] {
    max-width: 630px;
    min-width: 620px;
    width: 100%;
}

    .engagement .title[b-lhjphr9cyq] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
    }

.engagements[b-lhjphr9cyq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.engagement-item[b-lhjphr9cyq] {
    display: flex;
    padding: 8px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
    overflow: hidden;
}

.engagement-header[b-lhjphr9cyq] {
    color: var(--mid-grey-darker, #919191);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
}

.engagement-change[b-lhjphr9cyq] {
    color: var(--mid-grey-darker, #919191);
    font-size: 10px;
    font-weight: 400;
}

.interaction[b-lhjphr9cyq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--Contrast, #001431);
    font-size: 20px;
    font-weight: 600;
}

    .interaction[b-lhjphr9cyq]  select {
        padding: 2px 8px;
        border-radius: 100px;
        font-size: 12px;
        font-weight: 400;
        border: none;
        width: 113px;
    }

.posts[b-lhjphr9cyq] {
    display: flex;
    width: 35%;
    min-width: 340px;
    max-width: 340px;
    height: 320px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
    border-radius: 12px;
    background: var(--Surface, #FFF);
}

    .posts .header[b-lhjphr9cyq] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

        .posts .header span[b-lhjphr9cyq] {
            font-size: 14px;
            font-weight: 600;
        }

.post-item[b-lhjphr9cyq] {
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey-darker, #919191);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

    .post-item .number[b-lhjphr9cyq] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

.content-metrics[b-lhjphr9cyq] {
    display: flex;
    gap: 15px;
    width: 100%;
    flex-wrap: wrap;
}
.user-violations[b-lhjphr9cyq] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    width: 1099px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
    width: 100%;
}

.violations-header[b-lhjphr9cyq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 10px;
}

.violations[b-lhjphr9cyq]  .header {
    font-size: 13px;
    color: #A7A7A7;
}

.violations[b-lhjphr9cyq]  .cell {
    font-size: 12px;
}

[b-lhjphr9cyq] .username {
    color: var(--complementary, #00baff);
    cursor: pointer;
}

.text-ellipsis[b-lhjphr9cyq] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}
.most-engaged-fans-section[b-lhjphr9cyq] {
    max-width: 340px;
    min-width: 340px;
    width: 35%;
    padding: 24px;
    display: flex;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.most-engaged-fans-header[b-lhjphr9cyq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    align-self: stretch;
}

.most-engaged-fans-title[b-lhjphr9cyq] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    height: 24px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

[b-lhjphr9cyq] .fans-month-select,
.most-engaged-fans-month-select[b-lhjphr9cyq] {
    border-radius: 100px;
    background: #F7F8F9;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 16px;
    min-width: 120px;
    outline: none;
    color: #001431;
    margin-left: 8px;
}

.most-engaged-fans-list-header[b-lhjphr9cyq] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.most-engaged-fans-list-label[b-lhjphr9cyq] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 12px;
    font-weight: 400;
}

.most-engaged-fans-list[b-lhjphr9cyq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}


.most-engaged-fans-row[b-lhjphr9cyq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.most-engaged-fans-row-left[b-lhjphr9cyq] {
    display: flex;
    align-items: center;
}

.most-engaged-fans-avatar[b-lhjphr9cyq] {
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    border-radius: 40px;
    border: 2px solid var(--Mid-green, #D4FFF6);
}

.most-engaged-fans-username[b-lhjphr9cyq] {
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px; 
}

.most-engaged-fans-interactions[b-lhjphr9cyq] {
    color: var(--Contrast, #001431);
    text-align: right;
    font-size: 13px;
    font-weight: 600;
}

.most-engaged-fans-no-data[b-lhjphr9cyq] {
    color: #A7A7A7;
    text-align: center;
    padding: 16px 0;
}

.most-engaged-fans-loading[b-lhjphr9cyq] {
    height: 100px;
    width: 100%;
    position: relative;
}
/* /Pages/Persona/User/ProfileTab.razor.rz.scp.css */
.persona-details[b-9yrb3cqr01] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    padding: 20px 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 12px;
}

.details-row[b-9yrb3cqr01] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .details-row .title[b-9yrb3cqr01] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

        .details-row .title div[b-9yrb3cqr01] {
            width: 95px;
        }

.info-col[b-9yrb3cqr01] {
    display: grid;
    grid-template-columns: 95px 208px;
    row-gap: 8px;
}

.label[b-9yrb3cqr01] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.value[b-9yrb3cqr01] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}


.tags-box[b-9yrb3cqr01] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    flex-direction: row;
    width: 310px;
    margin-top: 8px;
}

.tag[b-9yrb3cqr01] {
    padding: 0px 4px;
    border-radius: 3px;
    background: #F5DFCC;
    color: #001431;
    font-weight: 400;
    font-size: 13px;
}

.bio[b-9yrb3cqr01] {
    margin-top: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    max-height: calc(2em * 3);
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.email-copied[b-9yrb3cqr01] {
    position: absolute;
    font-size: 14px;
    left: 102%;
    top: -7px;
    font-weight: 400;
    color: #fff;
    background: #8d8d8d;
    padding: 3px;
    border-radius: 5px;
}

.phone-copied[b-9yrb3cqr01] {
    position: absolute;
    font-size: 14px;
    right: -70px;
    top: -7px;
    font-weight: 400;
    color: #fff;
    background: #8d8d8d;
    padding: 3px;
    border-radius: 5px;
}

.sm[b-9yrb3cqr01] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-start;
    margin-left: -5px;
    margin-top: 15px;
}

.link[b-9yrb3cqr01] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}

    .link:hover[b-9yrb3cqr01] {
        text-decoration: underline;
    }

.user-violations[b-9yrb3cqr01] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    width: 1099px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
    width: 100%;
}

.violations-header[b-9yrb3cqr01] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 10px;
}

.violations[b-9yrb3cqr01]  .header {
    font-size: 13px;
    color: #A7A7A7;
}

.violations[b-9yrb3cqr01]  .cell {
    font-size: 12px;
}

.active[b-9yrb3cqr01] {
    display: inline-flex;
    padding: 2px 5px;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--complementary, #00BAFF);
    color: #fff;
    font-weight: 600;
}

.inActive[b-9yrb3cqr01] {
    display: inline-flex;
    padding: 2px 5px;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--Red, #D93C3C);
    color: #fff;
    font-weight: 600;
}
.links[b-9yrb3cqr01] {
    display: flex;
    flex-direction: column;
}

.user-info[b-9yrb3cqr01] {
    row-gap: 8px;
    display: flex;
    flex-direction: column;
}

/* /Pages/Persona/User/RevenuesTab.razor.rz.scp.css */
.financial-wrapper[b-io8ixhdxzs] {
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 8px;
    background: var(--Surface, #FFF);
    margin-top: 16px;
}

.title[b-io8ixhdxzs] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.all-revenue[b-io8ixhdxzs] {
    display: flex;
    height: 136px;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 12px;
    border: 1px solid var(--Contrast, #001431);
}

    .all-revenue .title[b-io8ixhdxzs] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .all-revenue .amount[b-io8ixhdxzs] {
        display: flex;
        align-items: flex-start;
        gap: 4px;
        color: var(--Contrast, #001431);
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
    }

        .all-revenue .amount span[b-io8ixhdxzs] {
            font-size: 14px;
            font-weight: 600;
            line-height: 36px;
        }

    .all-revenue .usd-amount[b-io8ixhdxzs] {
        display: flex;
        align-items: flex-start;
        color: var(--Mid-grey, #A7A7A7);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

.source[b-io8ixhdxzs] {
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    flex: 1 0 0;
    width: 20%;
    min-width: 165px;
    border-radius: 12px;
}

    .source.orange[b-io8ixhdxzs] {
        border: 2px solid var(--Orange, #FF7C03);
    }

    .source.complementary[b-io8ixhdxzs] {
        border: 2px solid var(--complementary, #00BAFF);
    }

    .source.purple[b-io8ixhdxzs] {
        border: 2px solid var(--purple, #C875D6);
    }
    .source.contrast[b-io8ixhdxzs] {
        background: var(--Contrast, #001431);
    }
    .source.green[b-io8ixhdxzs] {
        border: 2px solid var(--green, #00C49F);
    }


    .source .title[b-io8ixhdxzs] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .source .percentage[b-io8ixhdxzs] {
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
    }

    .source .amount[b-io8ixhdxzs] {
        color: var(--Contrast, #001431);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

        .source .amount span[b-io8ixhdxzs] {
            color: var(--Contrast, #001431);
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
        }

    .source .usd-amount[b-io8ixhdxzs] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

.complementary[b-io8ixhdxzs] {
    color: var(--complementary, #00BAFF);
}

.purple[b-io8ixhdxzs] {
    color: var(--purple, #C875D6);
}

.orange[b-io8ixhdxzs] {
    color: var(--Orange, #FF7C03)
}

.contrast[b-io8ixhdxzs] {
    color: var(--Contrast, #001431);
}

.green[b-io8ixhdxzs] {
    color: var(--green, #00C49F);
}


.top-earning-posts[b-io8ixhdxzs] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 24px;
    border-radius: 8px;
    background: var(--Surface, #FFF);
    margin-top: 16px;
    min-width: 800px;
    overflow: scroll;
}
    .top-earning-posts .title[b-io8ixhdxzs] {
        min-width: 454px;
        width: 50%;
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    .top-earning-posts .header[b-io8ixhdxzs] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        min-width: 120px;
        width: 12.5%;
        text-align: right;
    }
.img-description[b-io8ixhdxzs] {
    color: var(--Contrast, #001431);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 440px;
    width: 50%;
}

.post-list[b-io8ixhdxzs] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
}

.post-item[b-io8ixhdxzs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .post-item img[b-io8ixhdxzs] {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        border: 2px solid var(--Mid-green, #D4FFF6);
    }

.stat-item[b-io8ixhdxzs] {
    display: flex;
    align-items: flex-end;
    min-width: 125px;
    width: 12.5%;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
    .stat-item span[b-io8ixhdxzs] {
        font-size: 10px;
        font-weight: 600;
    }
    .stat-item .usd-amount[b-io8ixhdxzs] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 12px;
        font-weight: 400;
    }


.creators-charts[b-io8ixhdxzs] {
    width: 100%;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    border: 1px solid var(--Light-grey, #E5E5E5);
    display: inline-flex;
    padding: 12px 24px 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

    .creators-charts[b-io8ixhdxzs]  div {
        width: 100%;
    }

    .creators-charts[b-io8ixhdxzs] .apexcharts-toolbar {
        /*      width: fit-content !important;*/
        display: none;
    }

    .creators-charts[b-io8ixhdxzs] .apexcharts-legend {
        display: none;
    }


    .creators-charts .chart-header[b-io8ixhdxzs] {
        color: #000;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

        .creators-charts .chart-header span[b-io8ixhdxzs] {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
        }

.incentives-wrapper[b-io8ixhdxzs] {
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    background: var(--Surface, #FFF);
    margin-top: 16px;
}

    .incentives-wrapper .title[b-io8ixhdxzs] {
        color: #001431;
        font-size: 16px;
        font-family: Poppins, sans-serif;
        font-weight: 600;
        line-height: 24px;
    }

    .incentives-wrapper .incentives-content[b-io8ixhdxzs] {
        display: flex;
        gap: 16px;
        width: 100%;
    }

    .incentives-wrapper .incentives-item[b-io8ixhdxzs] {
        flex: 1;
        padding: 16px 20px;
        border: 2px solid #E5E5E5;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        max-width: 50%;
    }

    .incentives-wrapper .item-header[b-io8ixhdxzs] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .incentives-wrapper .item-title[b-io8ixhdxzs] {
        color: #A7A7A7;
        font-size: 14px;
        font-family: Poppins, sans-serif;
        font-weight: 600;
        line-height: 20px;
    }

    .incentives-wrapper .item-values[b-io8ixhdxzs] {
        display: flex;
        align-items: flex-end;
        gap: 8px;
    }

    .incentives-wrapper .amount[b-io8ixhdxzs] {
        color: #001431;
        font-size: 26px;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        line-height: 32px;
    }

    .incentives-wrapper .currency[b-io8ixhdxzs] {
        color: #001431;
        font-size: 14px;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 2px;
    }

    .incentives-wrapper .usd[b-io8ixhdxzs] {
        color: #A7A7A7;
        font-size: 16px;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        line-height: 24px;
    }

    .incentives-wrapper .percentage[b-io8ixhdxzs] {
        color: #A7A7A7;
        font-size: 20px;
        font-family: Poppins, sans-serif;
        font-weight: 600;
        text-align: right;
    }
/* /Pages/Persona/User/TransactionsTab.razor.rz.scp.css */
.withdrawals-tab[b-9z94u7xu4q] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    gap: 24px;
}

    .withdrawals-tab[b-9z94u7xu4q]  .pagination {
        margin: 0px;
    }

    .withdrawals-tab[b-9z94u7xu4q]  .padding-header {
        padding-left: 10px;
    }

.badges-search[b-9z94u7xu4q] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.search-container[b-9z94u7xu4q] {
    width: 300px;
}

.search-bar-container[b-9z94u7xu4q]  .page-search-bar {
    margin: 0px !important;
}

.total-amount[b-9z94u7xu4q] {
    border-top: 1px solid var(--Light-grey, #E5E5E5);
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
    display: flex;
    margin-bottom: -24px;
    width: 100%;
}

    .total-amount .label[b-9z94u7xu4q] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 6px 0px;
        width: 72%;
    }

    .total-amount .value[b-9z94u7xu4q] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        width: 100%;
        padding: 6px 6px;
        background: rgba(0, 186, 255, 0.12);
        text-align: right;
    }

        .total-amount .value.red[b-9z94u7xu4q] {
            background: rgba(217, 60, 60, 0.12);
        }


.type-filter[b-9z94u7xu4q] {
    margin-top: -12px;
}

.sent-amount[b-9z94u7xu4q] {
    color: #D93C3C !important;
    font-weight: 600 !important;
}

.received-amount[b-9z94u7xu4q] {
    color: #00BAFF !important;
    font-weight: 600 !important;
}
.filter-component[b-9z94u7xu4q] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
}

    .filter-component[b-9z94u7xu4q]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-9z94u7xu4q]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-9z94u7xu4q]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-9z94u7xu4q]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
/* /Pages/Persona/User/UserDetails.razor.rz.scp.css */
.bg[b-v085sjwslm] {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: calc(100% - 260px);
    top: 0;
    right: 0px;
    z-index: 0;
    background: #F7F8F9;
}

.user-details-page[b-v085sjwslm] {
    z-index: 10;
    padding-left: 30px;
    padding-right: 30px;
    max-height: 90vh;
    overflow: scroll;
}

    .user-details-page::deep .action-item img[b-v085sjwslm] {
        margin-top: 0px;
    }

.page-container[b-v085sjwslm] {
    max-width: 1200px;
    margin: auto;
    position: relative;
    top: 0px;
}

.breadcrumb[b-v085sjwslm] {
    display: flex;
    align-items: center;
/*    padding-top: 45px;*/
    margin-bottom: 18px;
}

    .breadcrumb .back-button[b-v085sjwslm] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .username[b-v085sjwslm] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }

    .breadcrumb .user-info[b-v085sjwslm] {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 5px 0px;
    }

    .breadcrumb .followers[b-v085sjwslm] {
        display: flex;
        gap: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: var(--secondary-color);
        padding: 4px 10px 2px 10px;
        border-left: 1px solid var(--Light-grey, #E5E5E5);
    }

    .breadcrumb .noborder[b-v085sjwslm] {
        border-left: none !important;
    }

    .breadcrumb .followers span[b-v085sjwslm] {
        font-weight: 600;
        font-size: 14px;
        color: var(--secondary-color);
    }

.page-actions[b-v085sjwslm] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-picture[b-v085sjwslm] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid var(--Mid-green, #D4FFF6);
    object-fit: cover;
    margin-right: 10px;
}

.persona-details[b-v085sjwslm] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    padding: 20px 24px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 12px;
}

.details-row[b-v085sjwslm] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .details-row .title[b-v085sjwslm] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .details-row .title div[b-v085sjwslm] {
        width: 95px;
    }

.info-col[b-v085sjwslm] {
    display: grid;
    grid-template-columns: 95px 208px;
    row-gap: 8px;
}

    .label[b-v085sjwslm] {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }

    .value[b-v085sjwslm] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }


.tags-box[b-v085sjwslm] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    flex-direction: row;
    width: 310px;
    margin-top: 8px;
}

.tag[b-v085sjwslm] {
    padding: 0px 4px;
    border-radius: 3px;
    background: #F5DFCC;
    color: #001431;
    font-weight: 400;
    font-size: 13px;
}

.bio[b-v085sjwslm] {
    margin-top: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    max-height: calc(2em * 3);
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.photo-modal[b-v085sjwslm] .modal-content {
    background: #fff0;
    border: none;
}

.photo-modal[b-v085sjwslm] .modal-header {
    display: none;
}

.photo-modal[b-v085sjwslm]  img {
    height: 20vw;
    width: 20vw;
}

.photo-modal[b-v085sjwslm] .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-details-page[b-v085sjwslm] .nav {
    padding-bottom: 25px;
}

.user-details-page[b-v085sjwslm] .nav-tabs {
    border-bottom: 0px !important;
}

.user-details-page[b-v085sjwslm] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .user-details-page[b-v085sjwslm] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .user-details-page[b-v085sjwslm] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .user-details-page[b-v085sjwslm] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }



.filter-component[b-v085sjwslm]  .dropdown {
    border: 1px solid #ced4da;
}
.filter-component[b-v085sjwslm]  .dropdown-toggle {
    width: 100%;
    text-align: left;
}

.comments-modal[b-v085sjwslm] .modal-content {
    border-radius: 20px;
}

.comments-modal[b-v085sjwslm] .modal-header {
    padding: 20px 20px 10px 20px;
}

.comments-modal[b-v085sjwslm] .comments-header {
    padding: 0px
}

.comments-modal[b-v085sjwslm] .modal-dialog {
    max-width: 60%
}
/* /Pages/Persona/User/WithdrawalsTab.razor.rz.scp.css */
.withdrawals-tab[b-xga38s2scz] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    gap: 24px;
}
    .withdrawals-tab[b-xga38s2scz]  .pagination {
        margin: 0px;
    }

    .withdrawals-tab[b-xga38s2scz]  .padding-header {
        padding-left: 10px;
    }
.badges-search[b-xga38s2scz] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.search-container[b-xga38s2scz] {
    width: 300px;
}

.search-bar-container[b-xga38s2scz]  .page-search-bar {
    margin: 0px !important;
}

.total-amount[b-xga38s2scz] {
    border-top: 1px solid var(--Light-grey, #E5E5E5);
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
    display: flex;
    margin-bottom: -24px;
    width: 100%;
}
    .total-amount .label[b-xga38s2scz] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 6px 0px;
        width: 34%;
    }
    .total-amount .value[b-xga38s2scz] {
        width: 15%;
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 6px 6px;
        background: rgba(0, 186, 255, 0.12);
        text-align: right;
    }
[b-xga38s2scz] .status-td {
}
.status[b-xga38s2scz] {
    display: flex;
    padding: 2px 8px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: var(--Surface, #FFF);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
/*    width: fit-content;*/
}

    .status.complementary[b-xga38s2scz] {
        background: var(--complementary, #00BAFF);
    }

    .status.red[b-xga38s2scz] {
        background: var(--Red, #D93C3C);
    }

    .status.orange[b-xga38s2scz] {
        background: var(--Orange, #FF7C03);
    }
/* /Pages/Reports/E2EReports.razor.rz.scp.css */
.download-e2e-reports-page[b-e208oa5koi]  .flatpickr-wrapper {
    display: flex !important;
}

.download-e2e-reports-page[b-e208oa5koi]  .flatpickr-calendar.static {
    width: 310px;
}

.download-e2e-reports-page[b-e208oa5koi]  input.report-date {
    width: 310px;
}

    .download-e2e-reports-page[b-e208oa5koi]  input.report-date:focus {
        box-shadow: none !important;
    }

.download-e2e-reports-page[b-e208oa5koi]  .btn-outline-primary {
    width: 310px !important;
}

.download-container[b-e208oa5koi] {
    display: grid;
    grid-template-columns: 1.5fr 2.5fr;
    gap: 16px;
}

.picker[b-e208oa5koi] {
    display: flex;
    width: 542px;
    height: 124px;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    background: var(--Surface, #FFF);
    margin-bottom: 32px;
}

.label[b-e208oa5koi] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.files[b-e208oa5koi] {
    display: flex;
    /*    width: 356px;*/
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
}

.files-row[b-e208oa5koi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
}

.files .text[b-e208oa5koi] {
    color: var(--Contrast, #001431);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.icon-btn[b-e208oa5koi] {
    background: none;
    border: none;
}

.download-icon[b-e208oa5koi] {
    --svg-stroke-color: #FF5733; /* Define your color here */
}

    .download-icon svg path[b-e208oa5koi] {
        stroke: var(--svg-stroke-color);
    }

.downloads-history[b-e208oa5koi] {
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    border: 1px solid var(--Light-grey, #E5E5E5);
}

    .downloads-history[b-e208oa5koi]  .header {
        font-size: 13px;
        color: #A7A7A7;
    }

    .downloads-history[b-e208oa5koi]  .cell {
        font-size: 12px;
    }

    .downloads-history .time-box[b-e208oa5koi] {
        color: var(--Mid-grey, #A7A7A7);
    }
/* /Pages/Reports/ReferralReports.razor.rz.scp.css */
.filters[b-x7aqkzp7sc] {
    display: flex;
    justify-content: space-between;
    margin: 5px 0px;
}

.chips-filter[b-x7aqkzp7sc] {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    display: flex;
    width: fit-content;
}

.filter-component[b-x7aqkzp7sc] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 12px;
    flex-wrap: wrap;
}

    .filter-component[b-x7aqkzp7sc]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-x7aqkzp7sc]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-x7aqkzp7sc]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
    }

    .filter-component[b-x7aqkzp7sc]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.referral-reports-page[b-x7aqkzp7sc]  .enhanced-table-ui th {
    padding: 16px 8px !important;
}

.referral-summary[b-x7aqkzp7sc] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
    margin: 24px 0px;
    height: 72px;
}

.summary-box[b-x7aqkzp7sc] {
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    background: var(--Blue-grey, #F7F8F9);
}

    .summary-box .label[b-x7aqkzp7sc] {
        color: var(--Mid-grey-darker, #919191);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px
    }

    .summary-box .value[b-x7aqkzp7sc] {
        color: var(--Contrast, #001431);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.username[b-x7aqkzp7sc] {
    color: var(--complementary, #00baff);
    cursor: pointer;
}
/* /Pages/Settings/AdminRoles.razor.rz.scp.css */
.permissions-header[b-axo0qabgg2] {
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 10px;
}

    .permissions-header.permissions-group[b-axo0qabgg2] {
        margin-bottom: -10px;
    }

.permissions-check[b-axo0qabgg2] {
    margin-left: 12px;
}

.check-all[b-axo0qabgg2] {
    font-weight: 600;
}

.permissions-view .select-all[b-axo0qabgg2] {
    font-size: 14px;
    font-weight: 600;
    color: #E5E5E5 !important;
    cursor: pointer;
    margin-left: 10px;
}

.search-bar-container[b-axo0qabgg2] {
    min-width: 340px;
    max-width: 355px;
}
/* /Pages/Settings/AdminUsers.razor.rz.scp.css */
.admin-user-page[b-7b889my6ko] {
    width: 85%;
    margin: auto;
}

.required-alert[b-7b889my6ko] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
    margin-bottom: 10px;
}

.profile-pic[b-7b889my6ko] {
    width: 62px;
    border-radius: 50%;
    margin-right: 10px;
    display: table-cell;
}

.username[b-7b889my6ko] {
    color: #A7A7A7;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px
}

.fullname[b-7b889my6ko] {
    color: #001431;
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px;
}

.roles[b-7b889my6ko] {
    color: #001431;
    font-size: 14px !important;
    font-weight: 400;
    margin: 0px;
    cursor: pointer;
}

.time-box[b-7b889my6ko] {
    color: #001431;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.admin-user-table[b-7b889my6ko] .add-action {
    background: #fff;
    border: none;
}

.search-bar-container[b-7b889my6ko] {
    min-width: 340px;
    max-width: 355px;
}
.admin-user-page[b-7b889my6ko] .add-action, .admin-user-page[b-7b889my6ko] .add-action:focus {
    background: #fff;
}

.admin-user-page[b-7b889my6ko]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}


.invite-user[b-7b889my6ko]  .form-label {
    margin-bottom: 0px !important;
}

.status[b-7b889my6ko] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 2px 5px;
    gap: 3px;
    border-radius: 3px;
    background: var(--Blue-grey, #F7F8F9);
    color: var(--Mid-grey, #A7A7A7);
    font-weight: 600;
    font-size: 12px;
}
.flex-wrapper[b-7b889my6ko] {
    display: flex;
    justify-content: center;
}
/* /Pages/Settings/Agencies/AgencyLinkHistory.razor.rz.scp.css */
.agencies-page[b-zmxzuruzhn] {
    width: 85%;
    margin: auto;
}

.breadcrumb[b-zmxzuruzhn] {
    display: flex;
    align-items: center;
    margin-bottom: 18px !important;
}

    .breadcrumb .back-button[b-zmxzuruzhn] {
        height: 100%;
        width: 20px;
        cursor: pointer;
    }

    .breadcrumb .title[b-zmxzuruzhn] {
        font-weight: 600;
        font-size: 26px;
        color: var(--secondary-color);
        margin-right: 7px;
    }
/* /Pages/Settings/Agencies/ManageAgencies.razor.rz.scp.css */
.agencies-page[b-qm8agh4mrk] {
    width: 85%;
    margin: auto;
}

.required-alert[b-qm8agh4mrk] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.admin-user-table[b-qm8agh4mrk] .add-action {
    background: #fff;
    border: none;
}

.agencies-page[b-qm8agh4mrk] .add-action,
.agencies-page[b-qm8agh4mrk] .add-action:focus {
    background: #fff;
}

.agencies-page[b-qm8agh4mrk]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}

.agencies-page[b-qm8agh4mrk]  .description-header {
    padding-left: 10px;
}

.table-text[b-qm8agh4mrk] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}

.agencies-page[b-qm8agh4mrk]  .table-fixed-header>.table>thead>tr:nth-child(1)>th {
    padding-left: 8px;
}

.agency-modal[b-qm8agh4mrk]  .modal-dialog {
    max-width: 600px;
}
.agency-modal[b-qm8agh4mrk]  .agency-name {
    margin: 0px;
}

    .agency-modal[b-qm8agh4mrk]  .agency-name .form-label {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin: 0px;
        padding: 32px 24px 12px 0px;
    }

.agency-modal[b-qm8agh4mrk]  .form-group {
    margin: 0px;
}

.agency-modal[b-qm8agh4mrk]  .revenue-split .form-label {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0px;
    padding: 24px 24px 12px 0px;
}

.agency-modal[b-qm8agh4mrk]  .split-values {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 16px;
    align-items: center;
}

    .agency-modal[b-qm8agh4mrk]  .split-values .form-check-inline {
        margin-top: 22px;
    }

    .agency-modal[b-qm8agh4mrk]  .split-values .form-check-label {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
    }

    .agency-modal[b-qm8agh4mrk]  .split-values .form-label {
        color: var(--Mid-grey, #A7A7A7);
        font-size: 12px;
        font-weight: 600;
        padding: 0px;
        margin: 0px;
    }
    .agency-modal[b-qm8agh4mrk]  .split-values .split-text {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        margin-top: 22px;
        padding: 8px 0px 8px 25px;
    }
/* /Pages/Settings/AppTechSettings/GlobalFeatures.razor.rz.scp.css */
.features-page[b-fg84cwq0ju] {
    /*    padding: 20px;
        max-width: 1200px;
        margin: auto;*/
    }
    
    .page-container[b-fg84cwq0ju] {
    /*    background-color: #fff;
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    }
    
    .page-title[b-fg84cwq0ju] {
        color: var(--Contrast, #001431);
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 26px;
    }
    
    .page-header[b-fg84cwq0ju] {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: end;
    }
    
    .search-bar-container[b-fg84cwq0ju] {
        min-width: 340px;
        max-width: 355px;
    }
    
        .search-bar-container[b-fg84cwq0ju]  .mb-3 {
            margin-bottom: 0px !important;
        }
    
    .user-info[b-fg84cwq0ju] {
        display: flex;
        align-items: center;
    }
    
        .user-info img.profile-picture[b-fg84cwq0ju] {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-right: 10px;
        }
    
    .features-and-defaults[b-fg84cwq0ju] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin-top: 16px;
    }
    
    .features-section[b-fg84cwq0ju],
    .defaults-section[b-fg84cwq0ju] {
        border-radius: 12px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        padding: 20px 24px 12px 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .title[b-fg84cwq0ju] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding-bottom: 12px;
        padding-left: 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    
    .table[b-fg84cwq0ju] {
        width: 100%;
        margin-bottom: 20px;
        border-collapse: collapse;
    }
    
        .table th[b-fg84cwq0ju],
        .table td[b-fg84cwq0ju] {
            border: 1px solid #ddd;
            padding: 8px;
        }
    
        .table th[b-fg84cwq0ju] {
            color: var(--Mid-grey, #A7A7A7);
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            background-color: #fff;
            border-top: 1px solid var(--Light-grey, #E5E5E5);
            border-bottom: 1px solid var(--Light-grey, #E5E5E5);
        }
    
    .switch[b-fg84cwq0ju] {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 20px;
    }
    
        .switch input[b-fg84cwq0ju] {
            opacity: 0;
            width: 0;
            height: 0;
        }
    
    .slider[b-fg84cwq0ju] {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s;
        border-radius: 20px;
    }
    
        .slider[b-fg84cwq0ju]:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }
    
    .features-page[b-fg84cwq0ju]  input:checked + .slider {
        background-color: var(--Accent, #03DBB4);
    }
    
        .features-page[b-fg84cwq0ju]  input:checked + .slider:before {
            transform: translateX(20px);
        }
    
    .icon-button[b-fg84cwq0ju] {
        background: none;
        border: none;
        color: #e74c3c;
        cursor: pointer;
        padding: 0;
    }
    
        .icon-button .fas[b-fg84cwq0ju] {
            font-size: 16px;
        }
    
    .action-buttons[b-fg84cwq0ju] {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }
    
    .save[b-fg84cwq0ju] {
        display: flex;
        width: 90px;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        background: var(--Accent, #03DBB4);
        color: var(--Surface, #FFF);
        font-size: 14px;
        font-weight: 600;
        border: none;
    }
    
    .cancel[b-fg84cwq0ju] {
        display: flex;
        width: 90px;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        border: 1px solid var(--Mid-grey, #A7A7A7);
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        background: #fff;
    }
    .add-modal[b-fg84cwq0ju]  {}
        .add-modal[b-fg84cwq0ju]  .modal-dialog {
            top: 20%;
        }
    
        .add-modal[b-fg84cwq0ju]  .modal-content {
            border-radius: 20px;
            background: var(--Surface, #FFF);
        }
    
        .add-modal[b-fg84cwq0ju]  .modal-body {
            padding: 0px 24px;
        }
    
        .add-modal[b-fg84cwq0ju]  .modal-header {
            border: none;
            padding: 24px;
        }
        .add-modal[b-fg84cwq0ju]  .modal-title {
            color: var(--Contrast, #001431);
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
        }
        .add-modal[b-fg84cwq0ju]  .modal-footer {
            border: none;
            padding: 24px;
        }
            .add-modal[b-fg84cwq0ju]  .modal-footer .btn {
                height: 33px;
            }
    
    
    .chip[b-fg84cwq0ju] {
        display: flex;
        padding: 5px 4px;
        align-items: center;
        align-items: center;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        margin: 10px 0px;
        width: fit-content;
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    .chip-close[b-fg84cwq0ju] {
        background: none;
        border: none;
        font-size: 16px;
        margin-left: 10px;
        cursor: pointer;
    }
    
    .text-btn[b-fg84cwq0ju] {
        border: none;
        background: none;
        color: var(--Accent, #03DBB4);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    [b-fg84cwq0ju] .flatpickr-wrapper {
        display: flex !important;
    }
    
    [b-fg84cwq0ju] .flatpickr-calendar.static {
        width: 310px;
    }
/* /Pages/Settings/AppTechSettings/UserFeatures.razor.rz.scp.css */
.features-page[b-iwdy9z66e4] {
    /*    padding: 20px;
        max-width: 1200px;
        margin: auto;*/
    }
    
    .page-container[b-iwdy9z66e4] {
    /*    background-color: #fff;
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    }
    
    .page-title[b-iwdy9z66e4] {
        color: var(--Contrast, #001431);
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 26px;
    }
    
    .page-header[b-iwdy9z66e4] {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: end;
    }
    
    .search-bar-container[b-iwdy9z66e4] {
        min-width: 340px;
        max-width: 355px;
    }
    
        .search-bar-container[b-iwdy9z66e4]  .mb-3 {
            margin-bottom: 0px !important;
        }
    
    .user-info[b-iwdy9z66e4] {
        display: flex;
        align-items: center;
    }
    
        .user-info img.profile-picture[b-iwdy9z66e4] {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-right: 10px;
        }
    
    .features-and-defaults[b-iwdy9z66e4] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin-top: 16px;
    }
    
    .features-section[b-iwdy9z66e4],
    .defaults-section[b-iwdy9z66e4] {
        border-radius: 12px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        padding: 20px 24px 12px 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .title[b-iwdy9z66e4] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding-bottom: 12px;
        padding-left: 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    
    .table[b-iwdy9z66e4] {
        width: 100%;
        margin-bottom: 20px;
        border-collapse: collapse;
    }
    
        .table th[b-iwdy9z66e4],
        .table td[b-iwdy9z66e4] {
            border: 1px solid #ddd;
            padding: 8px;
        }
    
        .table th[b-iwdy9z66e4] {
            color: var(--Mid-grey, #A7A7A7);
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            background-color: #fff;
            border-top: 1px solid var(--Light-grey, #E5E5E5);
            border-bottom: 1px solid var(--Light-grey, #E5E5E5);
        }
    
    .switch[b-iwdy9z66e4] {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 20px;
    }
    
        .switch input[b-iwdy9z66e4] {
            opacity: 0;
            width: 0;
            height: 0;
        }
    
    .slider[b-iwdy9z66e4] {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s;
        border-radius: 20px;
    }
    
        .slider[b-iwdy9z66e4]:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }
    
    .features-page[b-iwdy9z66e4]  input:checked + .slider {
        background-color: var(--Accent, #03DBB4);
    }
    
        .features-page[b-iwdy9z66e4]  input:checked + .slider:before {
            transform: translateX(20px);
        }
    
    .icon-button[b-iwdy9z66e4] {
        background: none;
        border: none;
        color: #e74c3c;
        cursor: pointer;
        padding: 0;
    }
    
        .icon-button .fas[b-iwdy9z66e4] {
            font-size: 16px;
        }
    
    .action-buttons[b-iwdy9z66e4] {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }
    
    .save[b-iwdy9z66e4] {
        display: flex;
        width: 90px;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        background: var(--Accent, #03DBB4);
        color: var(--Surface, #FFF);
        font-size: 14px;
        font-weight: 600;
        border: none;
    }
    
    .cancel[b-iwdy9z66e4] {
        display: flex;
        width: 90px;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        border: 1px solid var(--Mid-grey, #A7A7A7);
        color: var(--Mid-grey, #A7A7A7);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        background: #fff;
    }    
    .chip[b-iwdy9z66e4] {
        display: flex;
        padding: 5px 4px;
        align-items: center;
        align-items: center;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        margin: 10px 0px;
        width: fit-content;
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    .chip-close[b-iwdy9z66e4] {
        background: none;
        border: none;
        font-size: 16px;
        margin-left: 10px;
        cursor: pointer;
    }
    
    .text-btn[b-iwdy9z66e4] {
        border: none;
        background: none;
        color: var(--Accent, #03DBB4);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    [b-iwdy9z66e4] .flatpickr-wrapper {
        display: flex !important;
    }
    
    [b-iwdy9z66e4] .flatpickr-calendar.static {
        width: 310px;
    }

.global-reference-section .features-section[b-iwdy9z66e4], .global-reference-section .defaults-section[b-iwdy9z66e4] {
    border-radius: 0px !important;
    padding: 0px !important;
    border: none !important;
}
    .global-reference-section tr[b-iwdy9z66e4]{
        border-top-width: 0px !important;
        border-bottom-width: 0px !important;
        border-right-width: 0px !important;
        border-left-width: 0px !important;
    }
    .global-reference-section td[b-iwdy9z66e4]{
        border: none !important;
    }
/* /Pages/Settings/Communities/Communities.razor.rz.scp.css */
.header[b-jn43lbrzka] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.settings-page[b-jn43lbrzka] .nav {
    padding-bottom: 25px;
}

.settings-page[b-jn43lbrzka] .nav-tabs {
    border-bottom: 0px !important;
}

.settings-page[b-jn43lbrzka] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .settings-page[b-jn43lbrzka] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .settings-page[b-jn43lbrzka] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .settings-page[b-jn43lbrzka] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }

.settings-page[b-jn43lbrzka]  .action-btn {
    width: 24px;
    min-height: 30px;
}
/* /Pages/Settings/ContentCategories/ContentCategories.razor.rz.scp.css */
.header[b-8mav3p1mg8] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.content-categories-page[b-8mav3p1mg8] .nav {
    padding-bottom: 25px;
}

.content-categories-page[b-8mav3p1mg8] .nav-tabs {
    border-bottom: 0px !important;
}

.content-categories-page[b-8mav3p1mg8] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .content-categories-page[b-8mav3p1mg8] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .content-categories-page[b-8mav3p1mg8] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .content-categories-page[b-8mav3p1mg8] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }

.content-categories-page[b-8mav3p1mg8]  .action-btn {
    width: 24px;
    min-height: 30px;
}
/* /Pages/Settings/ContentCategories/ContentCategoriesTab.razor.rz.scp.css */
.content-categories-page[b-s8q3k96k8s] {
    margin: auto;
}

.required-alert[b-s8q3k96k8s] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.content-categories-page[b-s8q3k96k8s] .add-action, .content-categories-page[b-s8q3k96k8s] .add-action:focus {
    background: #fff;
}

.content-categories-page[b-s8q3k96k8s]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}

.content-categories-page[b-s8q3k96k8s]  .description-header {
    padding-left: 10px;
}

.table-text[b-s8q3k96k8s] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}
/* /Pages/Settings/ContentCategories/ContentTargetAudienceTab.razor.rz.scp.css */
.content-target-audience-page[b-wsamiyxfi1] {
    margin: auto;
}

.required-alert[b-wsamiyxfi1] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.content-target-audience-page[b-wsamiyxfi1] .add-action, .content-target-audience-page[b-wsamiyxfi1] .add-action:focus {
    background: #fff;
}

.content-target-audience-page[b-wsamiyxfi1]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}

.content-target-audience-page[b-wsamiyxfi1]  .description-header {
    padding-left: 10px;
}

.table-text[b-wsamiyxfi1] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}
/* /Pages/Settings/ContentCategories/ContentTypesTab.razor.rz.scp.css */
.content-types-page[b-da8l0by8ku] {
    margin: auto;
}

.required-alert[b-da8l0by8ku] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.content-types-page[b-da8l0by8ku] .add-action, .content-types-page[b-da8l0by8ku] .add-action:focus {
    background: #fff;
}

.content-types-page[b-da8l0by8ku]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}

.content-types-page[b-da8l0by8ku]  .description-header {
    padding-left: 10px;
}

.table-text[b-da8l0by8ku] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}
/* /Pages/Settings/Demographics/Demographics.razor.rz.scp.css */
.header[b-x6i9ijv477] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.settings-page[b-x6i9ijv477] .nav {
    padding-bottom: 25px;
}

.settings-page[b-x6i9ijv477] .nav-tabs {
    border-bottom: 0px !important;
}

.settings-page[b-x6i9ijv477] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .settings-page[b-x6i9ijv477] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .settings-page[b-x6i9ijv477] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .settings-page[b-x6i9ijv477] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }

    .settings-page[b-x6i9ijv477]   .action-btn {
        width: 24px;
        min-height: 30px;
    }
/* /Pages/Settings/FinanceSettings/FinanceSettings.razor.rz.scp.css */
.header[b-sq0i3as3h4] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.settings-page[b-sq0i3as3h4] .nav {
    padding-bottom: 25px;
}

.settings-page[b-sq0i3as3h4] .nav-tabs {
    border-bottom: 0px !important;
}

.settings-page[b-sq0i3as3h4] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .settings-page[b-sq0i3as3h4] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .settings-page[b-sq0i3as3h4] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .settings-page[b-sq0i3as3h4] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }

.settings-page[b-sq0i3as3h4]  .action-btn {
    width: 24px;
    min-height: 30px;
}
/* /Pages/Settings/Reasons/ArchivingReasonsTab.razor.rz.scp.css */
.archiving-reasons-page[b-k7s9cfa2l3] {
    margin: auto;
}

.required-alert[b-k7s9cfa2l3] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.archiving-reasons-page[b-k7s9cfa2l3] .add-action, .archiving-reasons-page[b-k7s9cfa2l3] .add-action:focus {
    background: #fff;
}

.archiving-reasons-page[b-k7s9cfa2l3]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}

.archiving-reasons-page[b-k7s9cfa2l3]  .description-header {
    padding-left: 10px;
}

.table-text[b-k7s9cfa2l3] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}
/* /Pages/Settings/Reasons/Reasons.razor.rz.scp.css */
.header[b-85xpusz8gm] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.reasons-page[b-85xpusz8gm] .nav {
    padding-bottom: 25px;
}

.reasons-page[b-85xpusz8gm] .nav-tabs {
    border-bottom: 0px !important;
}

.reasons-page[b-85xpusz8gm] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .reasons-page[b-85xpusz8gm] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .reasons-page[b-85xpusz8gm] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .reasons-page[b-85xpusz8gm] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }

    .reasons-page[b-85xpusz8gm]  .action-btn {
        width: 24px;
        min-height: 30px;
    }
/* /Pages/Settings/Reasons/RejectionReasonsTab.razor.rz.scp.css */
.rejection-reasons-page[b-je9qchp52m] {
    margin: auto;
}

.required-alert[b-je9qchp52m] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.rejection-reasons-page[b-je9qchp52m] .add-action, .rejection-reasons-page[b-je9qchp52m] .add-action:focus {
    background: #fff;
}

.rejection-reasons-page[b-je9qchp52m]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}

.rejection-reasons-page[b-je9qchp52m]  .description-header {
    padding-left: 10px;
}

.table-text[b-je9qchp52m] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}
/* /Pages/Settings/SubscriptionManagement/SubscriptionHistoryTab.razor.rz.scp.css */
.process-logs-section[b-hsq9q1pqx1] {
    border-radius: 12px;
    background: var(--Surface, #FFF);
    display: flex;
    padding: 20px 24px 24px 24px;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.process-logs-section[b-hsq9q1pqx1]  .pagination {
    margin: 0px;
}

.process-logs-section[b-hsq9q1pqx1]  .padding-header {
    padding-left: 10px;
}

.process-logs-section[b-hsq9q1pqx1]  .align-right {
    padding-right: 5px;
}

.badges-search[b-hsq9q1pqx1] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.time-box[b-hsq9q1pqx1] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.enhanced-table-ui[b-hsq9q1pqx1]  table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

.enhanced-table-ui[b-hsq9q1pqx1]  th {
    font-size: 12px;
    color: var(--mid-grey, #A7A7A7);
    font-weight: 600;
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
    padding: 8px 16px;
    background-color: #fff;
}

.enhanced-table-ui[b-hsq9q1pqx1]  .b-datagrid-pagination {
    border-top: 1px solid var(--Light-grey, #E5E5E5);
    padding-top: 8px;
    margin-top: 8px;
}

.enhanced-table-ui[b-hsq9q1pqx1]  tbody tr {
    border-bottom: 1px solid var(--Light-grey, #E5E5E5);
}

.enhanced-table-ui[b-hsq9q1pqx1]  td {
    padding: 12px 16px;
    font-size: 12px;
}

.enhanced-table-ui[b-hsq9q1pqx1]  .page-number {
    font-size: 14px;
    color: var(--Contrast, #001431);
}

.fail[b-hsq9q1pqx1] {
    color: var(--Red, #D93C3C);
}
.success[b-hsq9q1pqx1] {
    color: var(--complementary, #00BAFF);
}
/* /Pages/Settings/SubscriptionManagement/SubscriptionManagement.razor.rz.scp.css */
.header[b-1g5tk9hr8l] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.subscription-management-page[b-1g5tk9hr8l] .nav {
    padding-bottom: 25px;
}

.subscription-management-page[b-1g5tk9hr8l] .nav-tabs {
    border-bottom: 0px !important;
}

.subscription-management-page[b-1g5tk9hr8l] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .subscription-management-page[b-1g5tk9hr8l] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .subscription-management-page[b-1g5tk9hr8l] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .subscription-management-page[b-1g5tk9hr8l] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }
/* /Pages/Settings/SubscriptionManagement/SubscriptionProcessesTab.razor.rz.scp.css */
.processes-tab[b-a69g1vym74] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 60px;
}

.process-container[b-a69g1vym74] {
    border-radius: 8px;
    border: 2px solid var(--Light-grey, #E5E5E5);
    width: 536px;
    padding: 20px 16px 24px 16px;
    flex-direction: row;
    gap: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
    .process-container .title[b-a69g1vym74] {
        color: var(--Contrast, #001431);
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    .process-container .total[b-a69g1vym74] {
        color: var(--Contrast, #001431);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
        .process-container .total span[b-a69g1vym74] {
            color: var(--Contrast, #001431);
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            padding-left: 4px;
        }
    .process-container button[b-a69g1vym74] {
        display: flex;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        border: 2px solid var(--Accent, #03DBB4);
        color: var(--Accent, #03DBB4);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        background: #fff;
    }
        .process-container button:hover[b-a69g1vym74] {
            color: #fff;
            background: #03DBB4;
        }
/* /Pages/Settings/UserConfiguration/UserConfiguration.razor.rz.scp.css */
.header[b-a11h2n3dcz] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.settings-page[b-a11h2n3dcz] .nav {
    padding-bottom: 25px;
}

.settings-page[b-a11h2n3dcz] .nav-tabs {
    border-bottom: 0px !important;
}

.settings-page[b-a11h2n3dcz] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .settings-page[b-a11h2n3dcz] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .settings-page[b-a11h2n3dcz] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .settings-page[b-a11h2n3dcz] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }

.settings-page[b-a11h2n3dcz]  .action-btn {
    width: 24px;
    min-height: 30px;
}
/* /Pages/Settings/Violations/ViolationBracketsTab.razor.rz.scp.css */
.violation-reasons-page[b-heqiq9db9e] {
/*    width: 85%;*/
    margin: auto;
}

.required-alert[b-heqiq9db9e] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.admin-user-table[b-heqiq9db9e] .add-action {
    background: #fff;
    border: none;
}

.violation-reasons-page[b-heqiq9db9e] .add-action, .violation-reasons-page[b-heqiq9db9e] .add-action:focus {
    background: #fff;
}

.violation-reasons-page[b-heqiq9db9e]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}

.table-text[b-heqiq9db9e] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}
/* /Pages/Settings/Violations/ViolationReasonsTab.razor.rz.scp.css */
.violation-reasons-page[b-j9nzvrz8it] {
/*    width: 85%;*/
    margin: auto;
}

.required-alert[b-j9nzvrz8it] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 11px;
}

.admin-user-table[b-j9nzvrz8it] .add-action {
    background: #fff;
    border: none;
}

.violation-reasons-page[b-j9nzvrz8it] .add-action, .violation-reasons-page[b-j9nzvrz8it] .add-action:focus {
    background: #fff;
}

.violation-reasons-page[b-j9nzvrz8it]  .page .b-table .action-btn {
    width: 24px;
    height: 30px;
}
.violation-reasons-page[b-j9nzvrz8it]  .description-header {
    padding-left: 10px;
}
.table-text[b-j9nzvrz8it] {
    color: var(--Contrast, #001431);
    font-size: 16px;
    font-weight: 400;
}
/* /Pages/Settings/Violations/Violations.razor.rz.scp.css */
.header[b-h76t9x4e8v] {
    color: var(--Contrast, #001431);
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 29px;
}

.settings-page[b-h76t9x4e8v] .nav {
    padding-bottom: 25px;
}

.settings-page[b-h76t9x4e8v] .nav-tabs {
    border-bottom: 0px !important;
}

.settings-page[b-h76t9x4e8v] .nav-link {
    color: #A7A7A7 !important;
    text-align: center !important;
    border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
}

    .settings-page[b-h76t9x4e8v] .nav-link.active {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
        background: transparent !important;
    }

    .settings-page[b-h76t9x4e8v] .nav-link:hover {
        color: #001431 !important;
        border-color: #dee2e600 #dee2e600 #E5E5E5 !important;
        background: transparent;
    }

    .settings-page[b-h76t9x4e8v] .nav-link.active:hover {
        border-color: #dee2e600 #dee2e600 #03DBB4 !important;
    }

.settings-page[b-h76t9x4e8v]  .action-btn {
    width: 24px;
    min-height: 30px;
}
/* /Shared/AssignTagsPopup.razor.rz.scp.css */
.tags-autocomplete-container[b-as83j7a77e] {
    position: relative;
}

.tags-autocomplete-container[b-as83j7a77e]  .b-is-autocomplete.b-is-autocomplete-multipleselection {
    gap: 6px;
    padding-top: 6px !important;
}

.loading[b-as83j7a77e]  .parent {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px;
}
/* /Shared/ChipsFilter.razor.rz.scp.css */
.chips-filter[b-jz16naek52]
{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.chips-filter[b-jz16naek52]  .badge {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #001431 !important;
    background-color: #F1F1F1 !important;
    padding: 10px 20px !important;
    min-width: 60px !important;
    cursor: pointer;
    user-select: none;
}

    .chips-filter[b-jz16naek52]  .badge.selected {
        background-color: var(--primary-color) !important;
        color: white !important;
    }

    .chips-filter .select-all[b-jz16naek52] {
        font-size: 14px;
        font-weight: 600;
        color: #E5E5E5 !important;
        cursor: pointer;
    }
/* /Shared/Comments.razor.rz.scp.css */
.comments-container[b-fh92gt7a5g] {
/*    width: 610px;*/
    height: 900px;
    position: relative;
    background: white;
    box-shadow: -4px 0px 30px rgba(0, 0, 0, 0.25);
    overflow-y: auto;
}

.description[b-fh92gt7a5g] {
    color: var(--Mid-grey, #A7A7A7);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.comment-item[b-fh92gt7a5g] {
    width: 100%;
    padding: 6px 24px;
    display: flex;
    gap: 10px;
    line-break: anywhere;
}

.user-img[b-fh92gt7a5g] {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    border: 1px solid #D4FFF6;
}

.comment-content[b-fh92gt7a5g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.comment-header[b-fh92gt7a5g] {
    display: flex;
    gap: 3px;
}

.username[b-fh92gt7a5g] {
    color: #001431;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}

.time[b-fh92gt7a5g] {
    color: #A7A7A7;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
}

.comment-text[b-fh92gt7a5g] {
    color: black;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
}

.comment-footer[b-fh92gt7a5g] {
    display: flex;
    gap: 17px;
}

.likes[b-fh92gt7a5g] {
    color: #A7A7A7;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}

.replies-container[b-fh92gt7a5g] {
    margin-left: 15px;
    margin-top: 10px;
}

.reply-item[b-fh92gt7a5g] {
    display: flex;
    gap: 10px;
}

.reply-content[b-fh92gt7a5g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reply-header[b-fh92gt7a5g] {
    display: flex;
    gap: 3px;
}
/* /Shared/CommentsArea.razor.rz.scp.css */
.comments-area .comments-list[b-ycw6h3r2so] {
    max-height: 200px;
    overflow-y: auto;
    flex: 1 1 auto;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

    .comments-area .comments-list .comment-details[b-ycw6h3r2so] {
        font-size: 14px;
        max-width: 48vw;
        word-wrap: break-word;
        text-overflow: ellipsis;
    }

        .comments-area .comments-list .comment-details .author-name[b-ycw6h3r2so] {
            font-weight: 600;
            color: #001431 !important;
        }

        .comments-area .comments-list .comment-details .comment-date[b-ycw6h3r2so] {
            font-weight: 400;
            color: #A7A7A7 !important;
        }

.comments-area .short-author-name .rounded-circle[b-ycw6h3r2so] {
    background-color: #EEEEEE;
    width: 40px;
    height: 40px;
    border: 1px solid #D4FFF6;
}

.comments-area .short-author-name span[b-ycw6h3r2so] {
    font-weight: 500;
    font-size: 15px;
    color: #1C2A4B;
}

.comments-area[b-ycw6h3r2so]  #commentsForm .form-group {
    margin-bottom: 8px !important;
}

.comments-area[b-ycw6h3r2so]  #commentsForm textarea {
    font-size: 14px !important;
    border-color: #DFE1E6 !important;
    border-radius: 0 !important;
    min-height: 45px !important;
    height: 45px;
    line-height: 2.1 !important;
}

    .comments-area[b-ycw6h3r2so]  #commentsForm textarea:focus {
        border-color: #808080 !important;
        box-shadow: none !important;
    }

.comments-area #commentsForm .comments-protip[b-ycw6h3r2so] {
    font-size: 11px;
    color: #808080 !important;
}

    .comments-area #commentsForm .comments-protip .protip-bold[b-ycw6h3r2so] {
        font-weight: 700;
    }

.comments-area #commentsForm .comments-form-actions[b-ycw6h3r2so] {
    column-gap: 12px;
}

.comments-area .comments-list .comment-details .comment-action[b-ycw6h3r2so] {
    font-weight: 600;
    font-size: 12px;
    color: #A7A7A7 !important;
    cursor: pointer;
    text-decoration: none;
}

.comments-input[b-ycw6h3r2so] {
    position: relative;
}

    .comments-input[b-ycw6h3r2so]  input {
        display: flex;
        padding: 3px 13px;
        align-items: center;
        gap: 100px;
        flex: 1 0 0;
        border-radius: 100px;
        background: var(--Very-light-grey, #F1F1F1);
        height: 42px;
    }

    .comments-input[b-ycw6h3r2so]  button {
        position: absolute;
        border: none;
        background: none;
        top: 0px;
        right: -8px;
    }

.comments-form-container[b-ycw6h3r2so] {
    display: flex;
    padding: 16px 20px;
    align-items: center;
    gap: 23px;
    align-self: stretch;
    border-top: 1px solid var(--Very-light-grey, #F1F1F1);
}

.comments-input[b-ycw6h3r2so] .form-control:focus {
    color: #212529;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.comments-area[b-ycw6h3r2so] .comment-mention {
    color: var(--Accent, #03DBB4);
    font-weight: 600;
}

.mention-item.selected[b-ycw6h3r2so] {
    background-color: #e0e0e0;
}

.mention-highlight[b-ycw6h3r2so] {
    background-color: yellow;
    color: black;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: bold;
}
.editor[b-ycw6h3r2so]  .ql-editor {
    padding: 12px 46px 12px 12px;
    max-width: 48vw;
    word-wrap: break-word;
    text-overflow: ellipsis;
    color: #212529;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    line-break: anywhere;
}

.editor[b-ycw6h3r2so]  .quill-editor {
/*    min-height: 35px;*/
/*    border-radius: 100px;*/
    background: var(--Very-light-grey, #F1F1F1);
/*    height: 42px;*/
}
/* /Shared/DateFilter.razor.rz.scp.css */

.badges-search[b-mizpotnwag] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.search-container[b-mizpotnwag] {
    width: 300px;
}

.search-bar-container[b-mizpotnwag]  .page-search-bar {
    margin: 0px !important;
}

.chips-filter[b-mizpotnwag] {
    display: flex;
    gap: 12px;
}

    .chips-filter[b-mizpotnwag]  .badge {
        display: flex;
        padding: 8px 16px 8px 16px;
        align-items: center;
        border-radius: 100px;
        cursor: pointer;
        line-height: 1;
        color: var(--Contrast, #001431);
        font-size: 12px !important;
        font-style: normal;
        font-weight: 600 !important;
        width: fit-content;
        background: var(--Blue-grey, #F7F8F9);
    }

        .chips-filter[b-mizpotnwag]  .badge.selected {
            background: var(--Light-green, #ECFAF7) !important;
        }


.badges-search[b-mizpotnwag]  input {
    margin-right: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--Contrast, #001431);
    background: var(--Blue-grey, #F7F8F9) !important;
    border: none;
    padding: 5px 15px !important;
    width: fit-content;
    min-width: 170px;
    cursor: pointer;
    user-select: none;
    border-radius: 50rem !important;
    line-height: normal;
    text-align: center;
}

    .badges-search[b-mizpotnwag]  input.selected {
        background: var(--Light-green, #ECFAF7) !important;
    }

    .badges-search[b-mizpotnwag]  input::placeholder {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: var(--secondary-color) !important;
    }



.chips-filter[b-mizpotnwag]  .daterangepicker .drp-calendar {
    max-width: 50%;
    width: 50%;
}

.chips-filter[b-mizpotnwag]  .range-btn {
    background: #3333330a;
}
/* /Shared/GenericChart.razor.rz.scp.css */
.creators-charts[b-265uizjb22] {
    width: 100%;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    border: 1px solid var(--Light-grey, #E5E5E5);
    padding: 12px 24px 16px 24px;
    gap: 12px;
}



    .creators-charts .chart-header[b-265uizjb22] {
        color: #000;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

        .creators-charts .chart-header span[b-265uizjb22] {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
        }

.loading-container[b-265uizjb22] {
    position: relative;
    border-radius: 12px;
    background: var(--Surface, #FFF);
    border: 1px solid var(--Light-grey, #E5E5E5);
    min-height: 200px;
}
/* /Shared/HashtagsFilter.razor.rz.scp.css */
.tags-filter[b-2vdep8gmzv] {
    width: 100%;
    position: relative;
}

    .tags-filter i[b-2vdep8gmzv] {
        position: absolute;
        top: 13px;
        right: 13px;
    }

        .tags-filter i.search-icon[b-2vdep8gmzv] {
            color: #A7A7A7 !important;
        }

        .tags-filter i.close-icon[b-2vdep8gmzv] {
            cursor: pointer;
            color: #001431 !important;
            font-size: 16px !important;
        }

    .tags-filter[b-2vdep8gmzv]  .b-is-autocomplete {
        border-radius: 50rem !important;
        min-height: 40px !important;
    }
/* /Shared/Loading.razor.rz.scp.css */
.parent[b-rnzteefa6o] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgb(255 255 255 / 80%);
}

.hide[b-rnzteefa6o] {
    display: none;
}

.spinner[b-rnzteefa6o] {
    position: absolute;
    top: calc(50% - 21px);
    left: calc(50% - 18px);
    border: var(--border-width) solid rgba(0, 0, 0, 0.1);
    border-left-color: #03dbb4;
    border-radius: 50%;
    width: var(--dimission);
    height: var(--dimission);
    animation: spin-b-rnzteefa6o 1s linear infinite;
}

@keyframes spin-b-rnzteefa6o {
    to {
        transform: rotate(360deg);
    }
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
.primary-color[b-ao4ewd0ii8] {
    color: var(--primary-color);
}

.logout-row[b-ao4ewd0ii8] {
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
}

    .logout-row:hover[b-ao4ewd0ii8] {
        background-color: #00143112;
        text-decoration: none !important;
    }

    .logout-row:last-child[b-ao4ewd0ii8] {
        border-bottom: none;
    }


    .logout-row svg[b-ao4ewd0ii8] {
        margin-left: 10px;
    }
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-w6z9hsne8o] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-w6z9hsne8o] {
    /* background-color: var(--secondary-color); */
}

.top-row[b-w6z9hsne8o] {
    background-color: #fff;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    color: white !important;
    font-weight: 600;
    z-index: 100;
    background: transparent;
}

    .top-row[b-w6z9hsne8o]  a, .top-row[b-w6z9hsne8o]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: white !important;
        font-weight: 500;
    }

        .top-row[b-w6z9hsne8o]  a:hover, .top-row[b-w6z9hsne8o]  .btn-link:hover {
            text-decoration: underline;
            color: var(--secondary-color) !important;
        }

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

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

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

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

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

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

    .top-row[b-w6z9hsne8o] {
        position: sticky;
        top: 0;
    }

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

    .top-row[b-w6z9hsne8o], article[b-w6z9hsne8o] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MultiSelectFilter.razor.rz.scp.css */
.filter-component[b-sr94w75oe1] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 10px 16px;
    flex-wrap: wrap;
}

    .filter-component[b-sr94w75oe1]  .dropdown-toggle {
        display: flex;
        padding: 8px 16px 8px 20px;
        align-items: center;
        border-radius: 100px;
        cursor: pointer;
        line-height: 1;
        color: var(--Contrast, #001431);
        font-size: 12px !important;
        font-style: normal;
        font-weight: 600 !important;
        width: fit-content;
        background: var(--Blue-grey, #F7F8F9);
    }

    .filter-component[b-sr94w75oe1]  .selected .dropdown-toggle {
        background: var(--Light-green, #ECFAF7);
    }

    .filter-component[b-sr94w75oe1]  .badge {
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid var(--Light-grey, #E5E5E5);
        width: fit-content;
        color: var(--Contrast, #001431);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 400;
        line-height: 1;
        font-size: 12px !important;
    }

    .filter-component[b-sr94w75oe1]  .badge-btn {
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
    }

    .filter-component[b-sr94w75oe1]  .dropdown-menu.show {
        border-radius: 12px;
        background: var(--Surface, #FFF);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.12);
        max-height: 200px;
        overflow: scroll;
        z-index: 100000000;
    }

    .filter-component[b-sr94w75oe1]  .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-o2xf76mwnw] {
    background-color: rgba(255, 255, 255, 0.1);
}

    .top-row[b-o2xf76mwnw] {
        height: 3.5rem;
    }

    .navbar-brand[b-o2xf76mwnw] {
        font-size: 1.1rem;
    }

    .navbar-brand img[b-o2xf76mwnw] {
        width: 127px;
        height: 40px;
    }

    .oi[b-o2xf76mwnw] {
        width: 1.65rem;
        font-size: 1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-o2xf76mwnw] {
    padding-bottom: 0.5rem;
    cursor: pointer !important;
    user-select: none;
}

    .nav-item:last-of-type[b-o2xf76mwnw] {
        padding-bottom: 2rem;
    }

    .nav-item[b-o2xf76mwnw]  a {
        color: var(--Contrast, #001431);
        font-size: 12px !important;
        font-weight: 400 !important;
        border-radius: 4px;
        height: 35px;
        display: flex;
        align-items: center;
        column-gap: 12px;
        padding: .5rem .5rem !important;
    }

        .nav-item[b-o2xf76mwnw]  a.active {
            color: var(--Contrast, #001431);
            font-feature-settings: 'clig' off, 'liga' off;
            font-size: 12px;
            font-weight: 700 !important;
            background: #00143112;
        }

        .nav-item[b-o2xf76mwnw]  a:hover {
            background: #00143112;
        }

@media (min-width: 641px) {
    .navbar-toggler[b-o2xf76mwnw] {
        display: none;
    }

    .collapse[b-o2xf76mwnw] {
        display: block;
    }
}
.custom-nav[b-o2xf76mwnw] {
/*    margin-top: 25px !important;*/
}
.nav-container[b-o2xf76mwnw] {
    height: calc(100vh - 56px);
}

    .nav-container .flex-column[b-o2xf76mwnw] {
        overflow-y: auto;
        height: 95%;
    }

    .nav-item i[b-o2xf76mwnw] {
        padding-right: 10px;
    }

.menu-icon[b-o2xf76mwnw] {
    width: 16px;
}

.nav-link.home.active .menu-icon[b-o2xf76mwnw] {
    width: 18px;
}

.nav-link.home span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6.00001L8 1.33334L14 6.00001V13.3333C14 13.687 13.8595 14.0261 13.6095 14.2762C13.3594 14.5262 13.0203 14.6667 12.6667 14.6667H3.33333C2.97971 14.6667 2.64057 14.5262 2.39052 14.2762C2.14048 14.0261 2 13.687 2 13.3333V6.00001Z" stroke="%23001431" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 14.6667V8H10V14.6667" stroke="%23001431" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.nav-link.home.active span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6.00001L8 1.33334L14 6.00001V13.3333C14 13.687 13.8595 14.0261 13.6095 14.2762C13.3594 14.5262 13.0203 14.6667 12.6667 14.6667H3.33333C2.97971 14.6667 2.64057 14.5262 2.39052 14.2762C2.14048 14.0261 2 13.687 2 13.3333V6.00001Z" stroke="%23001431" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 14.6667V8H10V14.6667" stroke="%23001431" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.nav-link.persona-moderation span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3332 14V12.6667C11.3332 11.9594 11.0522 11.2811 10.5521 10.781C10.052 10.281 9.37375 10 8.6665 10H3.33317C2.62593 10 1.94765 10.281 1.44755 10.781C0.947456 11.2811 0.666504 11.9594 0.666504 12.6667V14" stroke="%23001431" stroke-linejoin="round"/><path d="M6.00016 7.33333C7.47292 7.33333 8.66683 6.13943 8.66683 4.66667C8.66683 3.19391 7.47292 2 6.00016 2C4.5274 2 3.3335 3.19391 3.3335 4.66667C3.3335 6.13943 4.5274 7.33333 6.00016 7.33333Z" stroke="%23001431" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.3335 14V12.6667C15.3331 12.0758 15.1364 11.5019 14.7744 11.0349C14.4124 10.5679 13.9056 10.2344 13.3335 10.0867" stroke="%23001431" stroke-linejoin="round"/><path d="M10.6665 2.08667C11.2401 2.23354 11.7485 2.56714 12.1116 3.03488C12.4747 3.50262 12.6717 4.07789 12.6717 4.67C12.6717 5.26212 12.4747 5.83739 12.1116 6.30513C11.7485 6.77287 11.2401 7.10647 10.6665 7.25334" stroke="%23001431" stroke-linejoin="round"/></svg>');
}

.nav-link.persona-moderation.active span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3332 14V12.6667C11.3332 11.9594 11.0522 11.2811 10.5521 10.781C10.052 10.281 9.37375 10 8.6665 10H3.33317C2.62593 10 1.94765 10.281 1.44755 10.781C0.947456 11.2811 0.666504 11.9594 0.666504 12.6667V14" stroke="%23001431" stroke-width="2" stroke-linejoin="round"/><path d="M6.00016 7.33333C7.47292 7.33333 8.66683 6.13943 8.66683 4.66667C8.66683 3.19391 7.47292 2 6.00016 2C4.5274 2 3.3335 3.19391 3.3335 4.66667C3.3335 6.13943 4.5274 7.33333 6.00016 7.33333Z" stroke="%23001431" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.3335 14V12.6667C15.3331 12.0758 15.1364 11.5019 14.7744 11.0349C14.4124 10.5679 13.9056 10.2344 13.3335 10.0867" stroke="%23001431" stroke-width="2" stroke-linejoin="round"/><path d="M10.6665 2.08667C11.2401 2.23354 11.7485 2.56714 12.1116 3.03488C12.4747 3.50262 12.6717 4.07789 12.6717 4.67C12.6717 5.26212 12.4747 5.83739 12.1116 6.30513C11.7485 6.77287 11.2401 7.10647 10.6665 7.25334" stroke="%23001431" stroke-width="2" stroke-linejoin="round"/></svg>');
}

.nav-link.content-moderation span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.5" width="12" height="9" rx="1.5" stroke="%23001431"/><path d="M3 8V14C3 15.1046 3.89543 16 5 16H15.5" stroke="%23001431"/><path d="M13.0383 9.30961L10.4932 10.9503C10.2772 11.0894 10 10.9209 10 10.6405V7.35922C10 7.07925 10.2768 6.91039 10.4932 7.04993L13.0383 8.69058C13.0874 8.72175 13.1282 8.76679 13.1566 8.82115C13.185 8.8755 13.2 8.93724 13.2 9.0001C13.2 9.06295 13.185 9.12469 13.1566 9.17905C13.1282 9.2334 13.0874 9.27845 13.0383 9.30961V9.30961Z" fill="%23001431"/></svg>');
}

.nav-link.content-moderation.active span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.5" width="12" height="9" rx="1.5" stroke="%23001431" stroke-width="2"/><path d="M3 8V14C3 15.1046 3.89543 16 5 16H15.5" stroke="%23001431" stroke-width="2"/><path d="M13.0383 9.30961L10.4932 10.9503C10.2772 11.0894 10 10.9209 10 10.6405V7.35922C10 7.07925 10.2768 6.91039 10.4932 7.04993L13.0383 8.69058C13.0874 8.72175 13.1282 8.76679 13.1566 8.82115C13.185 8.8755 13.2 8.93724 13.2 9.0001C13.2 9.06295 13.185 9.12469 13.1566 9.17905C13.1282 9.2334 13.0874 9.27845 13.0383 9.30961V9.30961Z" fill="%23001431"/></svg>');
}

.nav-link.finance span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.3335" y="2.66666" width="13.3333" height="10.6667" rx="2" stroke="%23001431"/><line x1="1.3335" y1="6.16656" x2="14.6668" y2="6.16656" stroke="%23001431"/></svg>');
}

.nav-link.finance.active span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.3335" y="2.66666" width="13.3333" height="10.6667" rx="2" stroke="%23001431" stroke-width="2"/><line x1="1.3335" y1="6.16656" x2="14.6668" y2="6.16656" stroke="%23001431" stroke-width="2"/></svg>');
}


.nav-link.business span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12.6667V6" stroke="%23001431" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12.6667V6" stroke="%23001431" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 12.6667V7.33333V2" stroke="%23001431" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 12.6667V10" stroke="%23001431" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.nav-link.business.active span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12.6667V6" stroke="%23001431" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12.6667V6" stroke="%23001431" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 12.6667V7.33333V2" stroke="%23001431" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 12.6667V10" stroke="%23001431" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.nav-link.settings span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7.5" cy="5" r="1.5" stroke="%23001431"/><circle cx="7.5" cy="15" r="1.5" stroke="%23001431"/><circle cx="12.5" cy="10" r="1.5" stroke="%23001431"/><line x1="3" y1="5" x2="6" y2="5" stroke="%23001431"/><line x1="3" y1="15" x2="6" y2="15" stroke="%23001431"/><line x1="3" y1="10" x2="11" y2="10" stroke="%23001431"/><line x1="9" y1="5" x2="17" y2="5" stroke="%23001431"/><line x1="9" y1="15" x2="17" y2="15" stroke="%23001431"/><line x1="14" y1="10" x2="17" y2="10" stroke="%23001431"/></svg>');
}

.nav-link.settings.active span[b-o2xf76mwnw] {
    content: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7.5" cy="5" r="1.5" stroke="%23001431" stroke-width="2"/><circle cx="7.5" cy="15" r="1.5" stroke="%23001431" stroke-width="2"/><circle cx="12.5" cy="10" r="1.5" stroke="%23001431" stroke-width="2"/><line x1="3" y1="5" x2="6" y2="5" stroke="%23001431" stroke-width="2"/><line x1="3" y1="15" x2="6" y2="15" stroke="%23001431" stroke-width="2"/><line x1="3" y1="10" x2="11" y2="10" stroke="%23001431" stroke-width="2"/><line x1="9" y1="5" x2="17" y2="5" stroke="%23001431" stroke-width="2"/><line x1="9" y1="15" x2="17" y2="15" stroke="%23001431" stroke-width="2"/><line x1="14" y1="10" x2="17" y2="10" stroke="%23001431" stroke-width="2"/></svg>');
}

.nav-item[b-o2xf76mwnw]  a.sub-1 {
    padding-left: 28px !important;
}

.nav-item[b-o2xf76mwnw]  a.sub-2 {
    padding-left: 42px !important;
}

.nav-item[b-o2xf76mwnw]  a.sub-3 {
    padding-left: 62px !important;
}

.nav-item[b-o2xf76mwnw]  a.long-text {
    height: 45px !important;
}

.nav-item[b-o2xf76mwnw]  i {
    color: #001431 !important;
    font-size: 12px !important;
    width: 16px !important;
}

.nav-item.w-bold[b-o2xf76mwnw] {
    font-weight: 500 !important;
}
/* /Shared/Notifications.razor.rz.scp.css */
.notifications-dropdown-toggle[b-a8ecuawtqc] {
    position: relative;
}

    .notifications-dropdown-toggle .unread-notifications-badge[b-a8ecuawtqc] {
        width: 16px;
        height: 16px;
        background: red;
        border-radius: 50%;
        color: white;
        position: absolute;
        top: 4px;
        right: 2px;
        font-size: 10px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
    }

[b-a8ecuawtqc] .notifications-dropdown-menu.dropdown-menu {
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.12) !important;
    border-radius: 12px !important;
    border: 0 !important;
}

.notifications[b-a8ecuawtqc] {
    font-weight: 400;
    padding: 20px;
    color: #001431 !important;
    font-size: 14px;
    width: 450px;
}

    .notifications .notifications-header[b-a8ecuawtqc] {
        padding-bottom: 10px;
        border-bottom: 1px solid #E5E5E5;
    }

    .notifications .notifications-count[b-a8ecuawtqc] {
        gap: 5px;
    }

    .notifications .notifications-count .text[b-a8ecuawtqc] {
        font-size: 20px;
        font-weight: 600;
    }

    .notifications .notifications-count .count[b-a8ecuawtqc] {
        font-size: 16px;
        height: 22px;
    }

    .notifications .notifications-list[b-a8ecuawtqc] {
        max-height: 350px;
        overflow-y: scroll;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        overflow-x: hidden;
    }

        .notifications .notifications-list .notification-time[b-a8ecuawtqc] {
            color: #A7A7A7;
        }

        .notifications .notifications-list .notification-details[b-a8ecuawtqc] {
            display: flex;
            gap: 8px;
            padding: 10px 0;
/*            cursor: pointer;*/
        }

        .notifications .notifications-list .notification-details:hover[b-a8ecuawtqc] {
            background-color: #F7F8F9;
        }

        .notifications .notifications-list .notification-details .unread-notification[b-a8ecuawtqc] {
            margin-left: auto;
            margin-right: 18px;
            align-self: center;
        }

        .notifications .notifications-list .notification-details .unread-icon[b-a8ecuawtqc] {
            width: 6px;
            height: 7px;
            background: url('data:image/svg+xml,<svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="3" cy="3.5" r="3" fill="%2300BAFF"/></svg>') no-repeat;
        }

        .notifications .notifications-list .notification-details:hover .unread-icon[b-a8ecuawtqc] {
            margin-right: -8px;
            width: 20px;
            height: 21px;
            background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10.5" r="3" fill="%2300BAFF"/><path d="M19.5 10.5C19.5 15.7467 15.2467 20 10 20C4.75329 20 0.5 15.7467 0.5 10.5C0.5 5.25329 4.75329 1 10 1C15.2467 1 19.5 5.25329 19.5 10.5Z" stroke="%23E5E5E5"/></svg>') no-repeat;
        }

    .notifications .notifications-footer[b-a8ecuawtqc] {
        display: flex;
        justify-content: space-between;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        padding-top: 20px;
    }

        .notifications .notifications-footer a[b-a8ecuawtqc] {
            margin-left: 0 !important;
            color: var(--primary-color) !important;
            cursor: pointer;
            text-decoration: none !important;
        }

.notification-message[b-a8ecuawtqc] {
    line-break: anywhere;
}

[b-a8ecuawtqc] .comment-mention {
    color: var(--complementary, #00BAFF);
    font-size: 14px;
    font-weight: 400;
    padding-right: 4px;
}

.notification-comment[b-a8ecuawtqc] {
    padding: 4px 8px;
    border-radius: 5px;
    border: 1px solid var(--Light-grey, #E5E5E5);
    margin-top: 8px;
    line-break: auto;
    white-space: pre-line;
}
.actor-profile-picture[b-a8ecuawtqc]  .avatar {
    margin-right: 0px !important;
}
.view-details-link[b-a8ecuawtqc] {
    padding: 0px !important;
    border: none;
    color: var(--Accent, #03DBB4);
    font-size: 13px;
    font-weight: 600;
}
/* /Shared/ProfilePic.razor.rz.scp.css */
.avatar[b-s3keeu6sx9] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #001431;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid var(--Mid-green, #D4FFF6);
    margin-right: 10px;
}
/* /Shared/RoleFilter.razor.rz.scp.css */
.role-filter[b-ur058ijbs8] {
    width: 100%;
    position: relative;
}

    .role-filter i[b-ur058ijbs8] {
        position: absolute;
        top: 13px;
        right: 13px;
    }

        .role-filter i.search-icon[b-ur058ijbs8] {
            color: #A7A7A7 !important;
        }

        .role-filter i.close-icon[b-ur058ijbs8] {
            cursor: pointer;
            color: #001431 !important;
            font-size: 16px !important;
        }


    .role-filter[b-ur058ijbs8]  .b-is-autocomplete.b-is-autocomplete-multipleselection {
        gap: 6px;
        padding-top: 6px !important;
    }
/* /Shared/SearchBar.razor.rz.scp.css */
.page-search-bar[b-lrziwm17ot] {
    width: 100%;
    max-width: 355px;
}

    .page-search-bar input.search-bar[b-lrziwm17ot] {
        height: 40px !important;
        border: 1px solid #E5E5E5 !important;
        font-size: 14px !important;
        padding-left: 20px !important;
    }

        .page-search-bar input.search-bar:focus[b-lrziwm17ot], .page-search-bar input.search-bar.show-x[b-lrziwm17ot] {
            box-shadow: none !important;
            border-color: #001431 !important;
        }

    .page-search-bar .search-btn[b-lrziwm17ot] {
        margin-left: -45px !important;
        height: 40px !important;
    }

        .page-search-bar .search-btn i[b-lrziwm17ot] {
            color: #A7A7A7 !important;
        }

        .page-search-bar .search-btn.show[b-lrziwm17ot] {
            z-index: 5 !important;
        }

        .page-search-bar .search-btn.hide[b-lrziwm17ot] {
            z-index: -1 !important;
        }

    .page-search-bar input.search-bar.show-x[b-lrziwm17ot]::-webkit-search-cancel-button {
        opacity: 1 !important;
    }

    .page-search-bar input.search-bar.hide-x[b-lrziwm17ot]::-webkit-search-cancel-button {
        opacity: 0 !important;
    }
/* /Shared/TagsFilter.razor.rz.scp.css */
.tags-filter[b-82i48sddvy] {
    width: 100%;
    position: relative;
    max-width: 400PX;
}

    .tags-filter i[b-82i48sddvy] {
        position: absolute;
        top: 13px;
        right: 13px;
    }

        .tags-filter i.search-icon[b-82i48sddvy] {
            color: #A7A7A7 !important;
        }

        .tags-filter i.close-icon[b-82i48sddvy] {
            cursor: pointer;
            color: #001431 !important;
            font-size: 16px !important;
        }

    .tags-filter[b-82i48sddvy]  .b-is-autocomplete {
        border-radius: 50rem !important;
        min-height: 40px !important;
    }
/* /Shared/Toast.razor.rz.scp.css */
.toast[b-mzpy7ftyu9] {
    display: none;
    color: #fff;
    width: 331px;
    height: 70px;
    padding: 5px 17px 5px 17px;
    border-radius: 10px;
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 9999999;
    overflow: hidden;
}

.toast-icon[b-mzpy7ftyu9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 14px;
}

.toast-body[b-mzpy7ftyu9] {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 75%;
}
    .toast-body h5[b-mzpy7ftyu9] {
        font-size: 15px;
        font-weight: 600;
        margin: 0px;
        padding:0px;
    }

    .toast-body p[b-mzpy7ftyu9] {
        font-size: 13px;
        font-weight: 400;
        margin: 0px;
        padding: 0px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        max-height: calc(2em* 1);
    }

.toast-visible[b-mzpy7ftyu9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    animation: slidein-b-mzpy7ftyu9 .5s;
}

@keyframes slidein-b-mzpy7ftyu9 {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}


.success[b-mzpy7ftyu9] {
    background: #03DBB4;
}
.danger[b-mzpy7ftyu9] {
    background: #D93C3C
}
/* /Shared/UserStatus.razor.rz.scp.css */
.status[b-jzcdvpi5n0] {
    display: flex;
    padding: 2px 5px;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    background: var(--blue-grey, #F6F7F8);
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
}
.Approved[b-jzcdvpi5n0] {
    background: var(--complementary, #00BAFF);
}
.Pending[b-jzcdvpi5n0] {
    background: var(--Orange, #FF7C03);
}
.Rejected[b-jzcdvpi5n0] {
    background: var(--Red, #D93C3C);
}
.Blocked[b-jzcdvpi5n0] {
    background: #D9518A;
}
.Locked[b-jzcdvpi5n0] {
    background: #3CC6D9;
}
.Deleted[b-jzcdvpi5n0] {
    background: #A7A7A7;
    font-size: 10px;
}
.InComplete[b-jzcdvpi5n0] {
    background: #9747FF;
}