/*
* 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-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;
}