/*
* VER VARIATION
*/
.gui-ver .pagination .page-item:not(.disabled) .page-link {
    color: #3e88da;
}

/*
* CM VARIATION
*/
.gui-cm .pagination .page-item:not(.disabled) .page-link {
    color: #3b5998;
}

/*
* ADMIN VARIATION
*/
.gui-admin .pagination .page-item:not(.disabled) .page-link {
    color: #480048;
}


.a-radio label.custom-control-label {
    font-size: 14px;
    font-weight: 400;
    padding-left: 19px;
}


/*
*   PROGRESS
*/
.a-progress[data-v-8ddf7380] {
    background: #B3BCCF29 0% 0% no-repeat padding-box;
    max-width:100%;
}
.a-progress .progress-bar[data-v-8ddf7380] {
    border-radius: 0px 8px 8px 0px;
}
.a-progress-lg[data-v-8ddf7380] {
    height: 16px;
}
.a-progress-md[data-v-8ddf7380] {
    height: 12px;
}
.a-progress-smd[data-v-8ddf7380] {
    height: 8px;
}
.a-progress-sm[data-v-8ddf7380] {
    height: 6px;
}
.a-progress-primary[data-v-8ddf7380] {
    background: #6EB4F9 0% 0% no-repeat padding-box;
}
.a-progress-danger[data-v-8ddf7380] {
    background: #f96e6e 0% 0% no-repeat padding-box;
}
.a-progress-success[data-v-8ddf7380] {
    background: #31e89c 0% 0% no-repeat padding-box;
}
.stat-circle[data-v-8ddf7380] {
    position: relative;
}
.stat-circle circle.bg[data-v-8ddf7380] {
    fill: none;
    stroke: #f1f1f1;
    stroke-width: 2;
}
.stat-circle circle.progress[data-v-8ddf7380] {
    fill: none;
    stroke: #2d589d;
    stroke-width: 2;
    stroke-dasharray: 51 51;
    stroke-dashoffset: -51;
    stroke-linecap: round;
}
.stat-circle.completed circle.bg[data-v-8ddf7380] {
    fill: #2d589d;
}
.stat-circle.completed circle.progress[data-v-8ddf7380] {
    fill: #2d589d;
}
.stat-circle.success circle.progress[data-v-8ddf7380] {
    stroke: #2ecc71;
}
.stat-circle.success.completed circle.bg[data-v-8ddf7380] {
    fill: #2ecc71;
}
.stat-circle.success.completed circle.progress[data-v-8ddf7380] {
    fill: #2ecc71;
}
.stat-circle.invalid circle.progress[data-v-8ddf7380] {
    stroke: #e04242;
}
.stat-circle.invalid.completed circle.bg[data-v-8ddf7380] {
    fill: #e04242;
}
.stat-circle.invalid.completed circle.progress[data-v-8ddf7380] {
    fill: #e04242;
}
.stat-circle text[data-v-8ddf7380] {
    font-size: 3px;
    text-anchor: middle;
    fill: #555;
}

/*
*   ADMIN VARIATION
*/
.gui-admin .a-progress[data-v-8ddf7380] {
    background-color: #FFB89C;
    border-radius: 0px 8px 8px 0px;
}
.gui-admin .progress-bar[data-v-8ddf7380] {
    background-color: #C04848;
}

/*
*   End of progress
*/ 


:root {
  --count: 0%;
}
.progress-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.sub-progress-con {
  margin: auto;
  width: 73.25px;
  height: 33.84px;
  border-radius: 20px;
  position: relative;
  border: 1px solid #FFFFFF;
  background-color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sub-progress-con:hover {
  cursor: pointer;
}
.imgClass {
  height: 20px;
  width: 20px;
}
.sub-progress-con::before {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  background-color: #B8D2F1;
  z-index: -100;
  border-radius: 21.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sub-progress-con::after {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  background-color: transparent;
  background-image: conic-gradient(from -60deg, #3E88DA, #3E88DA var(--count), transparent var(--count));
  z-index: -100;
  border-radius: 21.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}


.a-navbar[data-v-dc242cf4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 2px 5px #0000000D; */
    padding: 9px 30px 8px 13px;
    position: relative;
    height: 57px;
    z-index: 2;
    border-bottom: 1px solid #dee2e6;
}
.a-navbar .navbar-brand[data-v-dc242cf4] {
    letter-spacing: 3.2px;
    color: #3E88DA;
    font-weight: 500;
    font-size:16px;
    line-height: 31px;
    padding: 0;
    /* margin-left: 18px; */
}
.a-navbar.with-weekly-quota[data-v-dc242cf4] {
    width: calc(100% - 322px);
}
.a-navbar .navbar-brand[data-v-dc242cf4]:hover {
    color: #3E88DA;
}
.a-navbar .navbar-brand .nav-text-icon[data-v-dc242cf4] {
    height: 16px;
    width: 16px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.a-navbar .navbar-brand .campaign-icon[data-v-dc242cf4] {
    height: 40px;
    width: 40px;
    border: 1px solid #3E88DA;
    border-radius: 20px;
    position: relative;
}
.a-navbar .navbar-brand .nav-text[data-v-dc242cf4],
.a-navbar .navbar-brand .seller-text[data-v-dc242cf4] {
    height: 28px;
    padding: 0 25px;
    line-height: 30px;
    border: 1px solid #3E88DA;
    border-radius: 20px;
    margin-left: 14px;
    position: relative;
    font-size: 14px;
    color: #3E88DA;
    display: inline-block;
    vertical-align: middle;
}
.a-navbar .navbar-brand .seller-text[data-v-dc242cf4] {
    max-width: 230px;
    background: #3E88DA;
    color: #ffff;
    padding-left: 25px;
    padding-right: 40px;
}
.a-navbar .navbar-brand .seller-text-full[data-v-dc242cf4],
.a-navbar .navbar-brand .campaign-text-full[data-v-dc242cf4] {
    width: 100%;
    display: block;
    min-height: 28px;
    padding: 10px 20px 10px 47px;
    border: 1px solid #70707042;
    border-radius: 20px;
    background: #84b3e7;
    color: #ffff;
    font-size: 12px;
    font-weight: 500 !important;
    word-break: break-all;
    white-space: normal;
    line-height: 18px;
    letter-spacing: 0.24px;
    position: relative;
}
.a-navbar .navbar-brand .seller-text-full[data-v-dc242cf4]::before,
.a-navbar .navbar-brand .campaign-text-full[data-v-dc242cf4]::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    height: 16px;
    width: 16px;
    background: url('/static/svg/manual-add/SellerURL_white.svg');
    background-size: cover;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.a-navbar .navbar-brand .campaign-text-full[data-v-dc242cf4]::before {
    background: url('/static/svg/manual-add/SellerURL_white.svg');
    background-size: cover;
}
.a-navbar .navbar-brand .campaign-icon-con[data-v-dc242cf4]::before,
.a-navbar .navbar-brand .nav-text[data-v-dc242cf4]::before,
.a-navbar .navbar-brand .seller-text[data-v-dc242cf4]::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 15px;
    background: #3E88DA;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.a-navbar .navbar-brand .seller-text[data-v-dc242cf4]::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    background: #3E88DA;
    border-radius: 100%;
    right: -27px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ar-tooltip[data-v-dc242cf4] {
    position: relative;
    display: inline-block;
}
.ar-tooltip-con[data-v-dc242cf4] {
    width: 346px;
    padding: 20px 14px 24px;
    border-radius: 16px;
    border: 1px solid #7070703D;
    background: #ffff;
    position: absolute;
    left: 20px;
    top: 21px;
    z-index: 12;
}
.ar-tooltip-title[data-v-dc242cf4] {
    font-weight: 700;
    font-size: 12px;
    color: #888888;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}
.a-navbar .a-navbar-text[data-v-dc242cf4] {
    color: #515365 !important;
    letter-spacing: initial;
    font-weight: 400;
    font-size: 20px;
}
.a-navbar .navbar-brand img[data-v-dc242cf4] {
    /* margin-right:10px; */
    margin-right: 1px;
    height: 30px;
    width: 30px;
}
.a-navbar .a-navbar-nav a[data-v-dc242cf4]:not(.dropdown-item) {
    color: #515365;
    font-weight: 500;
}
.a-navbar .search-btn[data-v-dc242cf4] {
    color: #383A3D;
}
#userDropdown[data-v-dc242cf4], #translation[data-v-dc242cf4] {
    position: relative;
}
#userDropdown.isSuperAdmin[data-v-dc242cf4]:after, #translation[data-v-dc242cf4]:after{
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #7070701C;
    position: absolute;
    height:56px;
    width:1px;
    top: 50%;
    right: 0;
}
#userDropdown i[data-v-dc242cf4], #translation i[data-v-dc242cf4] {
    margin-left: 10px;
    opacity: 0.57;
}
.align-campaign[data-v-dc242cf4] {
    max-width     : 200px;
    display       : inline-block;
    vertical-align: middle;
}
.ar-notification .dropdown-menu-lg[data-v-dc242cf4] {
    max-width: initial;
    width: 420px;
}
.ar-notification .dropdown-menu .dropdown-item.unread[data-v-dc242cf4] {
    background: #e8e8e8;
}
.dropdown-item[data-v-dc242cf4]:hover {
    background-color:#dfdede !important;
}
.ar-notification .dropdown-counter[data-v-dc242cf4],
.ar-notification .dropdown-footer[data-v-dc242cf4] {
    padding: 14px;
}
.ar-notification .badge[data-v-dc242cf4] {
    top: 2px;
    padding: 3px 4px 2px;
}
.ar-notification .notif-main-con[data-v-dc242cf4] {
    min-height: 0;
    max-height: 350px;
    overflow-y: auto;
}
.ar-notification .notif-con[data-v-dc242cf4] {
    padding-left: 58px;
    cursor: pointer;
}
.ar-notification .notif-con img[data-v-dc242cf4] {
    position:absolute;
    height: 40px;
    width: 40px;
    left:0;
    top: 0;
}
.ar-notification .notif-details-con h5[data-v-dc242cf4] {
    color: #515365;
    font-size: 16px;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 60%;
}
.ar-notification .notif-details-con .text-muted[data-v-dc242cf4] {
    color: #999a9b !important;
    font-size: 11px !important;
}
.ar-notification .notif-details-con-con[data-v-dc242cf4] {
    letter-spacing: 0.3px;
    font-size: 11px;
}
.ar-notification .notif-details-con-con.cl-notif[data-v-dc242cf4] {
    font-size: 13px;
    width: 100%;
}

/* 
.ar-notification .notif-details-con-con.cl-notif p.m-0.text-muted {
    display: inline-block;    
}
*/
.no-notif[data-v-dc242cf4] {
    font-size: 14px;
    padding:14px;
    text-align:center;
}
*[data-v-dc242cf4] .a-btn-text:hover {
    background-color: transparent !important;
    text-decoration: underline;
}
.notif-details-con-con[data-v-dc242cf4] {
    word-break: break-word;
}

/* .in-holiday-theme .a-navbar {
    background: #F9D9C3;
} */
.in-holiday-theme .a-navbar .brand-with-gui-text[data-v-dc242cf4] {
    width: 302px;
    margin-right: 0;
    height: auto;
    position: absolute;
    top: 8px;
}
.in-holiday-theme .snow-container[data-v-dc242cf4] {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.in-holiday-theme .christmas-notification-bell[data-v-dc242cf4] {
    height: auto;
    width: 18px;
}

/* .gui-admin .in-holiday-theme .a-navbar {
    background: #F4CCC0;
} */
.in-holiday-theme .a-navbar .holiday-navbar-brand[data-v-dc242cf4] {
    position: absolute;
    margin-top: -38px;
    text-transform: uppercase;
    font-weight: 900;
    color: #E3707F;
    letter-spacing: -0.1px;
}
.in-holiday-theme .a-navbar .holiday-gui-text[data-v-dc242cf4] {
    width: 177px;
    margin-right: 14px;
    height: auto;
    position: relative;
    top: -10px;
    margin-left: 35px;
}
.in-holiday-theme .a-navbar .holiday-gui-text-con[data-v-dc242cf4] {
    position: relative;
    margin-right: 10px;
}
.in-holiday-theme .a-navbar .holiday-gui-text-con[data-v-dc242cf4]::before {
    content: "";
    position: absolute;
    right: 0;
    height: 40%;
    width: 1px;
    background: #E3707F;
    top: 28%;
}
.gui-admin .in-holiday-theme .a-navbar .brand-with-gui-text[data-v-dc242cf4] {
    width: 325px;
}

/*
*   ADMIN VARIATION
*/
.gui-admin .a-navbar .navbar-brand[data-v-dc242cf4] {
    color: #480048;
}
.gui-admin .a-navbar .navbar-brand[data-v-dc242cf4]:hover {
    color: #480048;
}
.gui-admin .in-holiday-theme .a-navbar .holiday-gui-text-con[data-v-dc242cf4]::before {
    background: #480048;
}
.gui-admin .in-holiday-theme .a-navbar .holiday-navbar-brand[data-v-dc242cf4] {
    color: #480048;
}

/* RESEARCHER'S TRACKER START */
.researcher-tracker[data-v-dc242cf4] {
    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: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    padding: 2px 4px;
    /* background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #B8D2F1; */
    border-radius: 20px;
    margin-top: -8px;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
}
.researcher-tracker.active[data-v-dc242cf4] {
    cursor: pointer;
    background: #c1c1c140 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 1px 3px #00000029;
            box-shadow: 0px 1px 3px #00000029;
    /* border: 2px solid #B8D2F1; */
    -webkit-transition: .3s;
    transition: .3s;
}
.researcher-tracker.active .researcher-tracker-icon[data-v-dc242cf4] {
    -webkit-transform: rotate(-15deg) scale(1.2);
            transform: rotate(-15deg) scale(1.2);
    -webkit-transition: .3s;
    transition: .3s;
}
.researcher-tracker[data-v-dc242cf4]:hover {
    cursor: pointer;
    background: #c1c1c140 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 1px 3px #00000029;
            box-shadow: 0px 1px 3px #00000029;
    /* border: 2px solid #B8D2F1; */
    -webkit-transition: .3s;
    transition: .3s;
}
.researcher-tracker:hover .researcher-tracker-icon[data-v-dc242cf4] {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(-15deg) scale(1.2);
            transform: rotate(-15deg) scale(1.2);
}
.researcher-tracker-span[data-v-dc242cf4] {
    border-radius: 50%;
    background: #6EB4F9;
    padding: 5px;
}
.researcher-tracker-icon[data-v-dc242cf4] {
    -webkit-transition: .3s;
    transition: .3s;
}
.researcher-tracker i[data-v-dc242cf4] {
    padding-left: 8px;
}

/* RESEARCHER'S TRACKER END */
.navbar-badge.lead-tracker[data-v-dc242cf4] {
    top: -5px;
    right: 8px;
    z-index: 2;
    padding: 3px 5px;
}
#lead-exhausted-tracker-notification[data-v-dc242cf4] {
    background: #ffff;
    width: 295px;
    height: 325px;
    position: absolute;
    right: 15px;
    top: 43px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    cursor: pointer;
}
#lead-exhausted-tracker-notification.show[data-v-dc242cf4] {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#lead-exhausted-tracker-notification.show[data-v-dc242cf4]:hover {
    background: #F5F5F5;
}
#lead-exhausted-tracker-notification .researcher-tracker-logo[data-v-dc242cf4] {
    height: 134px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#lead-exhausted-tracker-notification .researcher-tracker-logo .exhausted-icon[data-v-dc242cf4] {
    position: absolute;
    right: -12px;
    bottom: -10px;
    width: 32px;
    height: 32px;
}
#lead-exhausted-tracker-notification .researcher-tracker-campaign-con[data-v-dc242cf4] {
    overflow: hidden;
    height: 85px;
    width: 85px;
    border-radius: 100%;
}
#lead-exhausted-tracker-notification .exhausted-icon-con[data-v-dc242cf4] {
    position: absolute;
    top: 28.7%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#lead-exhausted-tracker-notification .researcher-tracker-campaign[data-v-dc242cf4] {
    height: 100%;
    width: 100%;
    -webkit-transform: scale(1.2);
            transform: scale(1.2)
}
#lead-exhausted-tracker-notification .tracker-campaign[data-v-dc242cf4] {
    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;
    row-gap: 10px;
    margin-top: 25px;
    position: relative;
    z-index: 2;
}
#lead-exhausted-tracker-notification .tracker-campaign-name[data-v-dc242cf4] {
    font: normal normal bold 15px/21px Roboto;
    letter-spacing: 0.36px;
    color: #515365;
}
#lead-exhausted-tracker-notification .tracker-platform-name[data-v-dc242cf4] {
    font: normal normal bold 10px/21px Roboto;
    letter-spacing: -0.2px;
    color: #383A3D;
}
#lead-exhausted-tracker-notification .tracker-campaign-platform[data-v-dc242cf4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #383A3D26;
    border-radius: 4px;
    padding: 2px 10px;
    text-transform: uppercase;
    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;
    -webkit-column-gap: 2px;
       -moz-column-gap: 2px;
            column-gap: 2px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
}
#lead-exhausted-tracker-notification .tracker-text[data-v-dc242cf4] {
    text-align: center;
    font: normal normal bold 14px/18px Roboto;
    letter-spacing: 0px;
    color: #515365;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#lead-exhausted-tracker-notification .tracker-text-desc[data-v-dc242cf4] {
    margin: 0 auto;
    padding: 0 20px;
    display: block;
}
#lead-exhausted-tracker-notification .researcher-name[data-v-dc242cf4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #383A3D26;
    border-radius: 4px;
    padding: 2px 10px;
    display: inline-block;
    text-align: center;
    margin: 10px auto 0;
}

/*FURTHER RESEARCH NOTIFICATION */
#further-research-notification[data-v-dc242cf4] {
    background: #ffff;
    width: 295px;
    height: 325px;
    position: absolute;
    right: 15px;
    top: 43px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    cursor: pointer;
}
#further-research-notification.show[data-v-dc242cf4] {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#further-research-notification.show[data-v-dc242cf4]:hover {
    background: #F5F5F5;
}
#further-research-notification .researcher-tracker-logo[data-v-dc242cf4] {
    height: 134px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#further-research-notification .researcher-tracker-logo .exhausted-icon[data-v-dc242cf4] {
    position: absolute;
    right: -12px;
    bottom: -10px;
    width: 32px;
    height: 32px;
}
#further-research-notification .researcher-tracker-campaign-con[data-v-dc242cf4] {
    overflow: hidden;
    height: 85px;
    width: 85px;
    border-radius: 100%;
}
#further-research-notification .exhausted-icon-con[data-v-dc242cf4] {
    position: absolute;
    top: 28.7%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#further-research-notification .researcher-tracker-campaign[data-v-dc242cf4] {
    height: 100%;
    width: 100%;
    -webkit-transform: scale(1.2);
            transform: scale(1.2)
}
#further-research-notification .tracker-campaign[data-v-dc242cf4] {
    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;
    row-gap: 10px;
    margin-top: 25px;
    position: relative;
    z-index: 2;
}
#further-research-notification .tracker-campaign-name[data-v-dc242cf4] {
    font: normal normal bold 15px/21px Roboto;
    letter-spacing: 0.36px;
    color: #515365;
}
#further-research-notification .tracker-platform-name[data-v-dc242cf4] {
    font: normal normal bold 10px/21px Roboto;
    letter-spacing: -0.2px;
    color: #383A3D;
}
#further-research-notification .tracker-campaign-platform[data-v-dc242cf4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #383A3D26;
    border-radius: 4px;
    padding: 2px 10px;
    text-transform: uppercase;
    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;
    -webkit-column-gap: 2px;
       -moz-column-gap: 2px;
            column-gap: 2px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
}
#further-research-notification .tracker-text[data-v-dc242cf4] {
    text-align: center;
    font: normal normal bold 14px/18px Roboto;
    letter-spacing: 0px;
    color: #515365;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#further-research-notification .tracker-text-desc[data-v-dc242cf4] {
    margin: 0 auto;
    padding: 0 20px;
    display: block;
}
#further-research-notification .researcher-name[data-v-dc242cf4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #383A3D26;
    border-radius: 4px;
    padding: 2px 10px;
    display: inline-block;
    text-align: center;
    margin: 10px auto 0;
}
.lead-weekly-quota-tracker-span[data-v-dc242cf4] {
    width: 25px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
}
.lead-weekly-quota-tracker-icon[data-v-dc242cf4] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15);
}
.user-profile-btn[data-v-dc242cf4] {
    padding: 5px;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.user-profile-btn[data-v-dc242cf4]:hover {
    background: #EBEBEB 0% 0% no-repeat padding-box;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.qa-dropdown[data-v-dc242cf4] {
    padding: 10px;
}
.qa-dropdown:hover .end-shift-icon[data-v-dc242cf4] {
    background-image: url("/static/svg/qa-tracker/bye-bird-orange.svg");
    width: 40px;
    height: 24px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background-color: #FC8829;
    border: 1px solid #FC8829;
    background-size: cover;
}
.end-shift-icon[data-v-dc242cf4] {
    border: 1px solid #FC8829;
    padding: 5px;
    width: 40px;
    height: 24px;
    border-radius: 6px;
    background-image: url("/static/svg/qa-tracker/bird-end.svg");
    background-size: cover;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}


/*
*   NAVIGATION LINKS
*/
.a-nav-link {
    display           : inline-block;
    color             : #000000DE;
    position          : relative;
    -webkit-transition: background .2s ease;
    transition        : background .2s ease;
    height            : 72px;
    padding-right     : 53px;
}
.a-nav-link:hover {
    color     : #000000DE;
    background: #EAF0FC;
}
.a-nav-link .card-img-top {
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
    position         : absolute;
    height           : 56px;
    width            : 100px;
    top              : 50%;
    left             : 0;
}
.a-nav-link .card-body {
    margin-left: 120px;
    padding    : 0;
}
.a-nav-link .card-title {
    color      : #000000DE;
    font-size  : 16px;
    line-height: 72px;
}
/*
*   End of navigation links
*/


.note[data-v-3fb4dbe8] {
    width     : 100%;
    min-height: 200px;
    background: #383A3D 0% 0% no-repeat padding-box;
    opacity   : 1;
    padding   : 20px;
    color     : #FFFFFFDE;
}
.note-title[data-v-3fb4dbe8] {
    height: 30%;
    width:100%;
}
.note-message[data-v-3fb4dbe8] {
    width: 100%;
    height: 70%;
}


.main-con[data-v-ebceefd8] {
    min-height: 100vh;
}
.content[data-v-ebceefd8] {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    position: absolute;
    width: 43%;
    left: 50%;
    top: 45%;
}
.content img[data-v-ebceefd8] {
    width: 100%;
    display: block;
    margin: 0 auto;
}


.pagination-con .pagination {
  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;
  font-size: 14px;
}
.pagination i {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.pagination span {
  position: relative;
  display: inline-block;
  cursor: pointer;
  top: 1px;
}
.pagination .double-left i:last-child {
  left: -2px;
}
.pagination .double-right i:first-child {
  right: -2px;
}
.pagination .page-num {
  background: #383A3D;
  color: #fff;
  border-radius: 100%;
  font-size: 11px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.pagination .double-left.disabled, .pagination .double-right.disabled, .pagination i.disabled {
  opacity: 0.3;
}
.change-pagenum-label-info {
    font-size: 14px;
    display: block;
    width: 100%;
    clear: both;
    font-weight: bold;
    color: rgb(33, 37, 41);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    padding: 0.25rem 1rem;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    -o-border-image: initial;
       border-image: initial;
}


.a-preview-content {
    background   : #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow   : 0px 1px 2px #00000029;
            box-shadow   : 0px 1px 2px #00000029;
    border       : 1px solid #5153655E;
    border-radius: 6px;
    text-align   : center;
    font-size    : 16px;
    padding      : 30px 0px;
    opacity      : 1;
}
.a-preview .modal-xxl {
    max-width: 83%;
}
.a-preview .modal-xxl img {
    width : 100%;
    height: auto;
}
.a-preview iframe {
    border : 1px solid #ccc;
    text-align: center;
}
.a-preview .lockHeight {
    max-height: 80%;
    overflow  : auto;
}


.progress-bar-with-separator {
  position: relative;
  width:200px;
  height: 15px;
  background-color: #f0f0f0;
  /* Add some margin to prevent overflow in case of multiple instances of the component */
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.progress-bar-container {
  height: 100%;
  background: #D5E3FC 0% 0% no-repeat padding-box;
}
.progress-bar {
  height: 100%;
  background: transparent linear-gradient(91deg, #7FB0E6 0%, #3E88DA 100%) 0% 0% no-repeat padding-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.separators {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.separator {
  position: absolute;
  top: 0;
  width: 2px; /* Fixed width for each separator */
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}


.a-card[data-v-107430aa] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-transition: background .2s ease;
    -webkit-box-shadow: 0px 1px 3px #00000033;
            box-shadow: 0px 1px 3px #00000033;
    transition: background .2s ease;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    height: 419px;
    width: 24%;
    max-width: 320px;
}
.a-card.no-header[data-v-107430aa] {
    height: 347px;
}
.a-card .body-con[data-v-107430aa] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    min-height: 346px;
}
.a-card .body-con[data-v-107430aa]:hover {
    background: #F5F5F5;
}
.a-card.inactive[data-v-107430aa] {
    background: #F2C6C7;
    border: 1px solid #DC3C40;
}
.a-card .a-card-header[data-v-107430aa] {
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    position: relative;
    display:block;
    height: 72px;
    padding: 16px 16px 16px 72px;
}
.a-card:not(.a-card-lg):not(.a-card-md):not(.a-card-smd):not(.a-card-cp):not(.a-card-sm) .a-card-header[data-v-107430aa]:hover {
    background: #F5F5F5;
}
.a-card .a-card-header h5[data-v-107430aa] {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.26px;
    color: #000000DE;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.a-card .a-card-header h5.smaller[data-v-107430aa] {
    font-size: 18px;
}
.a-card .a-card-header img[data-v-107430aa] {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 4px;
    position: absolute;
    height: 40px;
    width: 40px;
    left: 16px;
    top: 50%;
}
.img-container[data-v-107430aa] {
    /* background: #000000DE; */
    position: relative;
    overflow: hidden;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 194px;
}
.img-container img[data-v-107430aa] {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    position: absolute;
    /* width: 100%; */
    height: 100%;
    left: 50%;
    top: 50%;
}
.img-container .floating-img[data-v-107430aa] {
    position: absolute;
    height: 60px;;
    width: 60px;
    border: 4px;
    overflow: hidden;
    left: 10px;
    bottom: 20px;
}
.a-card .card-body[data-v-107430aa] {
    position: relative;
}
.a-card .card-body img[data-v-107430aa] {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 16px;
    top: 20px;
}
.a-card .card-title[data-v-107430aa] {
    font-weight: 400 !important;
    color: #000000DE;
    font-size: 24px;
    float: initial;
    width: calc(100% - 42px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 24px;
}
.a-card .card-status[data-v-107430aa] {
    letter-spacing: 0.4px;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 12px;
}
.a-card .card-text[data-v-107430aa] {
    letter-spacing: 0.25px;
    color: #000000;
}
.a-card-lg[data-v-107430aa] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border    : 1px solid transparent;
    text-align: left;
    padding   : 16px;
    overflow: hidden;
    height: 223px;
}
.a-card-lg[data-v-107430aa]:hover {
    background: #F5F5F5;
}
.a-card-lg .a-card-header[data-v-107430aa] {
    color      : #000000DE;
    font-weight: 400;
    font-size  : 24px;
    padding    : 0;
}
.a-card-lg .card-lawfirm[data-v-107430aa] {
    text-transform: none;
    letter-spacing: 0.24px;
    color         : #00000099;
    font-weight   : 500;
    font-size     : 14px;
    min-height    : 15px;
    margin        : 0 0 2px;
    width         : 100%;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
}
.a-card-lg .card-text[data-v-107430aa] {
    letter-spacing: 0.25px;
    margin-top    : 0;
    color         : #515365;
    font-size     : 14px;
    padding-left: 50px;
}
.a-card-lg .a-card-header h5[data-v-107430aa] {
    font-size: 24px;
    padding-left: 50px;
}
.a-card-lg .a-card-header img[data-v-107430aa] {
    -webkit-transform: none;
    transform        : none;
    left             : 0;
    right            : initial;
    top              : 3px;
}
.a-card-lg .card-body[data-v-107430aa] {
    position: relative;
    padding: 0;
}
.a-card-lg .card-body img[data-v-107430aa] {
    position: relative;
    height: 12px;
    width: 12px;
    right: initial;
    top: -1px;
}
.a-card-lg table tr[data-v-107430aa] {
    border: 0;
}
.a-card-lg table tr .header-label[data-v-107430aa] {
    text-transform: uppercase;
    color         : #515365;
    font-weight   : 400;
}
.a-card-lg table tr td[data-v-107430aa] {
    font-weight: 500;
    color      : #141517;
    font-size  : 12px;
    padding    : 7px;
}
.a-card-lg .a-card-toggle[data-v-107430aa] {
    -webkit-transition: transform .2s ease;
    -webkit-transition        : -webkit-transform .2s ease;
    transition        : -webkit-transform .2s ease;
    transition        : transform .2s ease;
    transition        : transform .2s ease, -webkit-transform .2s ease;
    position          : absolute;
    color             : #515365;
    border            : 0;
    background        : transparent;
    font-size         : 16px;
    top               : 48px;
    right             : 0;
}
.a-card-lg .a-card-toggle[data-v-107430aa]:active,
.a-card-lg .a-card-toggle[data-v-107430aa]:focus {
    outline: none;
}
.a-card-lg .a-card-toggle[data-v-107430aa]:hover {
    opacity: 0.8;
}
.a-card-lg.toggled[data-v-107430aa] {
    background   : #EAF0FCFC 0% 0% no-repeat padding-box;
    z-index: 2;
}
.a-card-lg[data-v-107430aa]::before {
    border: 1px solid transparent;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    border-radius: 5px;
    position:absolute;
    content: "";
    height: 0px;
    width: 0px;
    z-index: 0;
    left: 0;
    top: 0;
}
.a-card-lg.toggled[data-v-107430aa]::before {
    border-color : #2D599E;
    width: 100.15%;
    height: 100.19%;
}
.a-card-lg.toggled .card-body[data-v-107430aa] {
    background  : #EAF0FCFC 0% 0% no-repeat padding-box;
    display     : block;
}
.a-card-lg.toggled .a-card-toggle[data-v-107430aa] {
    -webkit-transform: rotate(180deg);
    transform        : rotate(180deg);
    color            : #2D599E;
}
.a-card-md[data-v-107430aa] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border    : 1px solid transparent;
    text-align: left;
    padding   : 16px;
    overflow: hidden;
    height: 420px;
}
.a-card-md[data-v-107430aa]:hover {
    background: #F5F5F5;
}
.a-card-md .a-card-header[data-v-107430aa] {
    color      : #000000DE;
    font-weight: 400;
    font-size  : 14px;
    padding    : 0;
}
.a-card-md .card-lawfirm[data-v-107430aa] {
    text-transform: none;
    letter-spacing: 0.24px;
    color         : #00000099;
    font-weight   : 500;
    font-size     : 14px;
    min-height    : 15px;
    margin        : 0 0 2px;
    width         : calc(100% - 45px);
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
}
.a-card-md .card-text[data-v-107430aa] {
    letter-spacing: 0.25px;
    margin-top    : 25px;
    color: #000000;
    margin-right: 77px;
    font-size     : 14px;
    font-weight: bold;
}
.a-card-md .a-card-header h5[data-v-107430aa] {
    font-size: 24px;
    width: calc(100% - 47px);
}
.a-card-md .a-card-header img[data-v-107430aa] {
    -webkit-transform: none;
    transform        : none;
    left             : initial;
    right            : 0;
    top              : 0;
}
.a-card-md .card-body[data-v-107430aa] {
    position: relative;
    padding: 0;
}
.a-card-md .card-body .sub-details[data-v-107430aa] {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.4px;
    color: #515365;
    line-height: 18px;
}
.a-card-md .card-body img[data-v-107430aa] {
    position: relative;
    height: 12px;
    width: 12px;
    right: initial;
    top: -1px;
}
.a-card-md table tr[data-v-107430aa] {
    border: 0;
}
.a-card-md table tr .header-label[data-v-107430aa] {
    text-transform: uppercase;
    color         : #515365;
    font-weight   : 400;
}
.a-card-md table tr td[data-v-107430aa] {
    font-weight: 500;
    color      : #141517;
    font-size  : 12px;
    padding    : 7px;
}
.a-card-md .a-card-toggle[data-v-107430aa] {
    -webkit-transition: transform .2s ease;
    -webkit-transition        : -webkit-transform .2s ease;
    transition        : -webkit-transform .2s ease;
    transition        : transform .2s ease;
    transition        : transform .2s ease, -webkit-transform .2s ease;
    position          : absolute;
    color             : #515365;
    border            : 0;
    background        : transparent;
    font-size         : 16px;
    top               : 48px;
    right             : 0;
}
.a-card-md .a-card-toggle[data-v-107430aa]:active,
.a-card-md .a-card-toggle[data-v-107430aa]:focus {
    outline: none;
}
.a-card-md .a-card-toggle[data-v-107430aa]:hover {
    opacity: 0.8;
}
.a-card-md.toggled[data-v-107430aa] {
    background   : #EAF0FCFC 0% 0% no-repeat padding-box;
    z-index: 2;
}
.a-card-md[data-v-107430aa]::before {
    border: 1px solid transparent;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    border-radius: 5px;
    position:absolute;
    content: "";
    height: 0px;
    width: 0px;
    z-index: 0;
    left: 0;
    top: 0;
}
.a-card-md.toggled[data-v-107430aa]::before {
    border-color : #2D599E;
    width: 100.15%;
    height: 100.19%;
}
.a-card-md.toggled .card-body[data-v-107430aa] {
    background  : #EAF0FCFC 0% 0% no-repeat padding-box;
    display     : block;
}
.a-card-md.toggled .a-card-toggle[data-v-107430aa] {
    -webkit-transform: rotate(180deg);
    transform        : rotate(180deg);
    color            : #2D599E;
}
.rightsholder-campaign.a-card-md table tr td[data-v-107430aa] {
    padding-bottom: 0;
    padding-top: 4px;
}

/* .a-card-lmd {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border    : 1px solid transparent;
    text-align: left;
    padding   : 16px;
    overflow: hidden;
    height: 259px;
}

.a-card-lmd:hover {
    background: #F5F5F5;
}

.a-card-lmd .a-card-header {
    color      : #000000DE;
    font-weight: 400;
    font-size  : 24px;
    padding    : 0;
}

.a-card-lmd .card-lawfirm {
    text-transform: none;
    letter-spacing: 0.24px;
    color         : #00000099;
    font-weight   : 500;
    font-size     : 14px;
    min-height    : 15px;
    margin        : 0 0 2px;
    width         : 100%;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
}

.a-card-lmd .card-text {
    letter-spacing: 0.25px;
    margin-top    : 10px;
    color         : #515365;
    font-size     : 14px;
}

.a-card-lmd .a-card-header h5 {
    font-size: 24px;
}

.a-card-lmd .a-card-header img {
    -webkit-transform: none;
    transform        : none;
    left             : initial;
    right            : 0;
    top              : 0;
}

.a-card-lmd .card-body {
    position: relative;
    padding: 0;
}

.a-card-lmd .card-body .sub-details {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.4px;
    color: #515365;
    line-height: 18px;
}

.a-card-lmd .card-body img {
    position: relative;
    height: 12px;
    width: 12px;
    right: initial;
    top: -1px;
}

.a-card-lmd table tr {
    border: 0;
}

.a-card-lmd table tr .header-label {
    text-transform: uppercase;
    color         : #515365;
    font-weight   : 400;
}

.a-card-lmd table tr td {
    font-weight: 500;
    color      : #141517;
    font-size  : 12px;
    padding    : 7px;
}

.a-card-lmd .a-card-toggle {
    -webkit-transition: transform .2s ease;
    transition        : transform .2s ease;
    position          : absolute;
    color             : #515365;
    border            : 0;
    background        : transparent;
    font-size         : 16px;
    top               : 48px;
    right             : 0;
}

.a-card-lmd .a-card-toggle:active,
.a-card-lmd .a-card-toggle:focus {
    outline: none;
}

.a-card-lmd .a-card-toggle:hover {
    opacity: 0.8;
}

.a-card-lmd.toggled {
    background   : #EAF0FCFC 0% 0% no-repeat padding-box;
    z-index: 2;
}

.a-card-lmd::before {
    border: 1px solid transparent;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    border-radius: 5px;
    position:absolute;
    content: "";
    height: 0px;
    width: 0px;
    z-index: 0;
    left: 0;
    top: 0;
}

.a-card-lmd.toggled::before {
    border-color : #2D599E;
    width: 100.15%;
    height: 100.19%;
}

.a-card-lmd.toggled .card-body {
    background  : #EAF0FCFC 0% 0% no-repeat padding-box;
    display     : block;
}

.a-card-lmd.toggled .a-card-toggle {
    -webkit-transform: rotate(180deg);
    transform        : rotate(180deg);
    color            : #2D599E;
} */
.a-card-smd[data-v-107430aa] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border    : 1px solid transparent;
    text-align: left;
    padding   : 16px;
    overflow: hidden;
    height: 130px;
}
.a-card-smd[data-v-107430aa]:hover {
    background: #F5F5F5;
}
.a-card-smd .a-card-header[data-v-107430aa] {
    color      : #000000DE;
    font-weight: 400;
    font-size  : 24px;
    padding    : 0;
}
.a-card-smd .card-lawfirm[data-v-107430aa] {
    text-transform: none;
    letter-spacing: 0.24px;
    color         : #00000099;
    font-weight   : 500;
    font-size     : 14px;
    min-height    : 15px;
    margin        : 0 0 2px;
    width         : 100%;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
}
.a-card-smd .card-text[data-v-107430aa] {
    letter-spacing: 0.25px;
    margin-top    : 20px;
    color         : #515365;
    font-size     : 14px;
}
.a-card-smd .a-card-header h5[data-v-107430aa] {
    font-size: 24px;
    width: 84%;
}
.a-card-smd .a-card-header img[data-v-107430aa] {
    -webkit-transform: none;
    transform        : none;
    left             : initial;
    right            : 0;
    top              : 0;
}
.a-card-smd .a-card-toggle[data-v-107430aa] {
    -webkit-transition: transform .2s ease;
    -webkit-transition        : -webkit-transform .2s ease;
    transition        : -webkit-transform .2s ease;
    transition        : transform .2s ease;
    transition        : transform .2s ease, -webkit-transform .2s ease;
    position          : absolute;
    color             : #515365;
    border            : 0;
    background        : transparent;
    font-size         : 16px;
    top               : 48px;
    right             : 0;
}
.a-card-smd .a-card-toggle[data-v-107430aa]:active,
.a-card-smd .a-card-toggle[data-v-107430aa]:focus {
    outline: none;
}
.a-card-smd .a-card-toggle[data-v-107430aa]:hover {
    opacity: 0.8;
}
.a-card-smd.toggled[data-v-107430aa] {
    background   : #EAF0FCFC 0% 0% no-repeat padding-box;
    z-index: 2;
}
.a-card-smd[data-v-107430aa]::before {
    border: 1px solid transparent;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    border-radius: 5px;
    position:absolute;
    content: "";
    height: 0px;
    width: 0px;
    z-index: 0;
    left: 0;
    top: 0;
}
.a-card-smd.toggled[data-v-107430aa]::before {
    border-color : #2D599E;
    width: 100.15%;
    height: 100.19%;
}
.a-card-smd.toggled .card-body[data-v-107430aa] {
    background  : #EAF0FCFC 0% 0% no-repeat padding-box;
    display     : block;
}
.a-card-smd.toggled .a-card-toggle[data-v-107430aa] {
    -webkit-transform: rotate(180deg);
    transform        : rotate(180deg);
    color            : #2D599E;
}
.a-card-cp[data-v-107430aa] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border    : 1px solid transparent;
    text-align: left;
    padding   : 16px;
    overflow: hidden;
    height: 146px;
}
.a-card-cp[data-v-107430aa]:hover {
    background: #F5F5F5;
}
.a-card-cp .a-card-header[data-v-107430aa] {
    height: auto;
    padding: 0px 16px 0 34px;
}
.a-card-cp .a-card-header h5[data-v-107430aa] {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #53606D9C;
}
.a-card-cp .a-card-header img[data-v-107430aa] {
    height: 24px;
    width: 24px;
    left: 0;
}
.a-card-cp h4[data-v-107430aa] {
    color: #53606D;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.9px;
}
.a-card-cp h4 span[data-v-107430aa] {
    color: #F07241;
    font-size: 12px;
}
.a-card-cp h3[data-v-107430aa] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.45px;
    color: #53606D9C;
}
.a-card-sm[data-v-107430aa] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border    : 1px solid transparent;
    text-align: left;
    padding   : 16px;
    overflow: hidden;
    height: 106px;
}
.a-card-sm[data-v-107430aa]:hover {
    background: #F5F5F5;
}
.a-card-sm .a-card-header[data-v-107430aa] {
    color      : #000000DE;
    font-weight: 400;
    font-size  : 24px;
    padding    : 0;
}
.a-card-sm .card-lawfirm[data-v-107430aa] {
    text-transform: none;
    letter-spacing: 0.24px;
    color         : #00000099;
    font-weight   : 500;
    font-size     : 14px;
    min-height    : 15px;
    margin        : 0 0 2px;
    width         : calc(100% - 45px);
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
}
.a-card-sm .card-text[data-v-107430aa] {
    letter-spacing: 0.25px;
    color         : #000000;
    font-size     : 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-weight: bold;
}
.a-card-sm:hover .card-dropdown[data-v-107430aa]{
    color: #601848;
}
.a-card-sm .a-card-header h5[data-v-107430aa] {
    font-size: 24px;
    width: 84%;
}
.a-card-sm .a-card-header img[data-v-107430aa] {
    -webkit-transform: none;
    transform        : none;
    left             : initial;
    right            : 0;
    top              : 0;
}
.a-card-sm .a-card-toggle[data-v-107430aa] {
    -webkit-transition: transform .2s ease;
    -webkit-transition        : -webkit-transform .2s ease;
    transition        : -webkit-transform .2s ease;
    transition        : transform .2s ease;
    transition        : transform .2s ease, -webkit-transform .2s ease;
    position          : absolute;
    color             : #515365;
    border            : 0;
    background        : transparent;
    font-size         : 16px;
    top               : 48px;
    right             : 0;
}
.a-card-sm .a-card-toggle[data-v-107430aa]:active,
.a-card-sm .a-card-toggle[data-v-107430aa]:focus {
    outline: none;
}
.a-card-sm .a-card-toggle[data-v-107430aa]:hover {
    opacity: 0.8;
}
.a-card-sm.toggled[data-v-107430aa] {
    background   : #EAF0FCFC 0% 0% no-repeat padding-box;
    z-index: 2;
}
.a-card-sm[data-v-107430aa]::before {
    border: 1px solid transparent;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    border-radius: 5px;
    position:absolute;
    content: "";
    height: 0px;
    width: 0px;
    z-index: 0;
    left: 0;
    top: 0;
}
.a-card-sm.toggled[data-v-107430aa]::before {
    border-color : #2D599E;
    width: 100.15%;
    height: 100.19%;
}
.a-card-sm.toggled .card-body[data-v-107430aa] {
    background  : #EAF0FCFC 0% 0% no-repeat padding-box;
    display     : block;
}
.a-card-sm.toggled .a-card-toggle[data-v-107430aa] {
    -webkit-transform: rotate(180deg);
    transform        : rotate(180deg);
    color            : #2D599E;
}
.a-card .hovered-options[data-v-107430aa] {
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    position: absolute;
    overflow: hidden;
    max-height: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.a-card .hovered-option-con[data-v-107430aa] {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
    width: 100%;
    left: 50%;
    top: 50%;
}
.a-card .hovered-option-con .actions[data-v-107430aa] {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    display: inline-block;
    margin: 0 -1.7%;
    opacity: 1;
}
.a-card .hovered-option-con .actions[data-v-107430aa]:hover {
    opacity: 0.8;
}
.a-card .hovered-options.hovered[data-v-107430aa] {
    background-color: rgba(45, 88, 158, 0.171);
    border-color: #2D599E;
    max-height: 100%;
    opacity: 1;
}

/*
*   CM VARIATIONS
*/
.gui-cm .a-card-sm .card-lawfirm[data-v-107430aa] {
    text-transform: uppercase;
    color         : #2D599E;
}

/*
*   ADMIN VARIATIONS
*/
.gui-admin .a-card[data-v-107430aa] {
    width: 300px;
}
.gui-admin .a-card.a-card-lg[data-v-107430aa] {
    width: 100%;
}
.gui-admin .a-card-sm .card-lawfirm[data-v-107430aa] {
    text-transform: uppercase;
    color         : #480048;
}
.gui-admin .a-card-md .card-lawfirm[data-v-107430aa] {
    text-transform: uppercase;
    color         : #480048;
}
.gui-admin .a-titlebar .a-header-not-selected span[data-v-107430aa] {
    font-size: 20px;
}
.gui-admin .a-card-smd .card-text[data-v-107430aa] {
    color: #C04848;
}
.gui-admin .a-card .hovered-options.hovered[data-v-107430aa] {
    border-color: #480048;
    background-color: #60184817;
}
.invalid-card[data-v-107430aa]{
    background   : #DC1A1A52 0% 0% no-repeat padding-box;
    border       : 1px solid #DC1A1A;
    border-radius: 4px;
    opacity      : 1;
}
.a-card-dropdown[data-v-107430aa]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: -10px;
    z-index: 4;
    position: relative;
}
.a-card-dropdown i[data-v-107430aa]{
    margin-top: 2px;
}
.a-card-dropdown:hover .card-text[data-v-107430aa]{
    color: #601848;
    text-decoration: underline;
}
.a-card-dropdown:hover i[data-v-107430aa]{
    color: #601848;
}
.user-slot-container[data-v-107430aa]{
    overflow-y: scroll;
    width: 265px;
    height: 235px;
    position: relative;
    z-index: 10;
}
.user-slot[data-v-107430aa]{
    margin-bottom: 5px;
    padding: 5px;
    height: 30px;
    z-index: 10;
    position: relative;
}
.user-slot-details[data-v-107430aa]:hover{
    color: #480048;
    z-index: 10;
}
.user-slot-details[data-v-107430aa]{
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.25px;
    color: #515365;
    z-index: 10;
}