.qa-selected strong[data-v-d8307d4e] {
    font-weight: 500;
    position: relative;
}
.qa-selected strong.with-separator[data-v-d8307d4e]:after {
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #ccc;
    position: absolute;
    right: -71px;
    height: 32px;
    width: 1px;
    top: 50%;
}
.qa-selected .action-item[data-v-d8307d4e]:hover {
    opacity: 0.5;
}
.qa-selected .action-item[data-v-d8307d4e]:active {
    opacity: 0.8;
}
.main-con[data-v-d8307d4e] {
    padding: 208px 343px 150px 77px;
}
.a-header[data-v-d8307d4e] {
    position: relative;
    top: 1px;
    letter-spacing: 0.024em;
    color: #383A3D;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 0;
    height: 40px;
    line-height: 7px;
    vertical-align: middle;
}
.a-header img[data-v-d8307d4e] {
    height: 40px;
    width: 40px;
    margin-right: 17px;
}
.a-header span[data-v-d8307d4e] {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #383A3D;
}
.a-header em[data-v-d8307d4e] {
    font-style: initial;
    opacity: 0.8;
}
.a-header strong[data-v-d8307d4e] {
    font-weight: 500 !important;
}
.titlebar-con[data-v-d8307d4e] {
    padding-right: 334px;
    padding-left: 46px;
}
.a-titlebar[data-v-d8307d4e] {
    padding-right: 0;
}
.a-sidebar-filter[data-v-d8307d4e] {
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 100vh;
    z-index: 1;
    top: 57px;
    right: 0;
}
.a-header-con[data-v-d8307d4e] {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.selected-header[data-v-d8307d4e] {
    background: #EAF0FC 0% 0% no-repeat padding-box;
    padding: 15px 25px;
}
.export-btn[data-v-d8307d4e] {
    background: #2D9E5A;
}
.reassign-select-label[data-v-d8307d4e] {
    text-align: left;
}
.a-modal section[data-v-d8307d4e] {
    margin-bottom: 44px;
}
.a-modal hr[data-v-d8307d4e] {
    border: 1px solid #4e4e4e30;
    margin: 32px 0
}
.uploaded-files-con[data-v-d8307d4e] {
    max-height: 300px;
    overflow-y: auto;
}
.empty-listing-con[data-v-d8307d4e] {
    position: relative;
    height: 28vh;
}
.empty-listing-con img[data-v-d8307d4e] {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 38%;
    left: 50%;
    top: 105%;
}
.back-to-case div[data-v-d8307d4e] {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    display: block;
    border: 1px solid #ccc;
}
.back-to-case div[data-v-d8307d4e]:hover {
    border-color: #2D599E !important;
}
.case-file-item .case-item-actions img[data-v-d8307d4e] {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    left: initial;
    opacity: 1;
}
.case-file-item .case-item-actions img[data-v-d8307d4e]:hover {
    opacity: 0.7;
}
.case-file-item .case-item-actions[data-v-d8307d4e] {
    display: none;
}
.case-file-item:hover .case-item-actions[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.r-12[data-v-d8307d4e] {
    right: 12px !important;
}
.search-footer[data-v-d8307d4e] {
    background: #fff;
    position: fixed;
    padding: 10px 350px 0 77px;
    height: 60px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.additional-filters-con[data-v-d8307d4e] {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.2s ease;
    transition: height 0.2s ease;
}
.additional-filters-con.expanded[data-v-d8307d4e] {
    height: calc(100vh - 182px);
}
.additional-filters-con-con[data-v-d8307d4e] {
    height: calc(100vh - 310px);
    padding: 0 20px 20px 41px;
    overflow-x: hidden;
    overflow-y: auto;
}
.fab-con[data-v-d8307d4e] {
    -webkit-transition: transform ease 0.3s;
    -webkit-transition: -webkit-transform ease 0.3s;
    transition: -webkit-transform ease 0.3s;
    transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: fixed;
    height: 150px;
    width: 160px;
    bottom: 7px;
    right: 290px;
    z-index: 4;
}
.fab-con .import-btn[data-v-d8307d4e] {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
    -webkit-transition: opacity ease 0.5s;
    transition: opacity ease 0.5s;
    position: absolute;
    left: 50%;
    top: 55%;
    height: 56px;
    z-index: 4;
}
.fab-con .import-btn[data-v-d8307d4e]:hover {
    opacity: 0.8;
}
.fab-con [class^="extra-import-btn"][data-v-d8307d4e] {
    -webkit-transition: opacity ease .5s, top ease .1s, left ease .1s;
    transition: opacity ease .5s, top ease .1s, left ease .1s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    opacity: 0;
    display: block;
    position: absolute;
    left: 45%;
    top: 48%;
    z-index: 0;
}
.fab-con.expanded[data-v-d8307d4e] {
    border-radius: 100%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.fab-con.expanded [class^="extra-import-btn"][data-v-d8307d4e] {
    opacity: 1;
    z-index: 5;
}
.fab-con [class^="extra-import-btn"][data-v-d8307d4e]:hover {
    opacity: 0.7;
}
.fab-con.expanded .extra-import-btn1[data-v-d8307d4e] {
    top: 18%;
    left: 61%;
}
.fab-con.expanded .extra-import-btn2[data-v-d8307d4e] {
    top: 16%;
    left: 35%;
}
.fab-con.expanded .extra-import-btn2.extra[data-v-d8307d4e] {
    top: 19%;
    left: 23%;
}
.fab-con.expanded .extra-import-btn3[data-v-d8307d4e] {
    left: 15%;
    top: 33%;
}
.fab-con.expanded .extra-import-btn4[data-v-d8307d4e] {
    top: 62%;
    left: 16%;
}
.fab-con.expanded .extra-import-btn4.extra[data-v-d8307d4e] {
    top: 48%;
    left: 10%;
}
.fab-con.expanded .extra-import-btn5[data-v-d8307d4e] {
    top: 80%;
    left: 35%;
}
.fab-con.expanded .extra-import-btn5.extra[data-v-d8307d4e] {
    top: 76%;
    left: 23%;
}
.fab-con.expanded .extra-import-btn6[data-v-d8307d4e] {
    top: 77%;
    left: 61%;
}
#accounting-details-modal h2[data-v-d8307d4e] {
    color: #3E88DA;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
#accounting-details-modal p[data-v-d8307d4e] {
    color: #53606DB3;
    font-size: 12px;
    letter-spacing: 0.21px;
    margin-bottom: 30px;
}
#accounting-details-modal .header-border[data-v-d8307d4e] {
    border-top: 2px dashed #70707066;
}
#accounting-details-modal h4[data-v-d8307d4e] {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #515365;
    margin-bottom: 30px;
}
#accounting-details-modal h5[data-v-d8307d4e] {
    display: block;
    font-size: 14px;
    margin-bottom: 37px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #383A3D;
}
#accounting-details-modal h5 span[data-v-d8307d4e] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.21px;
    color: #53606DB3;
    margin-bottom: 4px;
}
div[data-v-d8307d4e] .add-new-con {
    position: relative !important;
    text-align: left;
    padding: 20px 334px 15px 0;
}
div[data-v-d8307d4e] .add-new-con-without-p {
    position: relative;
    text-align: left;
    padding: 20px 0 15px 0;
}
div[data-v-d8307d4e] .add-new-con h5 {
    font-weight: 500 !important;
    color: #515365;
    line-height: 24px;
    font-size: 24px;
    margin-bottom: 17px;
}
div[data-v-d8307d4e] .add-new-con .photo-modal {
    position: absolute;
    right: -18px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* .table-body.scrollable{
        height    : 300px;
        width     : 100%;
        margin    : 0;
        overflow-y: auto;
    } */
#group-seller-modal table tr[data-v-d8307d4e] {
    font-size: 12px;
}
#group-seller-modal table thead tr[data-v-d8307d4e] {
    background: #F5F6FA;
    border-bottom: 2px solid rgb(214, 214, 216);
    color: #202229;
}
#group-seller-modal table tbody tr[data-v-d8307d4e] {
    border-bottom: 2px solid #F5F6FA;
}
#group-seller-modal table tbody tr[data-v-d8307d4e]:last-child {
    border-bottom: none;
}
#group-seller-modal table tfoot tr[data-v-d8307d4e] {
    font-size: 16px;
    font-weight: 700;
}
.table-scroll[data-v-d8307d4e] {
    width: 100%;
    display: block;
    empty-cells: show;
}
.table-scroll thead[data-v-d8307d4e],
.table-scroll tfoot[data-v-d8307d4e] {
    position: relative;
    display: block;
    width: 100%;
}
.table-scroll tbody[data-v-d8307d4e] {
    display: block;
    position: relative;
    width: 100%;
    min-height: 150px;
    max-height: 280px;
    overflow-y: auto;
}
.table-scroll tr[data-v-d8307d4e] {
    width: 100%;
    display: inline-block;
}
.table-scroll td[data-v-d8307d4e],
.table-scroll th[data-v-d8307d4e] {
    display: inline-block;
    word-break: break-all;
    padding: 1rem;
    text-align: left;
}
.group-p[data-v-d8307d4e] {
    text-align: left;
    font: Regular 14px/17px Roboto;
    letter-spacing: 0.24px;
    color: #53606DB3;
    opacity: 1;
}
.gname-at-image[data-v-d8307d4e] {
    text-align: left;
    font: Bold 12px/14px Roboto;
    letter-spacing: 0.4px;
    color: #3E88DA;
    opacity: 1;
}
.overwrite-name[data-v-d8307d4e] {
    text-align: left;
    font: Medium 16px/24px Roboto;
    letter-spacing: 0px;
    color: #2D599E;
    opacity: 1;
    font-weight: 900;
}
.duplicate-account[data-v-d8307d4e] {
    background: #DC1A1A52 0% 0% no-repeat padding-box;
    opacity: 1;
}
.new-entries[data-v-d8307d4e] {
    background: #12B83959 0% 0% no-repeat padding-box;
    opacity: 1;
}
.import-frozen-scrollable[data-v-d8307d4e] {
    height: 500px;
    overflow: hidden auto;
}
.note-import-text[data-v-d8307d4e] {
    text-align: left;
    font-weight: 900;
    letter-spacing: 0px;
    color: #2D599E;
    opacity: 1;
}
.in-group[data-v-d8307d4e] {
    background-color: #cfe2f3;
}
.not-same[data-v-d8307d4e] {
    background-color: #f9cb9c;
}
.release-with-prev-value[data-v-d8307d4e] {
    background-color: #ff00004a;
}
.release-in-group[data-v-d8307d4e] {
    background-color: #ffa5004a;
}
.header-fixed[data-v-d8307d4e] {
    width: 1600px;
}
.header-fixed>thead[data-v-d8307d4e],
.header-fixed>tbody[data-v-d8307d4e],
.header-fixed>thead>tr[data-v-d8307d4e],
.header-fixed>tbody>tr[data-v-d8307d4e],
.header-fixed>tbody>tr>td[data-v-d8307d4e] {
    display: block;
}
.header-fixed>tbody>tr[data-v-d8307d4e]:after,
.header-fixed>thead>tr[data-v-d8307d4e]:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}
.header-fixed>tbody[data-v-d8307d4e] {
    overflow-y: auto;
    min-height: 150px;
    max-height: 300px;
}
.header-fixed>tbody>tr>td[data-v-d8307d4e],
.header-fixed>thead>tr>th[data-v-d8307d4e] {
    float: left;
}
.ellipsify[data-v-d8307d4e] {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scrollable-table[data-v-d8307d4e] {
    width: 100%;
    overflow-y: auto;
}
[data-v-d8307d4e]::-webkit-scrollbar {
    width: 10px !important;
    height: 10px;
}

/* Track */
[data-v-d8307d4e]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
[data-v-d8307d4e]::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
[data-v-d8307d4e]::-webkit-scrollbar-thumb:hover {
    background: #555;
}
#settlement-agreement-modal .campaign-img[data-v-d8307d4e],
#vendor-move-modal .campaign-img[data-v-d8307d4e] {
    height: 40px;
    width: 40px;
}
#settlement-agreement-modal h5[data-v-d8307d4e],
#vendor-move-modal h5[data-v-d8307d4e] {
    font-size: 16px;
    color: #515365;
    width: 275px;
}
#settlement-agreement-modal h5 span[data-v-d8307d4e],
#vendor-move-modal h5 span[data-v-d8307d4e] {
    font-size: 12px;
}
#settlement-agreement-modal p[data-v-d8307d4e],
#vendor-move-modal p[data-v-d8307d4e] {
    font-size: 12px;
    color: #515365;
}
#settlement-agreement-modal .left-con[data-v-d8307d4e],
#settlement-agreement-modal .right-con[data-v-d8307d4e],
#vendor-move-modal .left-con[data-v-d8307d4e],
#vendor-move-modal .right-con[data-v-d8307d4e] {
    max-width: 400px;
    height: 330px;
    overflow-y: auto;
}
#settlement-agreement-modal .right-con.sa-setter[data-v-d8307d4e] {
    height: 355px;
}
#settlement-agreement-modal .left-con[data-v-d8307d4e]::-webkit-scrollbar,
#settlement-agreement-modal .right-con[data-v-d8307d4e]::-webkit-scrollbar,
#vendor-move-modal .left-con[data-v-d8307d4e]::-webkit-scrollbar,
#vendor-move-modal .right-con[data-v-d8307d4e]::-webkit-scrollbar {
    width: 5px !important;
}
#settlement-agreement-modal .settlement-defendants-con[data-v-d8307d4e],
#vendor-move-modal .settlement-defendants-con[data-v-d8307d4e] {
    text-align: left;
    height: 375px;
}
#settlement-agreement-modal .selected-settlement-defendants[data-v-d8307d4e],
#vendor-move-modal .selected-settlement-defendants[data-v-d8307d4e] {
    margin-bottom: 28px;
}
#settlement-agreement-modal .selected-settlement-defendants h6[data-v-d8307d4e],
#vendor-move-modal .selected-settlement-defendants h6[data-v-d8307d4e] {
    font-weight: 500;
    margin-bottom: 3px;
    font-size: 15px;
    color: #203154;
    letter-spacing: 0.13px;
}
#settlement-agreement-modal .selected-settlement-defendants label[data-v-d8307d4e],
#vendor-move-modal .selected-settlement-defendants label[data-v-d8307d4e] {
    font-weight: 600;
    font-size: 12px;
    color: #2D599E;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}
#settlement-agreement-modal .selected-settlement-defendants label span[data-v-d8307d4e],
#vendor-move-modal .selected-settlement-defendants label span[data-v-d8307d4e] {
    font-weight: 400;
    font-size: 12px;
    color: #3E88DA;
}
#settlement-agreement-modal .table tbody tr td[data-v-d8307d4e],
#vendor-move-modal .table tbody tr td[data-v-d8307d4e] {
    font-size: 12px;
    font-weight: 600;
    color: #141517;
    letter-spacing: 0.4px;
    padding-top: 5px;
    padding-bottom: 4px;
}
#settlement-agreement-modal .table tbody tr td b[data-v-d8307d4e],
#vendor-move-modal .table tbody tr td b[data-v-d8307d4e] {
    display: block;
    width: 127px;
}
#settlement-agreement-modal .table tbody tr td.header-label[data-v-d8307d4e],
#vendor-move-modal .table tbody tr td.header-label[data-v-d8307d4e] {
    font-weight: 400;
    color: #515365;
}
#settlement-agreement-modal .table tbody tr td.header-label img[data-v-d8307d4e],
#vendor-move-modal .table tbody tr td.header-label img[data-v-d8307d4e] {
    width: 12px;
    height: 12px;
}
.a-modal-seller-info-item[data-v-d8307d4e] {
    -webkit-transition: background 0.5s ease, border-color 0.5s ease;
    transition: background 0.5s ease, border-color 0.5s ease;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid transparent;
    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;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 0;
}
.a-modal-seller-info-item.sa-error[data-v-d8307d4e] {
    background: #F2C6C7 !important;
    border: 1px solid #DC3C40 !important;
}
.a-modal-seller-info-item.generate-details[data-v-d8307d4e] {
    padding: 15px 0 13px 50px;
    cursor: default;
    border: none;
    background: #fff;
}
.a-modal-seller-info-item.generate-details h5[data-v-d8307d4e] {
    font-weight: 400;
    color: #2D599E !important;
    text-overflow: initial;
    white-space: initial;
    overflow: initial;
}
.a-modal-seller-info-item.generate-details h5 span[data-v-d8307d4e] {
    color: #515365 !important;
}
.a-modal-seller-info-item.generate-details img[data-v-d8307d4e] {
    left: 6px;
}
.a-modal-seller-info-item.current[data-v-d8307d4e] {
    background-color: #dde4ef;
    border-color: #2D599E;
}
.a-modal-seller-info-item[data-v-d8307d4e]:not(.generate-details):hover {
    background-color: #F5F5F5;
}
.a-modal-seller-info-item h5[data-v-d8307d4e] {
    letter-spacing: 0.24px;
    font-weight: 500;
    color: #141517;
    font-size: 14px;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100% !important;
}
.a-modal-seller-info-item h5 span[data-v-d8307d4e] {
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 5px;
    font-size: 12px;
    display: block;
}
.a-modal-seller-info-item i[data-v-d8307d4e],
.a-modal-seller-info-item img[data-v-d8307d4e] {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    font-size: 32px;
    left: 15px;
    top: 50%;
}
.a-modal-seller-info-item img[data-v-d8307d4e] {
    width: 24px;
}
.a-modal-seller-info-item .remove-btn img[data-v-d8307d4e],
.a-modal-seller-info-item .select-btn img[data-v-d8307d4e] {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 0;
    left: initial;
    right: 15px;
    width: 27px;
}
.a-modal-seller-info-item .select-btn img[data-v-d8307d4e] {
    right: 48px;
    width: 22px;
}
.a-modal-seller-info-item:hover .remove-btn img[data-v-d8307d4e],
.a-modal-seller-info-item:hover .select-btn img[data-v-d8307d4e],
.a-modal-seller-info-item.current .remove-btn img[data-v-d8307d4e],
.a-modal-seller-info-item.current .select-btn img[data-v-d8307d4e] {
    opacity: 1;
}
.a-modal-seller-info-item .remove-btn:hover img[data-v-d8307d4e],
.a-modal-seller-info-item .select-btn:hover img[data-v-d8307d4e] {
    opacity: 0.8;
}
.remove-confirm-text[data-v-d8307d4e] {
    margin-bottom: 0;
    font-size: 10px;
}
.remove-confirm-btn[data-v-d8307d4e] {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    display: inline-block;
    width: 24px;
    cursor: pointer;
}
.remove-confirm-btn img[data-v-d8307d4e] {
    width: 100%;
}
.remove-confirm-btn[data-v-d8307d4e]:hover {
    opacity: 0.5;
}
.remove-confirm-con[data-v-d8307d4e],
.remove-confirm-con .a-modal-seller-info-item[data-v-d8307d4e] {
    background: #eaeef5;
}
.status-icon[data-v-d8307d4e] {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    right: 20px;
    height: 24px;
    width: 24px;
}
.status-icon img[data-v-d8307d4e] {
    left: initial;
}
.lds-ring[data-v-d8307d4e] {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
}
.lds-ring div[data-v-d8307d4e] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 3px solid #2D599E;
    border-radius: 50%;
    -webkit-animation: lds-ring-d8307d4e 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: lds-ring-d8307d4e 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #2D599E transparent transparent transparent;
}
.lds-ring div[data-v-d8307d4e]:nth-child(1) {
    -webkit-animation-delay: -0.45s;
            animation-delay: -0.45s;
}
.lds-ring div[data-v-d8307d4e]:nth-child(2) {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
}
.lds-ring div[data-v-d8307d4e]:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring-d8307d4e {
0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
}
100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
}
}
@keyframes lds-ring-d8307d4e {
0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
}
100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
}
}
.sa-custom-input[data-v-d8307d4e] {
    border-radius: 3px;
    border: 1px solid #666;
    padding: 0 6px;
}
.has-bullet-separator[data-v-d8307d4e] {
    position: relative;
}
.has-bullet-separator[data-v-d8307d4e]::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%;
}
.already-worked-con[data-v-d8307d4e] {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 10px;
}
.error-doe-con[data-v-d8307d4e] {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 10px;
    width: 100%;
}
.exports-list[data-v-d8307d4e] {
    height: 350px;
    overflow: auto;
    text-align: left;
}
.exports-con[data-v-d8307d4e] {
    text-align: left;
}
.exports-con h5[data-v-d8307d4e] {
    font-weight: 500;
    font-size: 16px;
}
.exports-con h5 span[data-v-d8307d4e] {
    font-weight: 400;
    font-size: 12px;
}
.exports-campaign-img[data-v-d8307d4e] {
    height: 40px;
    width: 40px;
}
.exports-sub[data-v-d8307d4e] {
    font-size: 12px;
}
.spg-campaign-img[data-v-d8307d4e] {
    height: 40px;
    width: 40px;
}
#submissions-pack-generator-modal .left-con[data-v-d8307d4e] {
    width: 330px;
    height: 391px;
}
#submissions-pack-generator-modal .spg-right-con[data-v-d8307d4e] {
    width: calc(100% - 368px);
    background: #F8F8F8;
    padding: 15px;
}
#submissions-pack-generator-modal .right-con[data-v-d8307d4e] {
    height: 345px;
    overflow-y: auto;
    padding-right: 10px;
}
#submissions-pack-generator-modal .right-con[data-v-d8307d4e]::-webkit-scrollbar,
#submissions-pack-generator-modal .right-con[data-v-d8307d4e]::-webkit-scrollbar-thumb,
.spg-payment-type-drag-con[data-v-d8307d4e]::-webkit-scrollbar,
.spg-payment-type-drag-con[data-v-d8307d4e]::-webkit-scrollbar-thumb {
    width: 6px !important;
}
.spg-left-heading h5[data-v-d8307d4e],
.spg-right-heading h5[data-v-d8307d4e] {
    font-weight: 500;
    font-size: 16px;
}
.spg-left-heading h5 span[data-v-d8307d4e],
.spg-right-heading h5 span[data-v-d8307d4e] {
    font-weight: 400;
    font-size: 12px;
}
.spg-display-tab[data-v-d8307d4e] {
    font-size: 12px;
    font-weight: 500 !important;
    color: #515365;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.spg-display-tab label[data-v-d8307d4e],
.spg-display-tab i[data-v-d8307d4e] {
    cursor: pointer;
}
.spg-display-tab.active[data-v-d8307d4e] {
    color: #3E88DA;
}
.spg-display-tab.active i[data-v-d8307d4e] {
    background: #ABCBEF;
    border-radius: 100%;
    padding: 2px;
}
#input-pack-info-tab[data-v-d8307d4e] {
    padding: 15px 10px;
    margin: 10px 0 0;
    background: #f2f2f2;
    border-radius: 6px;
}
.spg-payment-type-drag-con[data-v-d8307d4e] {
    height: 267px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 8px;
}
.spg-payment-type[data-v-d8307d4e] {
    padding: 10px 20px;
    background: #FFFFFF;
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: 2px 1px 5px 1px #eee;
            box-shadow: 2px 1px 5px 1px #eee;
    border-left: 3px solid #2D589D;
    color: #2D599E;
}
.spg-item-types-con[data-v-d8307d4e] {
    padding: 10px 15px 0;
    background: #E9F3FE;
    border-radius: 6px;
    max-height: 155px;
    overflow-y: auto;
}
.spg-item-type[data-v-d8307d4e] {
    color: #515365;
    margin-bottom: 10px;
}
.spg-item-type label[data-v-d8307d4e] {
    font-size: 14px;
    font-weight: 500;
}
.spg-item-type img[data-v-d8307d4e] {
    height: 16px;
    width: 16px;
    position: relative;
    top: -1px;
    margin-right: 10px;
}
.draggable-item[data-v-d8307d4e] {
    margin-bottom: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    width: 100%;
    cursor: -webkit-grab;
    cursor: grab;
}
.draggable-item h4[data-v-d8307d4e] {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: 0.24px;
    cursor: pointer;
}
.draggable-item .action-con[data-v-d8307d4e] {
    cursor: pointer;
}
.draggable-list[data-v-d8307d4e] {
    height: 62px;
    background: #fff;
    border-radius: 4px;
    border-left: 4px solid #2D589D;
    padding: 8px 18px;
    margin-bottom: 14px;
    cursor: -webkit-grab;
    cursor: grab;
}
.draggable-list .draggable-list-index[data-v-d8307d4e] {
    display: inline-block;
    position: relative;
    padding: 1px 5px;
    font-size: 10px;
    font-weight: 400 !important;
    color: #fff;
    border-radius: 2px;
    background: #2D589D;
    margin-right: 20px;
    margin-bottom: 0;
    top: -2px;
}
.draggable-list h4[data-v-d8307d4e] {
    font-size: 12px;
    color: #383A3D;
    margin: 0;
    display: inline-block;
}
.draggable-list p[data-v-d8307d4e] {
    font-size: 12px;
    color: #515365;
}
.spg-listing-misc[data-v-d8307d4e] {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    font-size: 12px;
}
.spg-listing-misc[data-v-d8307d4e]::after {
    content: "";
    width: 1px;
    height: 16px;
    background: #707070;
    right: -10px;
    top: 0;
    bottom: 0;
    position: absolute;
}
.spg-listing-misc[data-v-d8307d4e]:last-child {
    margin-right: 0;
}
.spg-listing-misc[data-v-d8307d4e]:last-child::after,
.spg-listing-misc.last[data-v-d8307d4e]::after {
    display: none;
}
.spg-listing-misc label[data-v-d8307d4e] {
    font-weight: 500 !important;
    color: #141517;
}
.spg-listing-misc img[data-v-d8307d4e] {
    height: 12px;
    width: 12px;
    margin-right: 10px;
}
.spg-defendant-filter-btn[data-v-d8307d4e] {
    font-size: 12px;
    font-weight: 500;
}
.spg-defendant-filter-con[data-v-d8307d4e] {
    padding: 13px 6px 5px;
    min-height: 298px;
    width: 243px;
    border-radius: 16px;
}
.spg-defendant-filter-con .dropdown-header[data-v-d8307d4e] {
    font-size: 12px;
    letter-spacing: 2.4px;
    color: #888888;
    margin-bottom: 13px;
}
.edit-seller-account-con[data-v-d8307d4e] {
    max-height: 55vh;
    overflow-y: auto;
    padding-right: 10px;
}
.filter-label[data-v-d8307d4e] {
    color: #383A3D;
    margin-left: 5px;
    font-weight: 500 !important;
    font-size: 13px;
    padding-bottom: calc(0.375rem + 1px);
}
.filter--sub-reasons-con[data-v-d8307d4e] {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.filter--sub-reasons-con.toggled[data-v-d8307d4e] {
    max-height: 500px;
    padding-top: 8px;
}
.upload-case--box[data-v-d8307d4e] {
    position: relative;
    display: inline-block;
    width: 250px;
    height: 120px;
    border-radius: 8px;
    border: 2px dashed #262C3952;
    background: #3B59981A;
    margin-left: 0.7%;
    margin-right: 0.7%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    cursor: pointer;
}
.upload-case--box .remove-upload--file-button[data-v-d8307d4e] {
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    top: -6px;
    right: -1px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    cursor: pointer;
}
.upload-case--box .remove-upload--file-button[data-v-d8307d4e]:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.upload-case--box.toBeUploaded[data-v-d8307d4e] {
    opacity: .7;
}
.upload-case--box[data-v-d8307d4e]:not(.cantUpload):hover,
.upload-case--box:not(.cantUpload).dragHover[data-v-d8307d4e] {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    border-color: #2d599e;
}
.upload-case--box input[type="file"][data-v-d8307d4e] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.upload-case--box .icon[data-v-d8307d4e] {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 55%;
    left: 50%;
    font-size: 12px;
    text-align: center;
    color: #3B59988F;
    font-weight: 500;
    z-index: 1;
    cursor: pointer;
}
.upload-case--box .icon img[data-v-d8307d4e] {
    width: 50px;
    height: 60px;
}
.defendants-btn-con[data-v-d8307d4e] {
    position: absolute;
    top: 10px;
    right: 20px;
}
.viewUploadsBtn[data-v-d8307d4e] {
    text-transform: uppercase;
    width: 120px;
    height: 24px;
    background-color: #3E88DA;
    border-radius: 20px;
    border: none;
    outline: none;
    font: normal normal bold 12px/16px Roboto;
    letter-spacing: 1.07px;
    color: #FFFFFF;
    /* z-index: 5; */
}
.viewUploadsBtn[data-v-d8307d4e]:hover {
    opacity: 0.5;
    /* z-index: 999; */
}
.uploadsContainer[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: -60px;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
}
.fileName[data-v-d8307d4e] {
    height: 38px;
    background: #53606D 0% 0% no-repeat padding-box;
    border: 1px solid #0D1926;
    border-radius: 4px;
    opacity: 0.07;
}
.agreementSelection[data-v-d8307d4e] {
    height: 38px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0D1926;
    border-radius: 4px;
    opacity: 0.5;
    font: normal normal normal 14px/19px Roboto;
    letter-spacing: 0px;
    color: #000000;
    padding-left: 10px;
}
.agreementSelection[data-v-d8307d4e]:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2D599E;
    border-radius: 4px;
}
.uploadBtns[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}
.uploadBtn[data-v-d8307d4e] {
    background: #3B5998 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 1px 3px #00000033;
            box-shadow: 0px 1px 3px #00000033;
    border: none;
    border-radius: 18px;
    width: 156px;
    height: 36px;
    font: normal normal normal 14px/19px Roboto;
    letter-spacing: 1.25px;
    color: #FFFFFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.uploadBtn[data-v-d8307d4e]:hover {
    background: #c5d3f1 0% 0% no-repeat padding-box;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.cancelBtn[data-v-d8307d4e] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #383A3D;
    border-radius: 18px;
    font: normal normal normal 14px/19px Roboto;
    letter-spacing: 1.25px;
    color: #383A3D;
    width: 81px;
    height: 36px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.cancelBtn[data-v-d8307d4e]:hover {
    background: #2D599E 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: none;
}
.removeFile[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    position: absolute;
    bottom: 10px;
    left: 20px;
    text-decoration: underline;
    font: normal normal normal 12px/16px Roboto;
    letter-spacing: 0px;
    color: #F15642;
    cursor: pointer;
}
.removeFile[data-v-d8307d4e]:hover {
    color: #d6331d;
}
.settlementAgreement[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.settlementHeader[data-v-d8307d4e] {
    font: normal normal bold 22px/32px Roboto;
    letter-spacing: 0px;
    color: #515365;
}
.uploadSpan[data-v-d8307d4e] {
    width: 325px;
    height: 135px;
    background: #3B59981A 0% 0% no-repeat padding-box;
    border: 2px dashed #262C3952;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0.5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.inputFileAgreement[data-v-d8307d4e] {
    opacity: 1;
    overflow: hidden;
    position: absolute;
    margin-left: -3px;
    left: 20px;
    height: 135px;
    width: 325px;
    z-index: 2;
    color: transparent;
    -webkit-transition: .3s;
    transition: .3s;
}
.inputFileAgreement[data-v-d8307d4e]::-webkit-file-upload-button {
    display: none;
}
.inputFileAgreement[data-v-d8307d4e]:hover {
    background: #2D599E42 0% 0% no-repeat padding-box;
    border: 2px dashed #2D599E;
    border-radius: 8px;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
}
.uploadSpan[data-v-d8307d4e]:hover {
    background: #2D599E42 0% 0% no-repeat padding-box;
    border: 2px dashed #2D599E;
    border-radius: 8px;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
}
.uploadSpan1[data-v-d8307d4e] {
    background: #2D599E42 0% 0% no-repeat padding-box;
    border: 2px dashed #2D599E;
    border-radius: 8px;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
}
.uploadSpanDesc[data-v-d8307d4e] {
    font: normal normal normal 12px/16px Roboto;
    letter-spacing: 0px;
    color: #3B59988F;
}
.uploadSpanDesc[data-v-d8307d4e]:hover {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}
.fileToUpload[data-v-d8307d4e] {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.removeUploaded[data-v-d8307d4e] {
    position: absolute;
    top: -60px;
    right: 0;
    background: none;
    border: none;
    outline: none;
    height: 10px;
    width: 10px;
    font-weight: bold;
    z-index: 3;
}
.uploadedFile[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
[v-cloak][data-v-d8307d4e] {
    display: none;
}
.divider[data-v-d8307d4e] {
    width: 3px;
    background-color: #c5c5c5;
}
.uploadedSettlement[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.agreementHeader[data-v-d8307d4e] {
    font: normal normal bold 16px/24px Roboto;
    letter-spacing: 0px;
    color: #203154;
    text-align: left;
}
.numberOfFiles[data-v-d8307d4e] {
    text-align: left;
    font: normal normal bold 12px/16px Roboto;
    letter-spacing: 0px;
    color: #333333DE;
}
.uploadedSettlementDiv2[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 280px;
    height: 335px;
    overflow-y: scroll;
    overflow-x: hidden;
    row-gap: 5px;
}
.fileImgs[data-v-d8307d4e] {
    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;
}
.fileImg[data-v-d8307d4e] {
    width: 28px;
    height: 32px;
}
.uploadedFilesList[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 265px;
    height: 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #383A3D33;
    border-radius: 8px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    padding: 10px;
    position: relative;
}
.uploadedFilesList[data-v-d8307d4e]:hover,
.uploadedFilesList.isSelected[data-v-d8307d4e] {
    background: #0773e01c no-repeat padding-box;
    border: 1px solid #3B599836;
    border-radius: 12px;
    cursor: pointer;
}
.fileDetails[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.uploadedFileName[data-v-d8307d4e] {
    font: normal normal bold 14px/21px Roboto;
    letter-spacing: 0px;
    color: #383A3D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.uploadedFileStatus[data-v-d8307d4e] {
    font: normal normal normal 12px/16px Roboto;
    letter-spacing: 0px;
    color: #333333DE;
    margin-bottom: 10px;
    height: 10px;
}
.confirmationDetails[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: -50px;
}
.confirmDetails[data-v-d8307d4e] {
    font: normal normal bold 16px/16px Roboto;
}
.confirmationChoices[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.choicesBtn[data-v-d8307d4e] {
    height: 30px;
    width: 100px;
    border: none;
    border-radius: 5px;
    outline: none;
    background: #2D599E 0% 0% no-repeat padding-box;
    font: normal normal bold 14px/16px Roboto;
    color: #FFFFFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.choicesBtn[data-v-d8307d4e]:hover {
    border: 1px solid #000000;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.fileDownloadBtn[data-v-d8307d4e] {
    position: absolute;
    right: 10px;
    top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2px;
       -moz-column-gap: 2px;
            column-gap: 2px;
    visibility: hidden;
}
.uploadedFilesList:hover .fileDownloadBtn[data-v-d8307d4e] {
    visibility: visible;
}
.uploadDownloadBtn[data-v-d8307d4e]:hover {
    opacity: 0.8;
}
.deleteFileBtn[data-v-d8307d4e]:hover {
    opacity: 0.8;
}

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

/*
    * END CM VARIATIONS
    */
/* newly added email */
.email_info_container[data-v-d8307d4e] {
    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;

    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    padding: 10px 10px 10px 45px;
    height: calc(90% - 16px);
    color: #3e88da;
    background: #eef3ff;
    border: 1px solid #3e88da;
    border-radius: 5px;
    position: relative;
}
.email_info_container i[data-v-d8307d4e] {
    top: 0;
    left: 0;
    padding: 10px 0px 0px 15px;
    position: absolute;
}
.email_info_container p[data-v-d8307d4e] {
    margin-bottom: 0;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* MANAGE GROUPS START */
.manage-groups-con[data-v-d8307d4e]{
    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: 20px;
}
.manage-groups-header[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
}
.manage-groups-head[data-v-d8307d4e]{
    text-align: left;
    font: normal normal bold 16px/21px Roboto;
    letter-spacing: 0px;
    color: #515365;
}
.manage-groups-desc[data-v-d8307d4e]{
    text-align: left;
    font: normal normal normal 12px/16px Roboto;
    letter-spacing: 0px;
    color: #515365;
}
.group-lists[data-v-d8307d4e]{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
    height: 70px;
    padding: 5px;
    width: 100vw;
    overflow-y: hidden;
}
.group-list[data-v-d8307d4e]{
    overflow-x: hidden;
}
.group-checkbox-span[data-v-d8307d4e]{
    height: 20px;
    width: 20px;
}
.group-checkbox[data-v-d8307d4e]{
    height: 20px;
    width: 20px;
}
.group-list-desc[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    text-align: left;
}
.group-list-desc[data-v-d8307d4e]{
    font: normal normal bold 14px/19px Roboto;
    letter-spacing: 0.24px;
    color: #515365;
}
.group-list-length[data-v-d8307d4e]{
    font: normal normal normal 10px/13px Roboto;
    letter-spacing: 0.17px;
    color: #515365;
}
.group-list[data-v-d8307d4e]:hover{
    background: #2D59AE26 0% 0% no-repeat padding-box;
    border-radius: 4px;
    cursor: pointer;
}
.group-list:hover .group-list-desc[data-v-d8307d4e]{
    color: #2D59AE;
}
.group-list:hover .group-list-length[data-v-d8307d4e]{
    color: #2D59AE;
}
.group-list:hover .group-list-img[data-v-d8307d4e]{
    background-image: url("/static/svg/group-management/group-blue.svg");
}
.group-buttons[data-v-d8307d4e]{
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    display: none;
    margin-left: -45px;
}
.group-lists:hover .group-buttons[data-v-d8307d4e]{
    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;
}
.group-buttons.deleteGroupClicked[data-v-d8307d4e]{
    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;
}
.group-btn[data-v-d8307d4e]{
    height: 13px;
    width: 13px;
}
.button-group[data-v-d8307d4e]{
    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;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    border-radius: 24px;
    height: 25px;
    width: 25px;
}
.button-group[data-v-d8307d4e]:hover{
    background: #C4677E17 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    border-radius: 24px;
}
.group-list-img[data-v-d8307d4e]{
    margin-top: 10px;
    background-image: url("/static/svg/Modal_Group.svg");
    background-size: auto;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.group-list-img-span[data-v-d8307d4e]{
    padding-right: 25px;
}
.confirm-group-delete[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    position: absolute;
    top: 40px;
    left: 8%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    padding: 5px;
    border-radius: 10px;
    font: normal normal bold 12px/19px Roboto;
    letter-spacing: 0.24px;
    color: #515365;
}
.confirm-delete-button[data-v-d8307d4e]{
    padding-left: 3px;
    padding-right: 3px;
}
.confirm-delete-button[data-v-d8307d4e]:hover{
    background: #52007817 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
}
.edit-group-main-con[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    height: 565px;
}
.edit-group-left-con[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 40px;
    padding-right: 10px;
    border-right: 2px solid #7070704D;
}
.edit-group-left-header[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
}
.edit-group-header-desc[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
}
.edit-group-left-groups[data-v-d8307d4e]{
    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: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
}
.cancel-update-group-name[data-v-d8307d4e]{
    outline: none;
    border: none;
    width: 300px;
    text-decoration: underline;
    font: normal normal bold 14px/19px Roboto;
    letter-spacing: 1.25px;
    color: #515365;
}
.edit-group-left-back[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:end;
        -ms-flex-align:end;
            align-items:flex-end;
    width: 300px;
}
.edit-group-left-back-btn[data-v-d8307d4e]{
    width: 160px;
    height: 36px;
    border: 1px solid #000000;
    color: #000000;
    font: normal normal bold 14px/19px Roboto;
    letter-spacing: 1.25px;
    color: #383A3D;
}
.edit-group-right-con[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 470px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 10px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    padding: 10px;
}
.group-listings-header[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 450px;
    border-bottom: 2px solid #7070704D;
}
.group-listings-head[data-v-d8307d4e]{
    font: normal normal bold 16px/21px Roboto;
    letter-spacing: 0px;
    color: #515365;
}
.group-listings-list[data-v-d8307d4e]{
    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: 500px;
    overflow-y: auto;
    padding-right: 5px;
}
.listings-per-group[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    text-align: left;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #383A3D33;
    border-radius: 8px;
    padding: 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.group-list-logo[data-v-d8307d4e]{
    width: 113px;
    border-radius: 8px;
    height: 91px;
}
.group-list-details[data-v-d8307d4e]{
    position: relative;
    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;
}
.group-list-detail-name[data-v-d8307d4e]{
    font: normal normal bold 14px/19px Roboto;
    letter-spacing: 0.13px;
    color: #203154;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.group-list-labels[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
}
.group-list-number[data-v-d8307d4e]{
    background: #c1e0ff 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font: normal normal bold 10px/21px Roboto;
    letter-spacing: -0.2px;
    color: #2D599E;
    padding: 3px;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.group-list-number[data-v-d8307d4e]:hover{
    background: #3B5998 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #FFFFFF;
}
.group-list-status[data-v-d8307d4e]{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #70707054;
    border-radius: 4px;
    font: normal normal bold 10px/21px Roboto;
    letter-spacing: -0.2px;
    color: #595959;
    padding: 3px;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.group-list-label[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #70707054;
    border-radius: 4px;
    font: normal normal bold 10px/21px Roboto;
    letter-spacing: -0.2px;
    color: #595959;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    padding: 3px;
    width: 70px;
}
.group-list-label-name[data-v-d8307d4e]{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.group-list-label-logo[data-v-d8307d4e]{
    width: 16px;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    border-radius: 4px;
}
.group-list-label-description[data-v-d8307d4e]{
    font: normal normal normal 12px/16px Roboto;
    letter-spacing: 0.4px;
    color: #515365;
    width: 300px;
    height: 35px;
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box !important;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.group-listings-buttons[data-v-d8307d4e]{
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    left: 80%;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}
.group-listings-buttons.deleteListingClicked[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.remove-listing-span[data-v-d8307d4e]{
    width: 24px;
    height: 24px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    border-radius: 24px;
    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;
}
.remove-listing-span[data-v-d8307d4e]:hover{
    background: #7c243a17 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
}
.remove-listing-span.hidden[data-v-d8307d4e]{
    visibility: hidden;
}
.edit-listing-span[data-v-d8307d4e]{
    width: 24px;
    height: 24px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    border-radius: 24px;
    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;
}
.edit-listing-span-checkbox[data-v-d8307d4e] {
    margin-top: 5px;
	font-size: 24px;
	cursor: pointer;
  	caret-color: transparent;
	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;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
}
.edit-listing-span-checkbox[data-v-d8307d4e]:hover{
    background: #2D59AE30 0% 0% no-repeat padding-box;
}
.img-unchecked .img-hover .img-checked[data-v-d8307d4e] {
    padding-right: 3px;
    padding-top: 3px;
}


/* Hide the browser's default checkbox */
.edit-listing-span-checkbox input[data-v-d8307d4e] {
  display: none;
}

/* Hide the checked checkbox */
.img-checked[data-v-d8307d4e] {
	display: none;
}
.img-hover[data-v-d8307d4e] {
	display: none;
}
.edit-listing-span-checkbox .list-check:checked ~ .img-checked[data-v-d8307d4e] {
	display: inline;
    background: #e4606d 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    padding: 6px;
}
.list-check:checked ~ .group-list-detail-name[data-v-d8307d4e] {
    background: #2D59AE47 0% 0% no-repeat padding-box !important;
    border: 1px solid #2D59AE !important;
    border-radius: 8px !important;
    color: red !important;
}
.edit-listing-span-checkbox .list-check:checked ~ .img-unchecked[data-v-d8307d4e] {
	display: none;
}
.edit-listing-span-checkbox:hover .list-check:not(:checked) ~ .img-hover[data-v-d8307d4e] {
	display: inline;
}
.edit-listing-span-checkbox:hover .list-check:not(:checked) ~ .img-checked[data-v-d8307d4e] {
	display: none;
}
.edit-listing-span-checkbox:hover .list-check:not(:checked) ~ .img-unchecked[data-v-d8307d4e] {
	display: none;
}
.listings-per-group[data-v-d8307d4e]:hover{
    background: #ebf4ff 0% 0% no-repeat padding-box;
    border: 1px solid #c2d3e8fc;
    border-radius: 8px;
    cursor: pointer;
}
.listings-per-group:hover .group-listings-buttons[data-v-d8307d4e]{
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.listings-per-group.listingSelected[data-v-d8307d4e] {
    background: #2D59AE47 0% 0% no-repeat padding-box;
    border: 1px solid #2D59AE;
    border-radius: 8px;
}
.listings-per-group.listingChecked .group-listings-buttons[data-v-d8307d4e]{
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.confirm-listing-delete[data-v-d8307d4e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 30px;
    top: 30px;
    right: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    padding: 5px;
    border-radius: 10px;
    font: normal normal bold 14px/19px Roboto;
    letter-spacing: 0.24px;
    color: #515365;
}
.confirm-listing-button[data-v-d8307d4e]{
    padding: 3px;
}
.confirm-listing-button[data-v-d8307d4e]:hover{
    background: #52007817 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
}
.selected-listings-length[data-v-d8307d4e]{
    font: normal normal bold 16px/21px Roboto;
    letter-spacing: 0px;
    color: #515365;
    padding: 16.5px;
    margin-left: -15px;
}
.transfer-to[data-v-d8307d4e]{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #70707061;
    border-radius: 4px;
    padding: 3px;
    text-align: left;
    font: normal normal normal 14px/21px Roboto;
    letter-spacing: -0.2px;
    color: #4D4D4D;
    font-weight: 500;
}
.listings-transfer-label[data-v-d8307d4e]{
    color: #383A3D;
    margin-left: 5px;
    font-weight: 500;
    font-size: 13px;
}
.listings-transfer-select[data-v-d8307d4e]{
    display: block;
    width: 100%;
    height: calc(2.5rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #CED4DA;
    -webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
            box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    border-radius: 4px;
    margin-top: 7px;
}
.listings-transfer-option[data-v-d8307d4e]:hover{
    background: #3B5998 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font: normal normal normal 20px/16px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.deleteGroupBtn[data-v-d8307d4e]{
    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;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    border-color: #A30000;
    color: #A30000;
}
.deleteGroupBtn[data-v-d8307d4e]:hover{
    border-color: #A30000 !important;
    color: #A30000 !important;
}

/* MANAGE GROUPS END */
.sort-order-label[data-v-d8307d4e]{
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: bold;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.extraction-note[data-v-d8307d4e]{
    font-size: 12px;
    border: 1px solid black;
    padding: 5px;
    margin-bottom: 20px;
}
.order-by-buttons button.active[data-v-d8307d4e],
.sort-by-buttons button.active[data-v-d8307d4e] {
    background: #C2DEF9;
    border-color: #3F88DA;
    color: #3F88DA;
}

/* Item Classes / Type Aggregator */
#item-class-list-container[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: flex- start;
        -ms-flex-pack: flex- start;
            justify-content: flex- start;
    gap: 12px;
    width: 100%;
    margin-top: 24px;
    border: 1px solid red;

    height: 455px;
    overflow: auto;
    padding: 20px 10px;
    position: relative;
}
#item-class-list-container.hasActive[data-v-d8307d4e] {
    height: calc(100% + 395px);
}
/* .item-class {
    min-height: 50px;
    max-height: 400px;
    height: 50px;
    border: 1px solid #0000001F;
    border-radius: 4px;
    width: 100%;

    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
} */
.item-class.active[data-v-d8307d4e] {
    background-color: #3F88DA2B;
    border: 1px solid #3F88DA !important;
    border-radius: 4px !important;
}
#item-class-item-types[data-v-d8307d4e] {
    height: 75%;
    overflow: auto;
    padding: 0px 0px 20px 0px;
    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;
}
#item-class-item-types-container[data-v-d8307d4e] {
    /* display: flex;
    align-items: flex-start;
    justify-content: flex-start; */
    height: auto;
    /* max-height: 170px; */
    min-height:142px;
    padding: 10px 0px 20px 0px;
}
#item-class-item-types-container p[data-v-d8307d4e]{
    font-size: 12px;
    color: #515365;
    margin: 0px;
}
#item-class-item-types-container img[data-v-d8307d4e]{
    width: 12px;
    height: 12px;
}
#item-class-item-types-container.odd[data-v-d8307d4e] {
    border-right: 1px solid #0000001F;
}
#item-class-item-types-container.not-last[data-v-d8307d4e] {
    border-bottom: 1px solid #0000001F;
}
.item-type-status-p[data-v-d8307d4e] {
    color: #141517;
    font-weight: bold;
}
.platform-more-filter[data-v-d8307d4e] {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.platform-more-filter[data-v-d8307d4e]:hover {
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}
.list-field-con[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
    border: 1px solid #ccc9c9;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 1px 1px 5px 1px #cac6c6;
            box-shadow: 1px 1px 5px 1px #cac6c6;
}
.copyListingId[data-v-d8307d4e] {
    font-size: 12px;
    font-weight: 400;
    padding: 1px 5px;
    border-radius: 4px;
}
.missing-field-label[data-v-d8307d4e] {
    font: normal normal 350 14px/21px Roboto;
}
.missing-field-con[data-v-d8307d4e] {
    margin-bottom: -3px;
    width: 145px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.accepted-auto-sort[data-v-d8307d4e] {
    height: 100px;
    border: 1px dashed #ff971d;
    border-radius: 10px;
    position: relative;
    padding: 12px 20px 20px 124px;
    background: #fdf7f0;
}
.accepted-auto-sort .notice-img[data-v-d8307d4e] {
    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;
}
.accepted-auto-sort .notice-img img[data-v-d8307d4e] {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 32%;
    left: 50%;
}
.accepted-auto-sort h6[data-v-d8307d4e] {
    background: #ff971d;
    border-radius: 14px;
    line-height: 25px;
    height: 24px;
    width: 75px;
    text-align: center;
    color: #ffff;
    font-size: 11px;
    margin-bottom: 10px;
}
.accepted-auto-sort p[data-v-d8307d4e] {
    text-align: left;
    font-size: 13px;
    color: #000000CC;
}
.bulk-status-options-con[data-v-d8307d4e] {
    max-height: 200px;
    overflow-y: auto;
}
.case-timeline-menu[data-v-d8307d4e] {
    min-height: 48px;
    background: #DADFEBA0;
}
.case-summary-con[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:
    vertical;
    -webkit-box-direction:
    normal;
        -ms-flex-direction:
    column;
            flex-direction:
    column; height: 400px
}
.case-summary-header[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.case-report-header[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.filter-case-summary-con[data-v-d8307d4e] {
    position: relative;
    color: #2d4c8e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    width: 200px;
    white-space: nowrap;
}
.selectedCasePlatformLabels[data-v-d8307d4e] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-summary-all-platforms[data-v-d8307d4e] {
    margin-right: 5px;
    background-color: #3B5998;
    padding: 3px;
    border-radius: 3px;
    color: #FFFFFF;
}
.case-column-priority[data-v-d8307d4e] {
    font-size: 20px;
    font-weight: bolder;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.case-column-priority[data-v-d8307d4e]:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.export-case-column[data-v-d8307d4e]{
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.export-case-column[data-v-d8307d4e]:hover {
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.filter-active-platforms-con[data-v-d8307d4e] {
    height: 150px;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 18px;
    margin-top: 5px;
    row-gap: 5px;
}
.open-platform-priority[data-v-d8307d4e] {
    font-weight: bolder;
    font-size: 20px;
    position: relative
}
.open-platform-priority[data-v-d8307d4e]:hover {
    cursor: pointer;
}
.custom-column-priority-buttons[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.closedPriority[data-v-d8307d4e] {
    display: none;
}
.openedPriority[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029; 
    border-radius: 4px;
    width: 291px;
    height: 330px;
    right: 0;
}
.closedPlatformFilter[data-v-d8307d4e] {
    display: none;
}
.openedPlatformFilter[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    z-index: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029; 
    border-radius: 4px;
    right: -60px;
    top: 25px;
    max-height: 230px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow-y: auto;
}
.filter-platform-item[data-v-d8307d4e] {
    opacity: 1;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.filter-platform-item[data-v-d8307d4e]:hover {
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.add-selected-case-platform[data-v-d8307d4e] {
    width: 35px;
    height: 35px;
    background: #2571ffa8 0% 0% no-repeat padding-box;
    border-radius: 20px;
    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;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    border: none;
}
.add-selected-case-platform[data-v-d8307d4e]:hover {
    opacity: 0.7;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}
.selected-case-platforms[data-v-d8307d4e] {
    width: 260px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 0px 2px #00000029;
            box-shadow: 0px 0px 2px #00000029;
    border-radius: 5px;
    border-left: 5px solid #3B5998;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font: normal normal bold 12px / 14px Roboto;
    letter-spacing: 0px;
    color: #515365;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.selected-case-platforms[data-v-d8307d4e]:hover {
    background: #eaeaea 0% 0% no-repeat padding-box;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.selected-case-platforms:hover .remove-case-column[data-v-d8307d4e] {
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.draggable-selected-platform[data-v-d8307d4e] {
    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;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.remove-case-column[data-v-d8307d4e] {
    display: none;
    position: relative;
    z-index: 10;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.remove-case-column[data-v-d8307d4e]:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.cases-table-head[data-v-d8307d4e] {
    background: 0% 0% no-repeat padding-box padding-box rgba(83, 96, 109, 0.15);
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    text-wrap: nowrap;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    height: 35px;
    font-size: smaller;
}
.cases-list-con[data-v-d8307d4e] {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    background: #FBF9FA 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    font: normal normal 500 10px / 13px Roboto;
    color: #515365;
}
.case-platform-con[data-v-d8307d4e] {
    position: relative;
    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;
}
.case-column-platform[data-v-d8307d4e] {
    width: 75px;
    height: 21px;
    background: #3B59981F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font: normal normal 450 11px/13px Roboto;
    letter-spacing: 0px;
    color: #3B5998;
    padding: 5px;
    position: relative;
}
.list-case-platforms[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.show-case-platforms[data-v-d8307d4e] {
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 999;
    background: white;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 5px;
    display: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: 200px;
    overflow-y: auto;
    white-space: nowrap;
}
.case-platform-con:hover .show-case-platforms[data-v-d8307d4e] {
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.sorting-caret-con[data-v-d8307d4e] {
    width: 9px;
    height: 9px;
}
.sorting-caret[data-v-d8307d4e] {
    color: #53606D;
    font-size: 13px;
    position: absolute;
    left: 0;
    right: 0;
}
.sorting-caret-con .sorting-caret.top-caret[data-v-d8307d4e] {
    bottom: 2px;
}
.sorting-caret-con .sorting-caret.bottom-caret[data-v-d8307d4e] {
    top: 2px;
}
.filter-platform-notif[data-v-d8307d4e] {
    border: 1px solid #59a5e9;
    background-color: #f5f4f4;
    border-radius: 5px;
    height: 49px;
    width: 360px;
    position: absolute;
    top: 40px;
    margin-left: 200px;
    -webkit-box-shadow: 0px 3px 6px #59a5e9;
            box-shadow: 0px 3px 6px #59a5e9;
    font: normal normal normal 10px / 13px Roboto;
    color: #00539d;
    text-align: left;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}
.filter-case-platform-btns[data-v-d8307d4e] {
    font-size: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    margin-right: 10px;
    padding: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.case-platform-btn1[data-v-d8307d4e]:hover {
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.case-platform-btn2[data-v-d8307d4e]:hover {
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}.ungroup-sellers-con[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin-bottom: 20px;
}
.group-sellers-con[data-v-d8307d4e] {
    width: 300px;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-right: 2px solid #7070702E;
}
.edit-group-sellers-con[data-v-d8307d4e] {
    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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 20px;
}
.update-sellers-group[data-v-d8307d4e] {
    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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-bottom: 2px solid #7070702E;
    padding: 5px;
    width: 270px
}
.update-group-label[data-v-d8307d4e] {
    text-transform: uppercase;
    color: #3E88DA;
    font: normal normal bold 10px/13px Roboto;
}
.update-group-fields[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px
}
.ungroup-seller-campaign[data-v-d8307d4e] {
    font: normal normal bold 20px/24px Roboto;
    letter-spacing: 0.26px;
}
.upgroup-seller-case[data-v-d8307d4e] {
    font: normal normal bold 14px/17px Roboto;
    letter-spacing: 0.24px;
    color: #3B5998
}
.ungroup-labels-textfields[data-v-d8307d4e] {
    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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
    width: 270px;
    margin-top: 25px;
    row-gap: 30px;
}
.ungroup-sellers-buttons[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 90%
}
.ungroup-sellers-group-con[data-v-d8307d4e] {
    width: 600px;
    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;
}
.ungroup-sellers-group-con-head[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.ungroup-sellers-head-label[data-v-d8307d4e] {
    font: normal normal bold 12px/14px Roboto;
    letter-spacing: 0.15px;
    color: #515365;
}
.ungroup-seller-btn[data-v-d8307d4e] {
    width: 70px;
    height: 22px;
    background: #3E88DAB3 0% 0% no-repeat padding-box;
    border: 1px solid #2D599E;
    border-radius: 4px;
    font: normal normal 400 10px/13px Roboto;
    color: #FFFFFF;
    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;
    text-transform: uppercase
}
.ungroup-seller-cases-con[data-v-d8307d4e] {
    max-height: 450px;
    overflow-y: auto;
    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;
}
.ungroup-seller-cases-header[data-v-d8307d4e] {
    position: relative;
    width: 580px;
    /* height: 500px; */
    -webkit-box-shadow: 0px 1px 3px #00000029;
            box-shadow: 0px 1px 3px #00000029;
    border: 0.5px solid #707070;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 20px;
    row-gap: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.ungroup-seller-cases-header[data-v-d8307d4e]:hover {
    background: #383A3D0F 0% 0% no-repeat padding-box;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.ungroup-seller-cases-list[data-v-d8307d4e] {
    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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    min-height: 100px;
}
.ungroup-seller-accounts[data-v-d8307d4e] {
    font: normal normal 410 12px/14px Roboto;
    color: #3E88DA;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.ungroup-seller-accounts-con[data-v-d8307d4e] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    grid-auto-rows: 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    height: 120px;
    grid-row-gap: 10px;
    overflow-y: auto;
}
.case-seller-account-details[data-v-d8307d4e] {
    font: normal normal normal 12px/14px Roboto;
    letter-spacing: 0.4px;
    color: #515365;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-seller-account-value[data-v-d8307d4e] {
    font: normal normal 420 12px/14px Roboto;
    color: #383A3D;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    text-align: left;
    margin-right: -25px;
}
.main-account[data-v-d8307d4e] {
    color: #29ABA2;
}
.case-seller-account-detail-con[data-v-d8307d4e] {
    white-space: nowrap;
    width: 230px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ungroup-seller-case-name[data-v-d8307d4e] {
    font: normal normal bold 20px/24px Roboto;
    letter-spacing: 0.19px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.remove-seller-icon[data-v-d8307d4e] {
    width: 30px;
    height: 30px;
    background: 0% 0% no-repeat padding-box padding-box rgba(245, 104, 108, 0.8);
    border: 1px solid rgb(245, 104, 108);
    border-radius: 2px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #FFFFFF;
    display: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.remove-seller-icon[data-v-d8307d4e]:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.ungroup-seller-cases-header:hover .remove-seller-icon[data-v-d8307d4e] {
    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;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.confirm-ungroup-seller-con[data-v-d8307d4e] {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    width: 400px
}
.ungrouping-label[data-v-d8307d4e] {
    color: #DC3C40; font: normal normal bold 20px/21px Roboto;
    letter-spacing: 0.36px;
}
.ungrouping-notes[data-v-d8307d4e] {
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0.22px;
    color: #515365;
}
.edit-group-fields[data-v-d8307d4e] {
    position: absolute;
    right: 0;
    z-index: 10;
}
.cancel-ungroup-sellers-btn[data-v-d8307d4e] {
    border: none !important;
    text-decoration: underline;
    color: #383A3D;
}
.custom-dropdown-menu-con[data-v-d8307d4e] {
    position: absolute;
    left: 0;
    width: 250px;
    margin-top: -10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 200px;
    -webkit-box-shadow: 0px 2px 6px #00000017;
            box-shadow: 0px 2px 6px #00000017;
    overflow: auto;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #FFFFFF;
    font: normal normal normal 13px / 15px Roboto;
}
.custom-dropdown-menu[data-v-d8307d4e] {
    padding: 10px 12px;
    color: #1a1a1a;
}
.custom-dropdown-menu[data-v-d8307d4e]:hover {
    background-color: #480048;
    cursor: pointer;
    color: #FFFFFF;
}
#case--statuses h4[data-v-d8307d4e] {
    text-transform: uppercase;
    text-align: left;
    font: normal normal bold 12px/16px Roboto;
    letter-spacing: 0.4px;
    position: relative;
}
#case--statuses h4 b.overdue[data-v-d8307d4e] {
    color: #DE4A4D;
}
#case--statuses h4 b.pending[data-v-d8307d4e] {
    color: #FC8829;
}
#case--statuses h4 b.completed[data-v-d8307d4e] {
    color: #34508A;
}
#case--statuses h4[data-v-d8307d4e]::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    background: #8293B1;
    right: 0;
    top: 0;
}
#case--statuses a:first-child .case-status[data-v-d8307d4e] {
    margin-left: initial;
    padding-left: 5px;
    border-radius: 4px 25px 25px 4px;
}
#case--statuses a:last-child .case-status[data-v-d8307d4e] {
    padding-right: 5px;
}
#case--statuses .case-file-con[data-v-d8307d4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
#case--statuses .case-file-con[data-v-d8307d4e]:nth-child(1) {
    width: auto !important;
}
#case--statuses .case-file-con[data-v-d8307d4e]:nth-child(1)::before {
    display: none;
}
#case--statuses .case-file-con:nth-child(1) .case-file-details-con[data-v-d8307d4e] {
    left: 0;
}
#case--statuses .case-file-con[data-v-d8307d4e]::before {
    content:"";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    left: 0;
    background: #34508A;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
}
#case--statuses .case-file[data-v-d8307d4e] {
    border-radius: 100px;
    border: 1px solid #34508A;
    height: 32px;
    width: 32px;
    background: #fff;
    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;
    z-index: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 1;
    transition: .2s ease;
    -webkit-transition: .2s ease;
}
#case--statuses .case-file[data-v-d8307d4e]:hover {
    border-radius: 100px !important;
    border-width: 4px !important;
}
#case--statuses .case-file.current[data-v-d8307d4e] {
    border-width: 2px;
    border-radius: 100px 100px 40px 100px;
}
#case--statuses .case-file-con.pass[data-v-d8307d4e]::before {
    background: #34508A;
    opacity: 1;
}
#case--statuses .case-file-con.pass .case-file[data-v-d8307d4e] {
    border-color: #34508A;
    opacity: 1;
}
#case--statuses .case-file-con.overdue[data-v-d8307d4e]::before {
    background: #DE4A4D;
    opacity: 1;
}
#case--statuses .case-file-con.overdue .case-file[data-v-d8307d4e] {
    border-color: #DE4A4D;
    border-width: 2px;
    opacity: 1;
}
#case--statuses .case-file-con.pending[data-v-d8307d4e]::before {
    background: #FC8829;
    opacity: 1;
}
#case--statuses .case-file-con.pending .case-file[data-v-d8307d4e] {
    border-color: #FC8829;
    border-width: 2px;
    opacity: 1;
}
#case--statuses .case-file-con.completed[data-v-d8307d4e]::before {
    background: #34508A;
    opacity: 1;
}
#case--statuses .case-file-con.completed .case-file[data-v-d8307d4e] {
    border-color: #2857B7;
    border-width: 2px;
    opacity: 1;
}
#case--statuses .case-file img[data-v-d8307d4e] {
    height: 18px;
    width: 16px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: .3;
}
#case--statuses .case-file img.available[data-v-d8307d4e] {
    opacity: 1;
}
#case--statuses .case-file-con.download-all-button[data-v-d8307d4e] {
    opacity: 0.5;
    transition: .2s ease;
    -webkit-transition: .2s ease;
}
#case--statuses .case-file-con.download-all-button.available[data-v-d8307d4e] {
    opacity: 1;
}
#case--statuses .case-file-con.download-all-button[data-v-d8307d4e]::before {
    background: #12861F;
    opacity: 1;
}
#case--statuses .case-file-con.download-all-button .case-file[data-v-d8307d4e] {
    border-color: #12861F;
    background: #fff;
    color: #fff;
    border-width: 16px;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition: .6s ease;
    -webkit-transition: .6s ease;
}
#case--statuses .case-file-con.download-all-button .case-file[data-v-d8307d4e]:hover {
    color: #12861F;
    border-color: #12861F;
    border-width: 2px;
    opacity: 1;
}
#case--statuses .case-file-con.download-all-button .case-file a[data-v-d8307d4e] {
    position: relative;
}
#case--statuses .case-file-details-con[data-v-d8307d4e] {
    padding-top: 15px;
    top: 60%;
    left: 70%;
    position: absolute;
    display: none;
    z-index: 3;
    transition: .3s ease;
    -webkit-transition: .3s ease;
}
#case--statuses .case-file-details[data-v-d8307d4e] {
    opacity: 1;
    padding: 12px;
    max-width: 500px;
    min-width: 165px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
            box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
#case--statuses .case-file:hover + .case-file-details-con[data-v-d8307d4e],
#case--statuses .case-file-details-con[data-v-d8307d4e]:hover {
    display: block;
}
#case--statuses .due-status[data-v-d8307d4e] {
    padding-left: 15px;
    position: relative;
    font-size: 10px;
}
#case--statuses .due-status[data-v-d8307d4e]::before {
    content: "";
    height: 8px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    background: transparent;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#case--statuses .due-status.overdue[data-v-d8307d4e] {
    color: #DE4A4D;
}
#case--statuses .due-status.overdue[data-v-d8307d4e]::before {
    background: #DE4A4D;
}
#case--statuses .due-status.pending[data-v-d8307d4e] {
    color: #FC8829;
}
#case--statuses .due-status.pending[data-v-d8307d4e]::before {
    background: #FC8829;
}
#case--statuses .due-status.completed[data-v-d8307d4e] {
    color: #34508A;
}
#case--statuses .due-status.completed[data-v-d8307d4e]::before {
    background: #34508AB4;
}
#case--statuses .case-file-download[data-v-d8307d4e] {
    padding: 6px 15px;
    background: #12861F;
    text-align: center;
    border-radius: 6px;
    width: 100%;
    color: #fff;
    font-size: 12px;
    position: relative;
    display: inline-block;
}
#case--statuses .due-date[data-v-d8307d4e] {
    font-size: 10px;
    color: #383A3D;
    letter-spacing: -0.2px;
    display: block;
}
#case--statuses .due-date2[data-v-d8307d4e] {
    position: relative;
    padding-top: 32px;
}
#case--statuses .due-date2[data-v-d8307d4e]::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    width: 1px;
    height: 20px;
    background: #DADFEB;
    margin: 0 auto;
}