.main-con[data-v-ea6d08b2] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 215px 20px 10px 80px;
}
.main-con.sidebar-pad[data-v-ea6d08b2] {
    padding-right: 340px;
}
.a-card[data-v-ea6d08b2] {
    margin: 0 0.7%;
}
.titlebar-con[data-v-ea6d08b2]{
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding-right: 20px;
}
.titlebar-con.sidebar-pad[data-v-ea6d08b2] {
    padding-right: 334px;
}
.titlebar[data-v-ea6d08b2] {
    padding: 20px 20px 0 89px;
}
.titlebar h5[data-v-ea6d08b2] {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.26px;
    color: #000000DE;
    margin-bottom: 2px;
}
.titlebar span[data-v-ea6d08b2] {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.21px;
    color: #300030;
}
.titlebar .change-date-btn[data-v-ea6d08b2] {
    color: #480048;
    text-decoration: underline;
    font-size: 12px;
}
.titlebar .change-date-btn img[data-v-ea6d08b2] {
    top: -1px;
}
.titlebar-btm[data-v-ea6d08b2] {
    padding-left: 80px;
}
.titlebar-counter[data-v-ea6d08b2] {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
}
.titlebar-counter b[data-v-ea6d08b2] {
    color: #480048;
}
.titlebar-icon[data-v-ea6d08b2] {
    width: 32px;
    height: 32px;
    margin-right: 15px;
}

/* .filter-bar {
    padding-left: 19px;
    height: 48px;
    margin-left: 82px !important;
    width: calc(100% - 104px);
    -webkit-transition: border-color .5s ease-in;
    transition: border-color .5s ease-in;
} */
.selection-bar[data-v-ea6d08b2] {
    border: 1px solid transparent;
    width: 100%;
    height: 100%;
}
.selection-bar.has-selection[data-v-ea6d08b2] {
    border-color: #601848;
    font-size: 12px;
    padding: 0 20px;
}
.user-btn[data-v-ea6d08b2] {
    font: normal normal bold 12px/16px Roboto;
    letter-spacing: 0px;
    opacity: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    color: #1a1a1a;
}
.user-btn img[data-v-ea6d08b2] {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}
.user-btn.update[data-v-ea6d08b2] {
    color: #601848;
}
.user-btn.enable[data-v-ea6d08b2] {
    color: #29ABA2;
}
.user-btn.disable[data-v-ea6d08b2] {
    color: #DC3C40;
}
.user-btn[data-v-ea6d08b2]:hover {
    opacity: .7;
}
.has-selection-selected-count[data-v-ea6d08b2] {
    font: normal normal bold 12px/16px Roboto;
    letter-spacing: 0px;
    color: #601848;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.has-selection-selected-count img[data-v-ea6d08b2] {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}
.side-graph-con[data-v-ea6d08b2] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 88px 38px 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-ea6d08b2] {
    right: 0;
}
.side-graph-con h5[data-v-ea6d08b2] {
    font-size: 24px;
    font-weight: 500;
    color: #515365;
    margin-bottom: 0;
}
.side-graph-con .filter-graph-btn[data-v-ea6d08b2] {
    color: #300030;
    font-size: 12px;
    text-decoration: underline;
}
.side-graph-con .filter-graph-btn i[data-v-ea6d08b2] {
    font-size: 14px;
    margin-left: 5px;
}
.side-graph-con .graph-item[data-v-ea6d08b2] {
    font-size: 12px;
    margin-bottom: 19px;
}
.side-graph-con .top-researcher-name[data-v-ea6d08b2] {
    width: 68%;
}
.font-weight-medium[data-v-ea6d08b2] {
    font-weight: 500 !important;
}
.text-some-grey[data-v-ea6d08b2] {
    color: #515365 !important;
}
.main-con table tr[data-v-ea6d08b2] {
    font-size: 12px;
}
.main-con table thead tr[data-v-ea6d08b2] {
    background: #53606D26;
    /* border-bottom: 2px solid rgb(214, 214, 216); */
    color: #202229;
    font-size: 11px;
}
.main-con table thead th[data-v-ea6d08b2] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
    white-space: nowrap;
}
.main-con table tbody tr[data-v-ea6d08b2] {
    font-weight: bold;
    border-bottom: 2px solid #F5F6FA;
}
.main-con table tbody .campaigns-cases[data-v-ea6d08b2] {
    max-height: 0;
    overflow: hidden;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.main-con table tbody .campaigns-cases .border-bottom[data-v-ea6d08b2] {
    border-bottom: 2px solid #F5F6FA !important;
}
.table-scroll .campaigns-cases.show[data-v-ea6d08b2] {
    max-height: 500px;
}
.campaigns-cases img[data-v-ea6d08b2] {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}
.campaigns-cases label[data-v-ea6d08b2] {
    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 tfoot tr[data-v-ea6d08b2] {
    background: #53606D26;
}
.main-con table tfoot th[data-v-ea6d08b2] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.main-con table tfoot th.bigger-font[data-v-ea6d08b2] {
    font-size: 14px;
}
.main-con table tr td .r-name[data-v-ea6d08b2] {
    top: 4px;
}
.table-scroll[data-v-ea6d08b2]{
    width:100%;
    display: block;
    empty-cells: show;
    background: #ffff;
}
.table-scroll thead[data-v-ea6d08b2],
.table-scroll tfoot[data-v-ea6d08b2]{
    position:relative;
    display: block;
    width:100%;
}
.table-scroll tbody[data-v-ea6d08b2]{
    display: block;
    position:relative;
    width:100%;
    height: calc(100vh - 335px);
    overflow-y:auto;
}
.table-scroll tr[data-v-ea6d08b2]{
    width: 100%;
    display: inline-block;
}
.table-scroll td[data-v-ea6d08b2],.table-scroll th[data-v-ea6d08b2]{
    display: inline-block;
    word-break: break-all;
    padding: .6rem 7px;
    text-align:left;
}
.table-scroll td[data-v-ea6d08b2] {
    padding: .4rem 7px;
}
.table-scroll thead th[data-v-ea6d08b2],
.table-scroll tfoot th[data-v-ea6d08b2] {
    font-size: 11px;
}
.sorting-caret-con[data-v-ea6d08b2] {
    width: 9px;
    height: 9px;
}
.sorting-caret[data-v-ea6d08b2] {
    color: #53606D;
    font-size: 13px;
    position: absolute;
    left: 0;
    right: 0;
}
.sorting-caret-con .sorting-caret.top-caret[data-v-ea6d08b2] {
    bottom: 2px;
}
.sorting-caret-con .sorting-caret.bottom-caret[data-v-ea6d08b2] {
    top: 2px;
}
#sort-by-campaign-platform-modal .campaign-img[data-v-ea6d08b2] {
    height: 40px;
    width: 40px;
}
#sort-by-campaign-platform-modal h4[data-v-ea6d08b2] {
    font-size: 20px;
    color: #000000DE;
}
#sort-by-campaign-platform-modal h5[data-v-ea6d08b2] {
    font-size: 16px;
    color: #515365;
}
#sort-by-campaign-platform-modal h5 span[data-v-ea6d08b2] {
    font-size: 12px;
}
#sort-by-campaign-platform-modal .left-con[data-v-ea6d08b2],
#sort-by-campaign-platform-modal .right-con[data-v-ea6d08b2] {
    max-width: 400px;
    height: 300px;
    overflow-y: auto;
}
.color-purple[data-v-ea6d08b2] {
    color: #300030;
}
.color-purple2[data-v-ea6d08b2] {
    color: #480048;
}
.crep-calendar[data-v-ea6d08b2] {
    margin: 0 auto;
}
.crep-list-img[data-v-ea6d08b2] {
    width: 16px;
    height: 16px;
}
.campaign-close-action-con[data-v-ea6d08b2],
.export-action-con[data-v-ea6d08b2] {
    max-width: 43%;
}
.campaign-close-action-con .campaign-close-action[data-v-ea6d08b2] {
    -webkit-trasition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    width: 100%;
    height: auto;
}
.campaign-close-action-con .campaign-close-action.show[data-v-ea6d08b2] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.filter-graph-close[data-v-ea6d08b2] {
    display: inline-block;
    position: absolute;
    right: -3px;
    top: -15px;
}
.search-field-con[data-v-ea6d08b2] {
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
    margin-right: -143px;
}
.search-field-con.show[data-v-ea6d08b2] {
    margin-right: 0;
}
#change-date-modal h5[data-v-ea6d08b2] {
    font-size: 22px;
    color: #806d6d;
    width: 275px;
}
#change-date-modal h5 span[data-v-ea6d08b2] {
    font-size: 14px;
}
.cursor-pointer[data-v-ea6d08b2] {
    cursor: pointer !important;
}
.main-con table tbody .request-details[data-v-ea6d08b2] {
    height: 0;
    font-size: 12px;
    overflow: hidden;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}

/* .table-scroll .request-details.show {
    height: 355px;
} */
.status-label[data-v-ea6d08b2] {
    color: #ffff;
    width: 111px;
    height: 24px;
    display: inline-block;
    border-radius: 12px;
    line-height: 24px;
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 1.2px;
}
.status-label.completed[data-v-ea6d08b2] {
    background: #5577af;
}
.status-label.pending[data-v-ea6d08b2] {
    background: #fc8f5f;
}
.status-label.download[data-v-ea6d08b2] {
    background: #50b549;
}
.status-label.delete[data-v-ea6d08b2] {
    background: #e04242;
}
.status-label.cancel[data-v-ea6d08b2] {
    background: #707070;
}
.status-label.cancelled[data-v-ea6d08b2] {
    background: #E04242;
}
.status-label.retry[data-v-ea6d08b2] {
    background: #3E88DA;
}
.status-label.btn[data-v-ea6d08b2] {
    line-height: 10px;
    opacity: 1;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    width: 46%;
}
.status-label.btn[data-v-ea6d08b2]:hover {
    opacity: 0.8;
}
.status-label.btn img[data-v-ea6d08b2] {
    position: relative;
    top: -1px;
    margin-right: 5px;
}
.text-completed[data-v-ea6d08b2] {
    color: #2d589d;
}
.text-pending[data-v-ea6d08b2] {
    color: #fb8e5e;
}
.text-cancelled[data-v-ea6d08b2] {
    color: #e04242;
}
#delete-request-modal .modal-icon[data-v-ea6d08b2],
#cancel-request-modal .modal-icon[data-v-ea6d08b2] {
    height: 40px;
    width: 40px;
}
#delete-request-modal h5[data-v-ea6d08b2],
#cancel-request-modal h5[data-v-ea6d08b2] {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
#delete-request-modal span[data-v-ea6d08b2],
#cancel-request-modal span[data-v-ea6d08b2],
#delete-request-modal p[data-v-ea6d08b2],
#cancel-request-modal p[data-v-ea6d08b2] {
    font-size: 12px;
    font-weight: 400;
}
.empty-listing-con[data-v-ea6d08b2] {
    position: relative;
    text-align: center;
    margin-top: 3em;
}
.request-details.show table tbody[data-v-ea6d08b2] {
    /* height: auto; */
    height: 355px;
}
.has-bullet-separator[data-v-ea6d08b2] {
    position: relative;
}
.has-bullet-separator[data-v-ea6d08b2]::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%;
}
.col-form-label[data-v-ea6d08b2] {
    color: #383A3D;
    margin-left: 5px;
    font-weight: 500 !important;
    font-size: 13px;
}
.from-label[data-v-ea6d08b2] {
    padding-top:0px;
}
.form-control[data-v-ea6d08b2] {
    font-size: 14px;
}
.apply-button[data-v-ea6d08b2] {
    margin-top:10px;
}
.regenerate-cover-page-notice[data-v-ea6d08b2] {
    min-height: 87px;
    border: 1px dashed #ff971d;
    border-radius: 10px;
    position: relative;
    padding: 12px 20px 20px 124px;
    background: #fdf7f0;
}
.regenerate-cover-page-notice .notice-img[data-v-ea6d08b2] {
    width: 85px;
    height: 63px;
    position: absolute;
    left: 21px;
    top: 50%;
    /* overflow: hidden; */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    border: 1px dashed transparent;
}
.regenerate-cover-page-notice .notice-img img[data-v-ea6d08b2] {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 32%;
    left: 50%;
}
.regenerate-cover-page-notice h6[data-v-ea6d08b2] {
    background: #ff971d;
    border-radius: 14px;
    line-height: 25px;
    height: 24px;
    width: 75px;
    text-align: center;
    color: #ffff;
    font-size: 11px;
    margin-bottom: 10px;
}
.regenerate-cover-page-notice p[data-v-ea6d08b2] {
    text-align: left;
    font-size: 14px;
    color: #000000CC;
}
.selected--to-be-cancelled-con[data-v-ea6d08b2] {
    max-height: 330px;
    overflow: auto;
}
.selected--to-be-cancelled[data-v-ea6d08b2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #e7e7e7;
}
.selected--to-be-cancelled img[data-v-ea6d08b2] {
    height: 40px;
    width: 40px;
}
.selected--to-be-cancelled h5[data-v-ea6d08b2] {
    font-size: 16px;
    font-weight: 500;
}
.selected--to-be-cancelled h5 span[data-v-ea6d08b2] {
    font-size: 12px;
    font-weight: 400;
    display: block;
}

/* Generate Files New UI */
.generated-files-list-wrapper[data-v-ea6d08b2] {
    font-size: 14px;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
.file-list-row[data-v-ea6d08b2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 8px 0;
}
.body-row[data-v-ea6d08b2] {
     border-bottom: 1px solid #f0f0f0;
}
.body-row[data-v-ea6d08b2]:last-child {
    border-bottom: none;
}
.header[data-v-ea6d08b2] {
    font-size: 10px;
    color: rgba(7, 6, 7, .32);
    letter-spacing: -0.2px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 12px;
}

/* --- Column Widths --- */
.col-file[data-v-ea6d08b2] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.col-status[data-v-ea6d08b2] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
}
.col-docs[data-v-ea6d08b2] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.col-actions[data-v-ea6d08b2] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 20px;
}
.header .col-actions[data-v-ea6d08b2] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

/* --- Component Styles --- */
.col-file .file-icon[data-v-ea6d08b2] {
    font-size: 1.5rem;
    color: #515365;
    width: 18px; /* Match your original img size */
    height: 18px; /* Match your original img size */
}
.col-file .file-name[data-v-ea6d08b2] {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: -0.24px;
}
.status-badge[data-v-ea6d08b2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: capitalize;
    letter-spacing: -0.16px;
    width: 70px;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.status-badge.completed[data-v-ea6d08b2] {
    color: rgba(45, 88, 157, .7);
    background-color: #FFFFFF;
    border: 1px solid rgba(45, 88, 157, .3);
}
/* Add other status colors if needed */
.status-badge.pending[data-v-ea6d08b2],
.status-badge.active[data-v-ea6d08b2] {
    /* color: #fb8e5e; */
    color: rgba(152, 150, 152, 1);
    background-color: #FFFFFF;
    border: 1px solid rgba(152, 150, 152, .3);
    /* border: 1px solid #ffeeba; */
}
.status-badge.cancelled[data-v-ea6d08b2],
.status-badge.failed[data-v-ea6d08b2] {
    color: #e04242;
    background-color: #FFFFFF;
    border: 1px solid #f5c6cb;
}
.doc-count[data-v-ea6d08b2] {
    font-size: 12px;
    color: #383A3D;
    white-space: nowrap;
    border: 1px solid #383A3D26;
    padding: 4px;
    border-radius: 6px;
    font-weight: 600;
}
.progress-bar-container[data-v-ea6d08b2] {
    width: 100%;
    max-width: 200px; /* Limit width of progress bar */
    height: 8px;
    background-color: #E9ECEF;
    border-radius: 4px;
    overflow: hidden;
}
.progress-bar-fill[data-v-ea6d08b2] {
    height: 100%;
    background-color: #3E88DA;
    border-radius: 4px;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.action-link[data-v-ea6d08b2] {
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
}
.action-link .svg-inline--fa[data-v-ea6d08b2] {
    font-size: 14px;
}
.action-link.download[data-v-ea6d08b2] {
    color: #50B549; /* Green */
}
.action-link.download[data-v-ea6d08b2]:hover {
    color: #218838;
}
.action-link.retry[data-v-ea6d08b2] {
    color: #3E88DA; /* Blue */
    font-weight: 600;
}
.action-link.retry[data-v-ea6d08b2]:hover {
    color: #276abf;
}
.action-link.delete[data-v-ea6d08b2] {
    color: #DC3C40; /* Red */
    font-size: 1.1rem;
}
.action-link.delete[data-v-ea6d08b2]:hover {
    color: #c82333;
}
/* END of New UI for Generate Files */

/*
* CM VARIATIONS
*/
.gui-cm .has-bullet-separator[data-v-ea6d08b2]::before {
    background: #2D599E;
}
/*
* END CM VARIATIONS
*/