.main-con[data-v-c023fe06] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 300px 20px 70px 80px;
}
.main-con.sidebar-pad[data-v-c023fe06] {
    padding-right: 340px;
}
.a-card[data-v-c023fe06] {
    margin: 0 0.7%;
}
.titlebar-con[data-v-c023fe06]{
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding-right: 20px;
}
.titlebar-con.sidebar-pad[data-v-c023fe06] {
    padding-right: 334px;
}
.titlebar[data-v-c023fe06] {
    padding: 20px 20px 0 100px;
}
.titlebar h5[data-v-c023fe06] {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.26px;
    color: #000000DE;
    margin-bottom: 2px;
}
.titlebar span[data-v-c023fe06] {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.21px;
    color: #300030;
}
.titlebar .change-date-btn[data-v-c023fe06] {
    color: #480048;
    text-decoration: underline;
    font-size: 12px;
}
.titlebar .change-date-btn img[data-v-c023fe06] {
    top: -1px;
}
.titlebar-btm[data-v-c023fe06] {
    padding-left: 80px;
}
.titlebar-counter[data-v-c023fe06] {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
}
.titlebar-counter b[data-v-c023fe06] {
    color: #480048;
}
.side-graph-con[data-v-c023fe06] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 88px 0 38px 20px;
    display: block;
    height: 100vh;
    width: 323px;
    position: fixed;
    text-align: left;
    right: -323px;
    top: 0;
    z-index: 3;
}
.side-graph-con.show[data-v-c023fe06] {
    right: 0;
}
.side-graph-con h5[data-v-c023fe06] {
    font-size: 24px;
    font-weight: 500;
    color: #515365;
    margin-bottom: 0;
}
.side-graph-con .filter-graph-btn[data-v-c023fe06] {
    color: #300030;
    font-size: 12px;
    text-decoration: underline;
}
.side-graph-con .filter-graph-btn i[data-v-c023fe06] {
    font-size: 14px;
    margin-left: 5px;
}
.side-graph-con .graph-item[data-v-c023fe06] {
    font-size: 12px;
    margin-bottom: 19px;
}
.side-graph-con .top-researcher-name[data-v-c023fe06] {
    width: 68%;
}
.side-graph-con .graph-con[data-v-c023fe06] {
    overflow-y: auto;
    padding-right: 38px;
    height: calc(100vh - 188px);
}
.font-weight-medium[data-v-c023fe06] {
    font-weight: 500 !important;
}
.text-some-grey[data-v-c023fe06] {
    color: #515365 !important;
}
.main-con table tr[data-v-c023fe06] {
    font-size: 12px;
}
.main-con table thead tr[data-v-c023fe06] {
    background: #53606D26;
    /* border-bottom: 2px solid rgb(214, 214, 216); */
    color: #202229;
    font-size: 11px;
}
.main-con table thead th[data-v-c023fe06] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
    white-space: nowrap;
}
.main-con table tbody tr[data-v-c023fe06] {
    font-weight: bold;
    border-bottom: 2px solid #F5F6FA;
}
.main-con table tbody .researcher-own-payment-accounts[data-v-c023fe06] {
    max-height: 0;
    overflow: hidden;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.main-con table tbody .researcher-own-payment-accounts .border-bottom[data-v-c023fe06] {
    border-bottom: 2px solid #F5F6FA !important;
}
.table-scroll .researcher-own-payment-accounts.show[data-v-c023fe06] {
    max-height: 500px;
}
.researcher-own-payment-accounts img[data-v-c023fe06] {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}
.researcher-own-payment-accounts label[data-v-c023fe06] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #515365;
    font-weight: 400 !important;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.main-con table tbody:last-child tr[data-v-c023fe06] {
    border-bottom: none;
}
.main-con table tfoot tr[data-v-c023fe06] {
    background: #53606D26;
}
.main-con table tfoot th[data-v-c023fe06] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.main-con table tfoot th.bigger-font[data-v-c023fe06] {
    font-size: 14px;
}
.main-con table tr td .r-name[data-v-c023fe06] {
    top: 2.5px;
}
.table-scroll[data-v-c023fe06]{
    width:100%;
    display: block;
    empty-cells: show;
    background: #ffff;
}
.table-scroll thead[data-v-c023fe06],
.table-scroll tfoot[data-v-c023fe06]{
    position:relative;
    display: block;
    width:100%;
}
.table-scroll tbody[data-v-c023fe06]{
    display: block;
    position:relative;
    width:100%;
    max-height: calc(100vh - 336px);
    overflow-y:auto;
}
.table-scroll tr[data-v-c023fe06]{
    width: 100%;
    display: inline-block;
    border-top: 1px solid #ccc;
}
.table-scroll thead tr[data-v-c023fe06] {
    border: none;
}
.table-scroll tbody.loading[data-v-c023fe06] {
    opacity: .5;
}
.table-scroll > tbody > tr[data-v-c023fe06] {
    height: 42.22px;
}
.table-scroll td[data-v-c023fe06],.table-scroll th[data-v-c023fe06]{
    display: inline-block;
    word-break: break-word;
    padding: .6rem 7px;
    text-align:left;
}
.table-scroll td[data-v-c023fe06] {
    padding: .4rem 7px;
}
.table-scroll thead th[data-v-c023fe06],
.table-scroll tfoot th[data-v-c023fe06] {
    font-size: 11px;
}
.sorting-caret-con[data-v-c023fe06] {
    width: 9px;
    height: 9px;
}
.sorting-caret[data-v-c023fe06] {
    color: #53606D;
    font-size: 13px;
    position: absolute;
    left: 0;
    right: 0;
}
.sorting-caret-con .sorting-caret.top-caret[data-v-c023fe06] {
    bottom: 2px;
}
.sorting-caret-con .sorting-caret.bottom-caret[data-v-c023fe06] {
    top: 2px;
}
.color-purple[data-v-c023fe06] {
    color: #300030;
}
.color-purple2[data-v-c023fe06] {
    color: #480048;
}
.crep-calendar[data-v-c023fe06] {
    margin: 0 auto;
}
.crep-list-img[data-v-c023fe06] {
    width: 16px;
    height: 16px;
}
.campaign-close-action-con[data-v-c023fe06],
.export-action-con[data-v-c023fe06] {
    max-width: 43%;
}
.campaign-close-action-con .campaign-close-action[data-v-c023fe06],
.export-action-con img[data-v-c023fe06] {
    width: 100%;
    height: auto;
}
.filter-graph-close[data-v-c023fe06] {
    display: inline-block;
    position: absolute;
    right: 32px;
    top: -15px;
}
.search-field-con[data-v-c023fe06] {
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
    margin-right: -143px;
}
.search-field-con.show[data-v-c023fe06] {
    margin-right: 0;
}
#change-date-modal h5[data-v-c023fe06] {
    font-size: 22px;
    color: #806d6d;
    width: 275px;
}
#change-date-modal h5 span[data-v-c023fe06] {
    font-size: 14px;
}
#campaign-filter-modal .campaign-img[data-v-c023fe06],
#platform-filter-modal .campaign-img[data-v-c023fe06] {
    position: relative;
    top: -4px;
    height: 40px;
    width: 40px;
}
#campaign-filter-modal h5[data-v-c023fe06],
#platform-filter-modal h5[data-v-c023fe06] {
    font-size: 16px;
    color: #515365;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 83.7%;
}
#campaign-filter-modal h5 span[data-v-c023fe06],
#platform-filter-modal h5 span[data-v-c023fe06] {
    font-size: 12px;
}
#campaign-filter-modal .left-con[data-v-c023fe06],
#campaign-filter-modal .right-con[data-v-c023fe06],
#platform-filter-modal .left-con[data-v-c023fe06],
#platform-filter-modal .right-con[data-v-c023fe06] {
    max-width: 400px;
    height: 300px;
    overflow-y: auto;
}
.a-modal-seller-info-item[data-v-c023fe06] {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 15px 50px 13px;
    word-break: break-all;
    letter-spacing: 0.25px;
    border-radius: 4px;
    position: relative;
    text-align: left;
    color: #141517;
    font-size: 14px;
    min-height:68px;
    opacity: 1;
}
.a-modal-seller-info-item[data-v-c023fe06]:hover {
    background-color: #F5F5F5;
}
.a-modal-seller-info-item h5[data-v-c023fe06] {
    letter-spacing: 0.24px;
    font-weight: 500;
    color: #141517;
    font-size: 14px;
    margin:0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.a-modal-seller-info-item h5 span[data-v-c023fe06] {
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 5px;
    font-size: 12px;
    display: block;
}
.a-modal-seller-info-item i[data-v-c023fe06], .a-modal-seller-info-item img[data-v-c023fe06] {
    -webkit-transform:translateY(-50%);
    transform: translateY(-50%);
    position:absolute;
    font-size: 32px;
    left:15px;
    top:47%;
}
.a-modal-seller-info-item img[data-v-c023fe06] {
    width: 24px;
}
.a-modal-seller-info-item .remove-btn img[data-v-c023fe06] {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 0;
    left: initial;
    right: 15px;
    width: 24px;
}
.a-modal-seller-info-item:hover .remove-btn img[data-v-c023fe06] {
    opacity: 1;
}
.has-bullet-separator[data-v-c023fe06] {
    position: relative;
}
.has-bullet-separator[data-v-c023fe06]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    border-radius: 100%;
}
#exports-modal .campaign-img[data-v-c023fe06] {
    height: 40px;
    width: 40px;
}
#exports-modal p[data-v-c023fe06] {
    font-size: 12px;
    color: #515365;
}
#exports-modal .left-con[data-v-c023fe06],
#exports-modal .right-con[data-v-c023fe06] {
    max-width: 400px;
    height: 365px;
    overflow-y: auto;
}
#exports-modal .order-container[data-v-c023fe06] {
    min-height: 400px;
}
.draggable-item[data-v-c023fe06] {
    padding: 10px 20px;
    background: #601848;
    border-radius: 0 4px 4px 0;
    border-left: 4px solid #300030;
    margin-bottom: 10px;
    color: #fff;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    height: 39px;
    width: 100%;
}
.draggable-item.not-locked[data-v-c023fe06] {
    background: #bda7b7;
}
.draggable-item .action-con[data-v-c023fe06] {
    position: relative;
    top: -3px;
}
.draggable-item h4[data-v-c023fe06] {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: 0.24px;
}
.draggable-item .handle[data-v-c023fe06] {
    cursor: move;
}
.draggable-item .padlock[data-v-c023fe06] {
    /* user-drag: none; */
    -webkit-user-drag: none;
    cursor: pointer;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label[data-v-c023fe06]::before {
    background-color: rgb(130 117 145);
}
.gui-admin .custom-control-input:checked ~ .custom-control-label[data-v-c023fe06]::before {
    border-color: #827591;
}

/*
* ADMIN VARIATIONS
*/
.gui-admin .has-bullet-separator[data-v-c023fe06]::before {
    background: #480048;
}
/*
* END ADMIN VARIATIONS
*/
.pagination-footer[data-v-c023fe06] {
    background: #fff;
    position: fixed;
    padding: 10px 22px 0 80px;
    height: 60px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 4;
}
.footer-counter[data-v-c023fe06] {
    position: relative;
    margin-left: 27px;
    padding-left: 22px;
    top: -9px;
}
.footer-counter b[data-v-c023fe06] {
    color: #480048;
}
.footer-counter[data-v-c023fe06]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: #dde0e6;
}
.ui-type[data-v-c023fe06] {
    display: inline-block;
    border-radius: 4px;
    padding: 3px 8px;
    background: #9baaca;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
}
.ui-type.admin[data-v-c023fe06] {
    background: #a988a9;
}
.ui-type.verification[data-v-c023fe06] {
    background: #90bbeb;
}
.lid[data-v-c023fe06] {
    display: inline-block;
    border-radius: 4px;
    padding: 3px 6px;
    background-color: #3B5998;
    color: #ffffff;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.case[data-v-c023fe06] {
    display: inline-block;
    border-radius: 4px;
    padding: 3px 3px;
    background-color: #601848;
    color: #ffffff;
    font-weight: 500;
    font-size: 9px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.lid[data-v-c023fe06]:hover {
    background: #2D599E;
    color: #fff;
}
.lid.null[data-v-c023fe06] {
    background: #f1b1b3;
    color: #e36164;
}
.lid.null[data-v-c023fe06]:hover {
    background: #e36164;
    color: #fff;
}
.date-stamp[data-v-c023fe06] {
    display: inline-block;
    border-radius: 4px;
    padding: 3px 6px;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    color: #3E88DA;
    border: 1px solid #70707054;
}

/* .export-limit-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    font-size: 12px;
    font-weight: 500;
    padding: 10px 10px 10px 45px;
    height: calc(90% - 16px);
    color: #3e88da;
    background: #eef3ff;
    border: 1px solid #3e88da;
    border-radius: 5px;
    position: relative;
}

.export-limit-info i {
    top: 0;
    left: 0;
    padding: 10px 0px 0px 15px;
    position: absolute;
}

.export-limit-info p {
    margin-bottom: 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */
.filter-label-info[data-v-c023fe06] {
    font-size: 14px;
    display: block;
    width: 100%;
    clear: both;
    font-weight: bold;
    color: rgb(33, 37, 41);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    padding: 0.25rem 1rem;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    -o-border-image: initial;
       border-image: initial;
}
.toggle-switch[data-v-c023fe06] {
    width: 50px;
    height: 25px;
    background: #e1e1e1; 
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
.toggle-thumb[data-v-c023fe06] {
    width: 20px;
    height: 20px;
    background: #601848; 
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
[data-v-c023fe06] .toggle-switch.active {
    background: #cb99ba;
}
.toggle-switch.active .toggle-thumb[data-v-c023fe06] {
    left: 25px;
}
.show-all-purchasing-con[data-v-c023fe06]{
    background: #F6F7FB 0% 0% no-repeat padding-box;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
}
.show-all-purchasing-con.active[data-v-c023fe06]{
    border: 1px solid #601848;
}
.custom-checkbox[data-v-c023fe06] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    font-weight: bold;
    color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: 1px solid #AAACB7;
}
.custom-checkbox.checked[data-v-c023fe06] {
    background-color: #601848 !important;
    color: white !important;
}
.campaign-label[data-v-c023fe06] {
    pointer-events: none; 
    color: black !important;
}
.custom-dropdown[data-v-c023fe06] {
    max-height: 300px;  
    overflow-y: auto;    
    overflow-x: hidden !important; 
    scrollbar-width: none; 
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 1000;
}
.custom-dropdown[data-v-c023fe06]::-webkit-scrollbar {
    display: none;
}
.dropdown-menu[data-v-c023fe06] {
    pointer-events: auto !important;
}
.campaign-label[data-v-c023fe06] {
    pointer-events: none; 
    color: black !important;
}
.dropdown-menu.custom-dropdown[data-v-c023fe06] {
    max-width: 300px;
    overflow: hidden; 
    white-space: nowrap;
}
.dropdown-body[data-v-c023fe06] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-height: 250px;
    overflow-y: auto; 
    overflow-x: hidden !important;
    padding: 5px;
    background-color: white;
    width: 100%;
    min-width: 100%;
}
.dropdown-footer[data-v-c023fe06] {
    padding: 10px;
    border-top: 1px solid #ddd;
    background: white;
    position: sticky;
    bottom: 0;
}
.selected-item[data-v-c023fe06]{
    background-color: #8B5679;
    color: white;
}
.selected-item label[data-v-c023fe06] {
    color: white !important;
}
.cancel-btn[data-v-c023fe06]{
    cursor: pointer; 
    font-weight: 500;
}
.cancel-btn[data-v-c023fe06]:hover{
    opacity: 0.5;
}
.dropdown-item[data-v-c023fe06]:active {
    background-color: white !important; 
    -webkit-box-shadow: none !important; 
            box-shadow: none !important;
}
.selected-sub-item[data-v-c023fe06]{
    background-color: #F6F7FB;
    color: rgb(0, 0, 0);
}
.selected-sub-item label[data-v-c023fe06] {
    color: rgb(0, 0, 0) !important;
}
.status-icon-active[data-v-c023fe06]{
    width: 10px;
    height: 10px;
    background-color: #29A24F;
    border-radius: 50%;
    border: 1px solid #DE4A4D3B;
}
.status-icon-inactive[data-v-c023fe06]{
    width: 10px;
    height: 10px;
    background-color: #D23438AF;
    border-radius: 50%;
    border: 1px solid #D23438;
}
.status-icon-all-white[data-v-c023fe06]{
    width: 10px;
    height: 10px;
    background-color: #ffffff !important;
    border-radius: 50%;
    border: 1px solid #ffffff !important;
}
.status-icon-all-black[data-v-c023fe06]{
    width: 10px;
    height: 10px;
    background-color: #4b4b4b;
    border-radius: 50%;
    border: 1px solid #4b4b4b;
}
.process-items:hover img[data-v-c023fe06],
.process-items:active img[data-v-c023fe06] {
    -webkit-filter: brightness(0) saturate(100%) invert(12%) sepia(65%) saturate(354%) hue-rotate(293deg) brightness(87%) contrast(96%);
            filter: brightness(0) saturate(100%) invert(12%) sepia(65%) saturate(354%) hue-rotate(293deg) brightness(87%) contrast(96%);
}
.assign-recipients-con[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin-bottom: -50px;
    height: 520px;
    position: relative;
}
.assigned-recipients-con[data-v-c023fe06] {
    height: 500px;
    border-right: 1px solid #bcbcbc;   
    padding: 10px;
}
.add-new-recipient[data-v-c023fe06] {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}
.heading-details-header-con[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    border-bottom: 1px solid #e3e3e3;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 10px;
}
.assigned-recipients-list-con[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5px;
    margin-top: 10px;
    width: 100%;
    overflow-y: scroll;
    padding-right: 5px;
    height: 370px;
    overflow-x: hidden;
}
.assigned-recipient-card-details[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    width: 100%;
    height: 60px;
    padding: 0px 0px 0px 0px;
}
.assigned-recipient-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/recipient-user.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.recipient-detail-name[data-v-c023fe06] {
    font: normal normal bold 12px/21px Roboto;
    color: #515365;
    letter-spacing: 0.24px;
}
.recipient-detail-email[data-v-c023fe06] {
    font: normal normal normal 10px/13px Roboto;
    letter-spacing: 0.17px;
    color: #515365;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.assigned-recipient-card[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.assigned-recipient-card[data-v-c023fe06]:hover {
    background-color: #DC3C4030;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.assigned-recipient-card:hover .internal-external[data-v-c023fe06] {
    display: none;
}
.internal-external[data-v-c023fe06] {
    border-radius: 4px;
    width: 54px;
    height: 20px;
    font: normal normal bold 10px/21px Roboto;
    letter-spacing: -0.2px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-transform: uppercase;
}
.internal-recipient[data-v-c023fe06] {
    color: #601848;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    font: normal normal bold 10px/21px Roboto;
}
.external-recipient[data-v-c023fe06] {
    text-transform: uppercase;
    font: normal normal bold 10px/21px Roboto;
    letter-spacing: -0.2px;
    color: #DC3C40;
}
.assigned-recipient-card:hover .delete-recipient[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.assigned-recipient-card:hover .recipient-detail-name[data-v-c023fe06] {
    color: #601848;
}
.assigned-recipient-card:hover .recipient-detail-email[data-v-c023fe06] {
    color: #601848;
}
.assigned-superadmin-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/superadmin-user.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.assigned-lawfirm-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/lawfirm-user.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.assigned-client-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/client-user.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.assigned-recipient-card:hover .assigned-recipient-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/superadmin-user-active.svg") !important;
}
.assigned-recipient-card:hover .assigned-recipient-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/recipient-user-active.svg") !important;
}
.assigned-recipient-card:hover .assigned-superadmin-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/superadmin-user-active.svg") !important;
}
.assigned-recipient-card:hover .assigned-lawfirm-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/lawfirm-user-active.svg") !important;
}
.assigned-recipient-card:hover .assigned-client-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/client-user-active.svg") !important;
}
.delete-recipient[data-v-c023fe06] {
    display: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.delete-recipient[data-v-c023fe06]:hover {
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.register-recipient-con[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 50px;
    row-gap: 10px;
}
.register-recipient-field[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.recipient-name-email[data-v-c023fe06] {
    font: normal normal normal 14px/21px Roboto;
    font-weight: 500;
    letter-spacing: 0px;
    color: #383A3D;
}
.recipient-req[data-v-c023fe06] {
    background: #F5686C 0% 0% no-repeat padding-box;
    border: 1px solid #383A3D26;
    border-radius: 4px;
    font: normal normal normal 8px/21px Roboto;
    letter-spacing: 1px;
    color: #FFFFFF;
    height: 20px;
    padding: 0px 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.recipients-list-header[data-v-c023fe06] {
    font: normal normal bold 16px/21px Roboto;
    letter-spacing: 0px;
    color: #515365;
}
.recipients-list-sub[data-v-c023fe06] {
    font: normal normal normal 12px/16px Roboto;
    letter-spacing: 0px;
    color: #515365;
}
.recipients-list-con[data-v-c023fe06]{
    background: #F8F8F8 0% 0% no-repeat padding-box;
}
.recipients-list[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    height: 370px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px;
    margin-right: -10px;
}
.recipients-list-entry[data-v-c023fe06] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    padding: 5px; 
    width: 300px;
}
.assign-client-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/client-user.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.assign-lawfirm-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/lawfirm-user.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.assign-superadmin-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/superadmin-user.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.recipients-list-entry:hover .assign-client-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/client-user-active.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.recipients-list-entry:hover .assign-lawfirm-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/lawfirm-user-active.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.recipients-list-entry:hover .assign-superadmin-card-img[data-v-c023fe06] {
    background-image: url("/static/svg/weekly-reports/svg/superadmin-user-active.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.recipients-list-entry:hover .user-name[data-v-c023fe06], .recipients-list-entry:hover .user-email[data-v-c023fe06] {
    color: #601848;
}
.user-name[data-v-c023fe06] {
    font: normal normal bold 13px/16px Roboto;
    letter-spacing: 0.15px;
    color: #515365;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.user-email[data-v-c023fe06] {
    font: normal normal normal 11px/13px Roboto;
    letter-spacing: 0.17px;
    color: #515365;
}
.user-internal-external[data-v-c023fe06] {
    /* background: #c581af 0% 0% no-repeat padding-box; */
    border-radius: 4px;
    width: 54px;
    height: 20px;
    font: normal normal bold 10px/21px Roboto;
    letter-spacing: -0.2px;
    /* color: #601848; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-transform: uppercase;
}
.assign-recipients-btn[data-v-c023fe06] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}
.user-email-con[data-v-c023fe06] {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.item-name[data-v-c023fe06] {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lid_con[data-v-c023fe06]{
    background-color: #3B5998;
    color: #ffffff;
    border-radius: 4px;
    width: 55px;
    height: 13px;
    text-align: center;
    padding: 2px;
}
.filter-length-con[data-v-c023fe06]{
    border-radius: 50%;
    background-color: #601848;
    color: #FFFFFF;
    width: 22px;
    height: 22px;
    font-size: 8px;
    padding-top: 5px;
    padding-left: 2px;
}
.register-recipient-validation[data-v-c023fe06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5px;
    width: 250px;
}
.before-adding[data-v-c023fe06] {
    font: normal normal bold 16px/24px Roboto;
    letter-spacing: 0px;
    color: #601848;
}
.before-adding-content[data-v-c023fe06] {
    font: normal normal normal 16px/24px Roboto;
    letter-spacing: 0px;
}
.cancel-adding-recipient[data-v-c023fe06] {
    border: none !important;
    outline: none !important;
    background-color: #FFFFFF !important;
    text-decoration: underline;
    font: normal normal bold 14px/19px Roboto;
    letter-spacing: 1.25px;
    color: #383A3D;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.cancel-adding-recipient[data-v-c023fe06]:hover {
    background-color: #FFFFFF !important;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.col-md-1-5[data-v-c023fe06] {
    width: 12.5%;
}
.col-md-0-5[data-v-c023fe06] {
    width: 4.1667%;
}
.item-name[data-v-c023fe06] {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-container[data-v-c023fe06] {
    width: 290px;
    min-height: 100px;
    max-height: 400px;
    height: auto; 
    border: 1px solid #5152652C;
    border-radius: 16px;
    overflow-y: auto; 
    overflow-x: hidden;
}
.selected-filter-con[data-v-c023fe06] {
    width: 70px;
    height: 20px;
    border: 1px solid #383A3D26;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 4px; 
    overflow: hidden;
}
.selected-filter-campaign-con[data-v-c023fe06] {
    width: 110px;
    height: 20px;
    border: 1px solid #383A3D26;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 4px; 
    overflow: hidden;
}
.selected-filter-text[data-v-c023fe06] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; 
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
}
.chip-scroll-container[data-v-c023fe06] {
    max-height: 30px; 
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
}