/* ------------------------------------------------------ 
    TABLE OF CONTENT
---------------------------------------------------------
01. Profile CSS
02. Tab CSS
03. User Post CSS
04. Audio Player CSS 
05. Products Post CSS
06. Top Search Css 
07. Sidebar right Css
08. Feed Css
    08.1. Refine by Category
    08.2. Comment section
    08.3. Share options
    08.4. Create Post
09. Connections Css
    09.1. connections grid
    . Connections contacts Css
11. Notifications Css
12. Create post Css 
    12.1. Text Post
13. Subscriptions
14. Billing Informations
15. Subscriptions & Paymens
16. Subscriptions Your Plan
17. Cancel Subscriptions
18. Subscriptions Purchase History
19. Payment Successful
20. Promote
21. Zinfinitee Marketing
22. A/B Test results
23. Search results
24. Search people
25. Search space
26. Search products
27. Advertisement - Create an Ad
28. Budget & Schedule
29. User Profile - Request badge
30. Promotion Analytics
31. Post Summary 
32. Advertisement Direct Results
33. Advertisement Comparision
34. Advertisement Audience
35. Advertisement - Insights 
36. Advertisement - Leads 
37. Advertisement - Recommendations
38. Advertisement - Advanced Recommendations
39. Advertisement - Payment Activities
40. Zi-café Go live
41. Audio podcast
42. Zi-Café
43. Zi-Café live summery
44. Feed back and ratings list
45. Rating page
46. Terms & Conditions
47. Faq's
48. User Management
49. Add user
50. Referrals
51. Api Intergration 
--------------------------------------------------------*/
/* -----------------------------------
   01. Profile CSS
-------------------------------------*/
.profile-section {
    /* margin-bottom: 5px; */
    margin-top: 20px;
    /* padding: 0px 15px; */
}

.profile-section .profile-cnt {
    background: var(--bg-white);
    /* box-shadow: var(--box-shawdow); */
    border-radius: 0px;
    width: 100%;
    /* margin-bottom: 20px; */
    padding: 0px 0px 0px 0px;
    position: relative;
    /* border-top-left-radius: 80px; */
    /* border: 1px solid var(--box-border); */
    /* border-bottom: 1px solid #f0f0f0; */
        background: #ffffff;
    background: linear-gradient(
0deg, rgba(235, 235, 235, 1) 0%, rgb(255 255 255) 36%, rgba(255, 255, 255, 1) 100%);

}

.profile-full .grid-container {
    max-width: 75rem !important;
}

.profile-section .pro-pic {
    width: 130px;
    height: 130px;
    /* box-shadow: 0px 3px 21px #00000012; */
    border-radius: 100%;
    overflow: hidden;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.profile-section .profile-img-cnt {
    background: var(--bg-lightgreen) url('../images/bgprofile.png');
    display: flex;
    align-items: center;
    background-size: cover !important;
    justify-content: space-between;
    /* background: var(--bg-lightgreen); */
    padding: 10px;
    /* border-top-left-radius: 100px; */
    /* border-bottom-left-radius: 100px; */
    background-repeat: no-repeat;
    background-position: center;
    min-height: 220px;
    margin: 0 auto;
    max-width: 75rem !important;
    padding: 20px 15px 0px 15px;
        border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
        box-shadow: 0px 0px 10px #dadada;
}

/* .viewprofile--fixed .post-section {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 99;
    padding-left: 80px;
    border-bottom: 1px solid var(--box-border);
} */

.profile-img-cnt .file-input {
    position: absolute;
    right: 15px;
    top: 15px;
}

.file-input__input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file-input__label {
    box-shadow: 0px 1px 17px #0000001c;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    background: var(--bg-white);
}

.file-input__label svg {
    height: 25px;
}

.file-input__label svg path {
    fill: var(--blue);
}

.profile-text {
    width: 50%;
    text-align: right;
    margin-right: 20px;
}

.profile-text h4 {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 3px;
    color: var(--color-black1);
}

[data-theme="dark"] .profile-text h4,
[data-theme="dark"] .profile-text p {
    color: #000;
}

[data-theme="dark"] .profile-section .file-input__label {
    background: white;
    color: #000;
}

.profile-text p {
    text-transform: capitalize;
    font-size: 14px;
}

.profile-details {
    padding: 20px 15px 0px 15px;
    position: relative;
    margin-top: -70px;
}

.profile-flex-sec {
    margin-top: 70px;
}

.profile-details .profile-detailbox {
    display: flex;
    align-items: flex-start;
    /* margin-top: 20px; */
    gap: 20px;
    padding-bottom: 14px;
}

.profile-detailbox .personal-info,
.profile-detailbox .pro-sharings {
    /* width: 50%; */
}

.badge_class {
    display: flex;
    align-items: center;
}

.clas_ma_10 {
    margin-left: 10px;
}

.badge_class_other {
    display: flex;
    align-items: center;
}

.badge_class_other .clas_ma_4 {
    margin-left: 10px;
}

.profile-detailbox .personal-info .profile-name {
    font-size: 22px;
    color: var(--color-black1);
    text-transform: capitalize;
    margin-bottom: 3px;
    line-height: 1.1;
    font-weight: bold;
    padding-right: 25px;
}

.profile-detailbox .personal-info .profile-name span {
    margin-left: 5px;
}

.profile-detailbox .personal-info .profile-des {
    font-size: 15px;
    color: var(--color-black1);
    text-transform: capitalize;
    margin-bottom: 6px;
    line-height: 1.1;
    padding-left: 23px;
    position: relative;
    padding-bottom: 4px;
}

.profile-detailbox .personal-info .profile-location {
    font-size: 14px;
    color: var(--color--grey3);
    text-transform: capitalize;
    padding-left: 23px;
    position: relative;
}

.profile-detailbox .personal-info .profile-location svg path{
    fill: var(--color-green);
}

#user_des_dis1 {
    position: relative;
    padding-left: 23px;
}

#user_des_dis1 svg {
    position: absolute;
    left: 0;
    top: 3.8px;
}

#user_des_dis1 svg path {
    stroke: var(--color-green);
}

#user_des_dis1 svg circle {
    fill: var(--color-green);
}

.user_des_dis svg,
.user_business_type svg,
.other_user_des_dis svg {
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
}

.user_des_dis svg path,
.user_business_type svg path,
.other_user_des_dis svg path {
    fill: var(--color-green);
}

.profile-location.user_loc_dis1 svg,
.profile-location.other_user_loc_dis svg,.profile-des svg {
    position: absolute;
    left: 0;
    top: 0;
}

.sharing-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* position: absolute; */
    /* right: 30px; */
    /* top: 12px; */
}

.sharing-list li {
    font-size: 12px;
    color: var(--color-black1);
    margin-left: 10px;
}

.profile-details .sharing-list li:last-child {
    cursor: pointer;
}

.sharing-list li span {
    /* color: var(--color-green); */
    font-weight: bold;
    margin-right: 3px;
    /* height: 20px; */
}

.sharing-list li span svg {
    box-shadow: 0px 1px 8px #0000001F;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    padding: 2px;
}

.rating_img_cls {
    cursor: pointer;
}

.user_rating_count_dis img {
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-left: 3px;
}

.user_rating_count_dis img.rates {
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-left: 3px;
}

.other_user_rating_count_dis img.rates,
.other_user_rating_count_dis img {
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-left: 3px;
}

[data-theme="dark"] .sharing-list li span svg path {
    fill: #fff;
}

.pro-shar-btns {
    display: flex;
    align-items: center;
    justify-content: end;
    /* margin-top: 15px; */
}

.userplan {
    display: flex;
    align-items: center;
}

.pro-shar-btns .shr-btn {
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f;
    height: 25px;
    padding: 0px 20px;
    line-height: 0px;
    border-radius: 17px;
    margin-left: 10px;
    font-size: 12px;
    cursor: pointer;
}

.pro-shar-btns .shr-btn.active {
    background: var(--primary-color);
    color: var(--color-white);
}

[data-theme="dark"] .pro-shar-btns .shr-btn {
    background: #fff;
}

[data-theme="dark"] .pro-shar-btns .shr-btn.active {
    background: var(--primary-color);
    color: var(--color-white);
}

.request-badgebtn {
    display: flex;
    align-items: center;
    justify-content: end;
    /* margin-bottom: 20px; */
    /* margin-top: 15px; */
}

li.rating_img_cls {
    display: flex;
    align-items: center;
    background: var(--primary-color);
    border-radius: 17px;
    color: #fff;
    padding: 4px 8px;
    min-width: 44px;
    justify-content: center;
    gap: 2px;
}

li.rating_img_cls span {
    /* min-width:200px;
    width: auto; */
}

.user_rating_count_dis,
.other_user_rating_count_dis {
    /* min-width: 25px; */
    /* text-align: end; */
    line-height: initial;
}

li.rating_img_cls img {
    /* margin: 0px 4px; */
    /* width: 14px; */
    /* height: 14px; */
    width: 11px;

}

.pointevent_badge {
    pointer-events: none !important;
}

.request-badge,
.view-as {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    line-height: 0px;
    border-radius: 17px !important;
    cursor: pointer;
    border: 1px solid var(--box-border) !important;
    width: 87px;
}

[data-theme="dark"] .request-badge {
    color: #fff;
    background: var(--color-green);
}

.view-as {
    background: var(--bg-lightgreen);
    border: 0 !important;
    width: 90px;
}

[data-theme="dark"] .view-as {
    /* background: var(--color-green); */
}

[data-theme="dark"] .request-badge img {
    filter: brightness(0) invert(1);
}

.request-badge img,
.view-as img {
    margin-right: 4px;
    width: 18px;
    height: 18px;
}

/* [data-theme="dark"] .request-badge img{
    filter: brightness(0) invert(1);
} */
.profile-description {
    padding: 0px 0px 10px 0px;
}

.profile-description p {
    font-size: 14px;
    color: #B5B5B5;
    word-break: break-word;
    margin-bottom: 0;
}

[data-theme="dark"] .profile-description p {
    color: #fff;
}

.profile-expandbtn {
    width: 37px;
    height: 37px;
    border-radius: 100%;
    background: var(--bg-white);
    box-shadow: inset 0px 0px 4px #00000029;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -20px;
    right: 40px;
    cursor: pointer;
}

.profile-expandbtn i {
    color: var(--color-green);
    font-weight: bold;
    font-size: 18px;
}

.profile-expandbtn.active i {
    transform: rotate(180deg);
    color: #A7A7A7;
}

[data-theme="dark"] .profile-expandbtn i {
    color: #fff;
}

[data-theme="dark"] .profile-expandbtn.active i {
    color: #fff;
}

.profile-activities {
    padding: 0px 40px;
    display: none;
}

.profile-activities.active {
    display: block;
}

.profile-activities .actvities {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px dashed var(--cc-toggle-bg-readonly);
    padding: 5px;
    border-radius: 10px;

}

.profile-activities .actvities li {
    width: fit-content;
    border-radius: 6px;
    position: relative;
    line-height: 26px;
    padding: 0px 10px;
    border: 1px solid #ccefce;
    font-weight: normal;
    color: var(--primary-color);
    margin-right: 5px;
    margin: 3px 5px 3px 5px;
    height: 26px !important;
    font-size: 12px !important;
    background: var(--bg-lightgreen1);
}

.activities-title {
    font-size: 14px;
    color: var(--color-black1);
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
}

.profile-activities>div {
    margin-bottom: 5px;
}

/* -----------------------------------
   02. Tab CSS
-------------------------------------*/
[data-tab-content] {
    display: none;
}

.active[data-tab-content] {
    display: block;
}

.customtabs {
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: var(--bg-lightgreen);
    z-index: 1;
}

[data-theme="dark"] .customtabs {
    background: var(--bg-lightgreen);
}

[data-theme="dark"] .tab {
    background: #232d39;
}

.tab {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f;
    height: 32px;
    width: 120px;
    padding: 0px 15px;
    line-height: 0px;
    border-radius: 17px;
    color: var(--color--grey8);
    text-align: center;
    justify-content: center;
    margin-right: 10px;
}

.tab.active {
    background-color: var(--primary-color);
    color: var(--color-white);
}

.tab:hover {
    background-color: var(--primary-color);
    color: var(--color-white);
}

.tab-content {
    margin-left: 0px;
    margin-right: 0px;
}

.profiletab.post-tab {
    background: #fafaf8;
    display: block !important;
    margin: 0;
    position: sticky;
    top: 0;
    z-index: 99;
}

.post-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    position: relative;
}

.profilepage .post-tab::before,
.none-content {
    content: none !important;
}

.post-tab::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    height: 1px;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.post-tab.flexend {
    justify-content: flex-end;
}

.viewprofiletabs {
    width: 100%;
    border: 0px solid var(--box-border);
    /* background: var(--bg-white); */
    margin-top: 0px;
        border-bottom: 1px solid #e3e3e3;

    li,
    li:hover {
        height: 50px;
        font-size: 14px;
        color: #707070;
        font-weight: 500;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        margin: 0;
        width: auto;
        border-bottom: 2px solid transparent;
        padding-top: 2px;
    }

    .tab.active {
        background-color: transparent;
        color: var(--bg-black);
        border-color: var(--primary-color);
    }
}

.livesort [type="radio"]:checked,
.livesort [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.livesort [type="radio"]:checked+label,
.livesort [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--color-black1);
    font-size: 14px;
}

.livesort [type="radio"]:checked+label:before,
.livesort [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 1px solid var(--color-black1);
    border-radius: 100%;
    background: var(--bg-white);
}

.livesort [type="radio"]:checked+label:after,
.livesort [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 11px;
    height: 11px;
    background: var(--color-black1);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.livesort [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.livesort [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.livesort form {
    display: flex;
    align-items: center;
    background: var(--bg-lightgreen);
    z-index: 9;
}

[data-theme="dark"] .livesort form {}

.post-tab.livesort.flexend {
    justify-content: space-between;
}

.profilepage .sort-by {
    width: 28%;
}

.sort-by {
    width: 21%;
    position: relative;
    color: var(--color--grey8);
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    background: #f9f9f9;
    z-index: 1;
    padding-left: 15px;
    justify-content: flex-end;
}

[data-theme="dark"] .sort-by {
    background: var(--bg-lightgreen);
}

[data-theme="dark"] .post-tab::before {
    background-color: var(--box-border);
}

.sort-by p {
    margin-bottom: 0px;
}

.other-profile .sort-by {
    width: 30%;
}

.other-profile .sort-by .single_fitres {
    width: 75px;
    position: relative;
}

.single_fitres {
    width: 65px;
    position: relative;
}

.single_fitres .nice-select .option {
    padding-right: 18px;
}

.single_fitres .sort-filter {
    border: none;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 7px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    width: 64px;
    line-height: normal;
}

.sort-by p {
    font-size: 11px;
}

.single_fitres .sort-filter:focus {
    /* border: none !important;
    background-color: transparent;
    background-image: url(../images/darrw.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 11px; */

}

.single_fitres .sort-filter {
    text-align: right !important;
}

.single_fitres .sort-filter .current {
    margin-right: 25px;
    color: var(--color-black1);
}

.single_fitres .nice-select:active,
.single_fitres .nice-select.open {
    box-shadow: none !important;
    background: none !important;
}

.single_fitres .nice-select.open {
    box-shadow: none !important;
    background-color: none !important;
}

.single_fitres .nice-select:hover {
    background-color: transparent !important;
}

.single_fitres .nice-select:focus {
    background-color: transparent !important;
}

[data-theme="dark"] .single_fitres .nice-select {
    border: solid 0px #000;
}

[data-theme="dark"] .single_fitres .nice-select:hover {
    background-color: transparent !important;
    border: solid 0px #000;
}

[data-theme="dark"] .single_fitres .nice-select:focus {
    background-color: transparent !important;
}

.single_fitres .call-to {
    box-shadow: none;
    background: transparent;
}

.single_fitres select {
    appearance: auto;
    cursor: pointer;
}

[data-theme="dark"] .single_fitres .sort-filter {
    background: var(--bg-lightgreen);
    color: #fff !important;
}

/* -----------------------------------
   02. User Post CSS
-------------------------------------*/
.central-meta,
.postprevsec.postprevsec_cus .user-post {
    background: var(--bg-white) none repeat scroll 0 0;
    border: none;
    border-radius: 17px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding: 16px;
    /* margin-top:40px; */
    /* position: relative;
    top:11rem; */
    box-shadow: var(--box-shawdow);
    box-shadow: none;
    border: 1px solid var(--box-border);
}

.central-meta .user-post:last-child {
    border: 0 none;
    margin-bottom: 0;
    padding: 0;
}

.user-post {
    color: #535165;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
    /* text-transform: capitalize; */
    width: 100%;
    position: relative;
}

.user-post .pro-video {
    float: unset;
    margin-bottom: 0px;
}

.pro-video video {
    width: 100% !important;
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--primary-color) !important;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background: var(--primary-color) !important;
}

.plyr--full-ui input[type=range] {
    color: var(--primary-color) !important;
}

.plyr__control--overlaid {
    background: rgb(80, 184, 85, 0.8);
}

.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgb(80, 184, 85, 0.8);
}

.friend-info {
    display: inline-block;
    position: relative;
    width: 100%;
}

.friend-info>figure {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    vertical-align: middle;
    width: 53px;
    height: 53px;
}

figure {
    margin: 0 0 0px;
}

figure img.uprofile {
    border-radius: 100px;
    width: 48px;
    height: 48px;
}

.friend-name {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    /* width: 40%; */
}

.friend-name>ins {
    display: inline-block;
    width: 90%;
    font-size: 12px;
    text-decoration: none;
    line-height: 0px;
}

.usersection {
    display: flex;
    justify-content: space-between;
}

.friend-info .userprofileinfo {
    display: flex;
    align-items: center;
    /* width: 75%; */
}

.friend-info .userprofileinfo figure {
    flex-shrink: 0;
}

.friend-info .uprofname>ins {
    text-decoration: none;
}

.friend-info .uprofname ins {
    text-decoration: none;
}

.friend-info .uprofname p {
    font-size: 15px;
    font-weight: 500;
    color: #1B2C3F;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* width: 31ch; */
}

.usrprofilepage .friend-info .uprofname p {
    /* width: 26ch; */
    min-width: auto;
    max-width: 25ch;
}

.usrprofilepage .friend-info .uprofname ins img {
    margin-top: -4px;
}

[data-theme="dark"] .friend-info .uprofname p {
    color: #ffffff;
}

.friend-info .uprofname>ins>a {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-green);
    line-height: 0px;
}

.friend-info .uprofname span,
.edited-label {
    color: var(--color--grey8);
    float: left;
    font-size: 11px;
    text-transform: capitalize;
    /* width: 100%; */
    font-weight: normal;
    line-height: 1.2;
    margin-top: 4px;
    position: relative;
    margin-right: 5px;
}

.friend-info .uprofname span {
    font-size: 12px;
}

.edited-label {
    padding-left: 10px;
}

i.edited-label:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: var(--color--grey8);
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.edit-textarea-border #textvideo,
.edit-textarea-border #textaudio,
.edit-textarea-border #textimg {
    border-radius: 10px;
    border: 1px solid var(--color--grey8);

}

.create-post.edit-textarea-border {
    width: 100%;
    margin-bottom: 35px;
}

.edit-textarea-border .wysiwyg {
    max-width: 100%;
}

.edit-textarea-border .text-editor {
    width: 100%;
}

.edited-label {
    /* color: #61BF66;
font-size: 12px; */
}

.usersection a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 70%; */
}

.uprofname {
    padding-left: 10px;
}

#repostModal .friend-info .uprofname>ins>a {
    line-height: 1;
}

#repostModal .friend-info .userprofileinfo {
    width: 100%;
}

#repostModal .uprofname {
    padding-left: 10px;
    width: 100%;
}

.badgeclass {
    margin-left: 10px;
}

.more {
    float: right;
    position: relative;
    display: flex;
    align-items: center;
}

.more .status-like {
    color: var(--color--grey8);
    font-size: 12px;
    text-transform: capitalize;
    margin-right: 15px;
    font-weight: normal;
    line-height: 1;
}

.postdatacl_popup .commentsicon1 {
    /* box-shadow: inset 0px 3px 6px #00000029 !important; */
    pointer-events: none;
    cursor: pointer;
}

.postdatacl_popup .cactive {
    /* box-shadow: inset 0px 3px 6px #00000029 !important; */
}

.postdatacl_popup {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.postdatacl_popup .postprevsec,
.postprevsec.postprevsec_cus .user-post {
    width: 45%;
    height: 500px;
    overflow-y: auto;
    margin: 0;
}

.postprevsec.postprevsec_cus {
    flex-direction: row;
    width: 100%;
    height: auto;
    padding: 0;
    box-shadow: none;
    display: flex;
    border: 0;
    gap: 50px;
}

.postdatacl_popup .friend-info {
    margin-bottom: 10px;
}

.postdatacl_popup .postpopparent {
    width: 48%;
    margin-top: 0px;
    z-index: 9;
}

.postdatacl_popup:after {
    background-color: #FCFFFC;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 50%;
    height: 100%;
    /* content: ""; */
}

[data-theme="dark"] .postdatacl_popup:after {
    background-color: #000;
}

.postdatacl_popup .filter-by-comt {
    display: none;
}

#post_view .postdatacl_popup .filter-by-comt {
    display: block;
}

.postdatacl_popup .postmediasec img {
    width: 100%;
    max-height: 500px;
}

.postdatacl_popup .postmediasec {
    width: 100%;
}

.postdatacl_popup .usersection {
    align-items: center;
}

.postdatacl_popup .postmediasec {
    background-size: cover !important;
    background-repeat: no-repeat;
    /* display: flex; */
    align-items: flex-start;
    justify-content: center;
    /* height: 500px!important;  */
    margin-top: 0px;
    padding: 0px;
}

.postdatacl_popup .post_text_class1.postmediasec {
    /* height: 500px!important; */
    height: fit-content !important;
    line-height: 1.4;
}

.postdatacl_popup .post_text_class1.postmediasec.rmvheight {
    height: auto !important;

}

.postdatacl_popup .bgtxt.post_text_class1.postmediasec.rmvheight {
    min-height: 430px !important;
    /* min-height: 500px!important; */
}

/* .postdatacl_popup .bgtxt.post_text_class1.postmediasec.rmvheight{
    height: 500px!important;
    background-repeat: repeat;
    overflow-y: auto;
}
.postdatacl_popup .bgtxt.post_text_class1.postmediasec.rmvheight p{
    height: 500px;
    display: flex;
    flex-direction: column;
} */
.postprevsec img {
    width: 100%;
}

.postprevsec .post-meta .post_video_thumnailclass {
    /* height: auto; */
}

.promotionanprevpage #post_view .postprevsec .post-meta .post_video_thumnailclass {
    border: none !important;
}

.promotionanprevpage #post_view .postprevsec .plyr__control--overlaid {
    display: none !important;
}

.postprevsec .videothum-wrapper {
    top: 0px;
    height: 100% !important;
}

.video-expand {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: rgb(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-top-right-radius: 12px;
}

.video-expand .fa-expand {
    color: #fff;
    font-size: 23px;
}

.postdatacl_popup .more .status-like {
    /* font-size: 9px; */
}

#post_view {
    width: 70%;
    max-width: 70%;
}

#post_view .close-button {
    position: absolute;
    right: 15px;
    top: 5px;
}

.postpopparent {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.postpopparent {
    width: 45%;
    padding-right: 14px;
}

.postmediasec {
    width: 48%;
}

.postprevsec {
    justify-content: space-between;

    margin-top: 0px;
    flex-direction: column;
}

[data-theme="dark"] .more svg path,
[data-theme="dark"] .likes-info li span i svg path {
    fill: #fff;
}

.more .postcate {
    color: var(--color--grey8);
    font-size: 11px;
    text-transform: uppercase;
    margin-right: 13px;
    font-weight: normal;
    letter-spacing: 4px;
    text-align: end;
    font-style: italic;
    font-weight: 500;
}

.more .archiveicn.active path {
    fill: var(--color-green);
}

.more a {
    line-height: 0;
}

.more-post-optns>ul {
    background: var(--bg-white) none repeat scroll 0 0;
    border-radius: 17px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    opacity: 0;
    padding: 15px 20px;
    position: absolute;
    right: -100px;
    top: -220%;
    transform: scale(0);
    transition: all 0.2s linear 0s;
    visibility: hidden;
    width: 175px;
    z-index: 99;
}

.more-post-optns {
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-left: 20px;
}

.more-post-optns>ul>li {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    /* margin-bottom: 10px; */
    transition: all 0.2s linear 0s;
    width: 100%;
    font-weight: 400;
    color: var(--color--grey8);
}

.more-post-optns>ul>li+li {
    margin-top: 10px;
}

.more-post-optns>ul>li.active {
    color: var(--primary-color);
}

.more-post-optns>ul>li.active svg path {
    fill: var(--primary-color);
}

.more-post-optns>ul.fmorec>li.active svg path {
    fill: var(--primary-color) !important;
}

.more-post-optns>ul.fmorec>li.active svg {
    filter: brightness(1) !important;
}

.more-post-optns>ul>li:last-child {
    margin-bottom: 0;
    border: none;
}

.more-post-optns>ul>li i {
    color: var(--color--grey5);
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    transition: all 0.1s linear 0s;
    vertical-align: middle;
}

.more-post-optns>ul>li i.arciveicon svg {
    width: 11px;
}

[data-theme="dark"] .more-post-optns>ul>li i.arciveicon svg path {
    fill: #fff;
}

[data-theme="dark"] .postpopparent .more-post-optns>ul>li.active i.arciveicon svg path {
    fill: #50b855 !important;
}

[data-theme="dark"] .postpopparent .more-post-optns>ul>li.active i.fa.arciveicon svg {
    filter: brightness(1);
}

.more-post-optns>ul>li:hover i {
    transform: scale(1.1);
}

.more-post-optns::before {
    background: #eee none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 33px;
    left: 50%;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.2s linear 0s;
    width: 33px;
    z-index: 0;
}

[data-theme="dark"] .more-post-optns::before {
    background: #263240;
}

.more-post-optns>i {
    position: relative;
    z-index: 0;
    color: var(--color--grey8);
}

.more-post-optns:hover::before {
    transform: translate(-50%, -50%) scale(1);
}

.post-meta.post_video_class {
    /* height: 300px;*/
    padding: 0px;
}

.post-meta {
    margin-top: 15px;
    width: 100%;
    position: relative;
    /* margin-bottom: 15px; */
    cursor: pointer;
    padding: 15px 0px;
    line-height: 1.4;
}

.post-meta.post_image_class img {
    /* width: 100%; */
    /* height: 100%; */
    margin: 15px 0 0;
}

.post-meta.post_image_class img.repostimg.portrait {
    max-width: 70%;
}

.post-meta.post_image_class {
    /* margin-bottom: 15px; */
    /* min-width: 533px; */
}

.post-meta.post_image_class p, .post_video_class p,.categroryonfeed  {
    margin-bottom: 0px !important;
    line-height: 24px;
}

[data-theme="dark"] .post-meta p.darktext.txtclr,
[data-theme="dark"] .post-meta div {
    color: #fff !important;
}

[data-theme="light"] .post-meta p.darktext.txtclrblk {
    color: #000;
}

[data-theme="light"] .post-meta p.darktext.txtclrblk.post_text_class_kai {
    color: #000;
}

[data-theme="light"] .postdatacl_popup p.darktext.txtclrblk {
    color: #000 !important;
}

[data-theme="dark"] .postdatacl_popup p.darktext.txtclrblk {
    color: #fff !important;
}

[data-theme="dark"] .postdatacl_popup p.darktext.txtclr {
    color: #fff !important;
}

[data-theme="light"] .postdatacl_popup p.darktext.txtclr {
    color: #000 !important;
}

.post-meta.post_text_class * {
    font-family: var(--primary-font) !important;
    font-weight: 400;
}

.post-meta.post_video_class video {
    width: 100%;
    min-height: 300px;
}

.procmn .post-meta.post_video_class video {
    height: 100%;
}

.promotionanprevpage.procmn .post-meta.post_video_class video {
    height: 300px;
}

.procmn .post-meta.post_video_class .plybtnsvg {
    display: none !important;
}

.post-meta .promotionfeed {
    /* background: var(--bg-white); */
    /* z-index: 0; */
}

.procmn.promotionanprevpage .post-meta.post_video_class.ctaviedio .videothum-wrapper {
    border: none;
}

.procmn.promotionanprevpage .post-meta.post_video_class.ctaviedio .plyr--video {
    /* border: 1px solid var(--primary-color); */
    /* border-bottom: none; */
}

.procmn.promotionanprevpage .post-meta.post_video_class.ctaviedio video.post_video_thumnailclass {
    border: none;
}

.procmn .post-meta.post_video_class.ctaviedio .videothum-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    cursor: pointer;
    height: 250px;
    background-size: cover;
    background-position: center;
}

.post-meta.post_video_class.ctaviedio .videothum-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 59px;
    bottom: auto;
    /* bottom: 42px;  */
    z-index: 9;
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.post-meta.post_video_class.ctaviedio video {
    /* min-height: 250px;    */
}

.post-meta.post_video_class.ctaviedio .video-expand {
    bottom: 58px;
}

.postprevsec .ctaviedio .videothum-wrapper {
    height: 300px !important;
}

.post-meta.post_video_class.ctaviedio video.post_video_thumnailclass {
    /* height: auto;     */
    border: 1px solid var(--primary-color);
    border-radius: 4px;
}

.postdatacl_popup .post_video_thumnailclass {
    /* border: 1px solid var(--primary-color); */
    /* border-radius: 4px; */
}

.post-meta.post_text_class {
    padding: 5px;
    background-size: cover !important;
}

[data-theme="dark"] .post-meta p.darktext {
    color: #fff !important;
}

.post-meta p {
    color: var(--color-black2);
}

.posth_video_class video {
    display: none;
}

.post-meta .post_video_thumnailclass {
    width: 100%;
    height: 300px;
    object-fit: cover;
    z-index: -100;
}

.plyr--video .plyr__controls {
    border-radius: 4px !important;
}

.post_video_class .videothum-wrapper {
    /* border: 1px solid var(--primary-color); */
    border-radius: 12px;
}

.post-meta .post_video_thumnailclass {
    /* border: 1px solid var(--primary-color);
    border-radius: 4px; */
}

.postdatacl_popup .videothum-wrapper {
    /* border: 1px solid var(--primary-color); */
    /* border-radius: 4px; */
}

.postdatacl_popup .videothum-wrapper .post_video_thumnailclass {
    border: 1px solid var(--primary-color);
    border-radius: 4px;
}

.post-meta.post_video_class.ctaviedio .videothum-wrapper {
    height: 300px !important;
}

.post-meta.post_video_class.ctaviedio .plyr {
    height: 300px !important;
}

.post-meta.ctaviedio .promotionfeed {
    /* top: -3px; */
}

.post-meta.post_video_class.ctaviedio .video-expand {
    bottom: 62px;
}

.videothum-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    cursor: pointer;
    height: 300px !important;
    background-size: cover;
    background-position: center;
}

.plybtnsvg {
    background: rgba(80, 184, 85, .8);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
    color: #fff;
    display: flex;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    width: 48px;
    height: 48px;
}

.plybtnsvg svg {
    fill: #fff;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15));
    left: 2px;
    position: relative;
}

.livecnt {
    margin-top: 20px;
}

.livecnt .livecnttle {
    font-size: 17px;
    color: var(--color-black1);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

.livecnt .morecnt {
    color: #A5A5A5;
}

.userprofileinfo.liveuserinfo {
    width: 100%;
    margin-top: 15px;
}

.unflex {
    display: flex;
    align-items: end;
    margin-top: -3px;
}

.userprofileinfo.liveuserinfo figure {
    flex-shrink: 0;
}

.plysec {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.plybuttonk {
    margin-right: 20px;
    border: 1px solid var(--primary-color);
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    color: var(--color-black1);
    cursor: pointer;
}

.usersection .zi-czfe-title {
    display: flex;
    align-items: center;
}

.usersection .zi-czfe-title p {
    margin-bottom: 0px;
    margin-left: 10px;
    color: var(--primary-color);
    margin-top: 4px;
}

.post-meta p.morecnt {
    margin-bottom: 20px;
    word-break: break-word;
}

a.postlinks {
    color: #5c72c7;
}

a.postlinks:hover {
    color: #5c72c7;
}

.post-meta p.morecnt {
    /* text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; */
}

.post-meta .post-img {}

.dflex-feed {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profeeddec {
    color: var(--color-black1);
}

.textbackgrnd.promotionfeed {
    /* border: 1px solid var(--primary-color) !important; */
    /* border-top: 0; */
    /* position: relative; */
    /* top: -1px; */
    border-radius: 14px;
    padding: 12px 18px;
    border: 1px solid var(--box-border);
    background: #f8f8f8;
}

.textbackgrnd.promotionfeed .profeedcnt {
    /* padding: 15px 20px; */
    width: 60%;
}

.promotionfeed {
    /* border: 1px solid var(--primary-color); */
    /*border-top: 0; */
    /* position: relative;
    top: 0px;
    border-radius: 4px; */
    border-radius: 14px;
    padding: 12px 18px;
    border: 1px solid var(--box-border);
    background: #f8f8f8;
    margin-top: 10px;
}

[data-theme="dark"] .promotionfeed {
    border-color: var(--box-border);
    background: var(--bg-lightgreen);
}

.post-meta.post_video_class .promotionfeed {
    /* border: 1px solid var(--primary-color) !important; */
}

.post-meta.post_video_class.ctaviedio .videothum-wrapper {
    /* border: 1px solid var(--primary-color); */

    border-radius: 12px;
}

.post-meta.bgtxt {
    margin-bottom: 0px;
}

.textbackgrnd.promotionfeed .pro-urls {
    color: var(--primary-color);
}

.post-meta .promotionfeed.bordertop {
    /* border-top: 1px solid var(--primary-color); */
}

.post-meta .promotionfeed .profeedcnt {
    /* padding: 15px 20px; */
    width: 60%;
}

.postprevsec .promotionfeed .profeedcnt {
    /* padding: 15px 20px; */
}

.postprevsec .promotionfeed {
    /* border: 1px solid var(--primary-color) !important; */
    border-radius: 14px;
    padding: 12px 18px;
    border: 1px solid var(--box-border);
    background: #f8f8f8;
    background: var(--bg-lightgreen);
    margin-top: 10px;
}

.profeeddec {
    color: var(--color-black1);
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500 !important;
    font-style: italic;
}

.post-meta .promotionfeed .pro-urls {
    color: var(--primary-color);
}

.profeedbtn button {
    display: flex;
    align-items: center;
    /* background: var(--bg-white); */
    /* box-shadow: 0px 1px 8px #0000001f; */
    height: 40px;
    padding: 0px 18px;
    line-height: 0px;
    border-radius: 50px;
    /* margin-right: 20px; */
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    min-width: 110px;
    /* color: var(--primary-color); */
    border: 2px solid var(--primary-color) !important;
    justify-content: center;
    text-align: center;
    background: rgb(0 172 64 / 12%);
}

.post-meta.post_text_class .profeedbtn button {
    font-weight: 500 !important;
}

.profeedbtn button:hover {
    background: var(--primary-color);
    color: var(--color-white);
}

[data-theme="dark"] .profeedbtn button {
    background: transparent;
    color: #fff;
}

[data-theme="dark"] .pollvotescnt {
    color: #fff;
}

.pollvotescnt {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #a7a7a7;
    font-weight: normal;
}

.skillbar {
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid var(--primary-color);
    background: var(--bg-white);
    height: 35px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.skillbar.active .skillbar-bar {
    background: #BBEBBD;
}

.skillbar.active .skill-bar-percent {
    color: #50B855;
}

.skillbar-title {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    font-size: 14px;
    color: var(--color-black1);
    background: transparent;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.skillbar-title span {
    display: block;
    padding: 0 20px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.skillbar-bar {
    height: 35px;
    width: 0px;
    background: #EFFFF0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.skill-bar-percent {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    color: var(--color-black1);
}

.digital-photo {
    width: 80%;
}

.fill {
    width: 100%;
    height: 700px;
    background-position: top center;
    background-size: cover;
}

.morecontent span {
    display: none;
}

.read-more-link,
.read-less-link {
    display: block;
    color: var(--color-black);
    text-transform: capitalize;
    margin: 20px 0px 0px 0px;
    width: fit-content;
    text-decoration: none;
}

.post-meta .read-less-link,
.post-meta .read-more-link {
    color: var(--color-black);
    text-decoration: none;
}

.post-meta .read-less-link:hover,
.post-meta .read-more-link:hover {
    color: var(--color-black);
}

[data-theme="dark"] .post-meta .read-less-link:hover,
[data-theme="dark"] .post-meta .read-more-link:hover {
    color: var(--color-white);
}

.morelink1,
.morelink1.less {
    display: block;
    color: var(--color-green);
    text-transform: capitalize;
    margin: 20px 0px 0px 0px;
    width: fit-content;
}

.morelink1:hover,
.morelink1:focus,
.morelink1.less:hover,
.morelink1.less:focus {
    color: var(--color-green);
}

.morelink,
.morelink.less {
    display: block;
    color: var(--color-green);
    text-transform: capitalize;
    margin: 20px 0px 0px 0px;
    width: fit-content;
}

.morelink:hover,
.morelink:focus,
.morelink.less:hover,
.morelink.less:focus {
    color: var(--color-green);
}

.profile-description .morelink,
.profile-description .morelink.less {
    margin: 5px 0px 0px 0px;
}

.cmnt-sec {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    position: relative;
    border-top: 1px solid #cccccc;
    padding-top: 12px;
    margin-top: 10px;
}

[data-theme="dark"] .cmnt-sec {
    border-color: #333b47;
}

.commentsicon.cactive {
    /* box-shadow: inset 0px 3px 6px #00000029 !important; */
}

.like-dislike {
    display: flex;
    align-items: center;
    /* width: 67%; */
    justify-content: space-between;
    padding: 0 30px;
}

.like-dislike li {
    margin-right: 2px;
}

.like-dislike li:first-child {
    width: 75px;
}

.testing_comment_ma_hide,
.fcontactbtn_hide {
    display: none !important;
}

.like-dislike .likeicons {
    display: flex;
    align-items: center;
    /* background: var(--bg-white); */
    /* box-shadow: 0px 1px 8px #0000001F; */
    /* height: 28px; */
    /* padding: 0px 10px; */
    /* line-height: 0px; */
    /* border-radius: 18px; */
    font-weight: 500;
    color: #afafaf;
    font-size: 13px;
    line-height: 0;
    gap: 6px;
    min-width: 94px;
    text-align: center;
    justify-content: center;
}

.like-dislike .likeicons span {
    position: relative;
    top: 1px;
}

.like-dislike .likeicons svg {
    width: 20px;
    height: 20px;
}

[data-theme="dark"] .like-dislike .likeicons {
    /* background: #000; */
    color: #62748e;
}

[data-theme="dark"] .like-dislike .likeicons svg path {
    /* fill: #fff; */
    stroke: #62748e !important;
}

.like-dislike .likeicons i {
    /* margin-right: 4px; */
}

.like-dislike .likeicons.bg-green {
    /* background: ; */
    color: var(--primary-color);
}

.like-dislike .likeicons.bg-green svg path {
    /* fill: var(--color-white); */
    stroke: var(--primary-color) !important;
}

/* .like-dislike .likeicons:hover{ 
    background: var( --primary-color);
    color: var(--color-white);
}
.like-dislike .likeicons:hover svg path{
    fill:var(--color-white);
} */
.like-dislike .likeicons.active {
    background: var(--color-green);
    color: var(--bg-white);
}

.like-dislike .likeicons.active svg path {
    fill: var(--color-white);
}

.likes-info {
    /* display: flex; */
    /* width: 33%; */
    /* justify-content: end; */
}

.likes-info li {
    display: inline-block;
    font-size: 12px;
    margin-top: 6px;
    vertical-align: middle;
    color: var(--color--grey8);
    position: relative;
}

[data-theme="dark"] .tabs-content {
    color: #ffffff;
}

[data-theme="dark"] .likes-info li {
    color: #62748e;
}

.likes-info li+li {
    margin-left: 8px;
}

.conmsg .likes-info li+li:before {
    /* content: ''; */
    width: 4px;
    height: 4px;
    background: #cccccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
    border-radius: 10px;
}

.conmsg .likes-info li:first-child:before {
    /* display: none; */
    opacity: 0;
}

li.post_reposts:before {
    /* content: ''; */
    width: 4px;
    height: 4px;
    background: #cccccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
    border-radius: 10px;
}

li.post_reposts {
    /* margin-left: 14px; */
}

.likes-info li span {
    /* display: flex; */
    /* align-items: center; */
}

.likes-info li span i {
    margin-right: 5px;
}

.likes-info li span ins {
    text-decoration: none;
    color: var(--color--grey8);
}

.likes-info li span.active ins {
    color: var(--color-green);
}

.likes-info li span.active svg path {
    fill: var(--color-green) !important;
}

.likes-info li span.views svg {
    width: 14px;
}

.likes-info li span.views svg path {
    fill: var(--color--grey8);
}

.conmsg {
    /* width: 33%; */
    /* justify-content: end; */
    /* flex-direction: column; */
}

.conmsg .likes-info {
    /* width: 100%; */
}

.fcontactbtn {
    /* display: flex; */
    /* align-items: center; */
    /* background: #00AC4014; */
    /* border: 1px solid #4EB653; */
    /* color: #4EB653 !important; */
    /* height: 30px; */
    /* padding: 0px 14px; */
    /* line-height: 0px; */
    /* border-radius: 26px; */
    /* justify-content: center; */
    /* width: fit-content; */
    /* float: right; */
    /* margin-top: 10px; */
    /* font-size: 13px; */
    /* width: 100%; */
    /* font-weight: 500; */
}

.fcontactbtn:hover {
    /* color: #4EB653; */
}

.fcontactbtn svg {
    /* margin-right: 6px; */
    width: 14px;
}

.stats-title {
    color: var(--color--grey8);
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

.stats-title::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    height: 2px;
    width: 100%;
    margin-right: 16px;
}

.selectoption {
    margin: 10px 0px 10px 0px;
}

.selectoption .selectlabel {
    width: 100%;
    border-radius: 0px;
    min-height: 45px !important;
    font-size: 12px !important;
    display: flex;
    line-height: 12px;
    padding: 0px 20px;
    color: var(--primary-color);
    align-items: center;
    height: auto;
    border: 1px solid var(--primary-color);
    cursor: pointer;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: 0px;
}

.postdatacl_popup .selectoption .selectlabel {
    width: auto;
}

.selectoption .slctoptn input {
    display: none;
}

.slctoptn input:checked+.selectlabel {
    background: var(--primary-color);
    color: #fff;
}

.slctoptn {
    position: relative;
}

[data-theme="dark"] .stats-title::before {
    background-color: rgba(255, 255, 255, 0.4);
}

.stats-title i {
    margin-left: 10px;
    font-weight: bold;
}

.statssec {
    padding-top: 20px;
}

.organic-stats {
    display: none;
}

.stats-title i.ti-angle-down.rotate {
    transform: rotate(-180deg);
}

.organic-stats .organic-cnt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.organic-stats .organic-cnt .organic-box {
    text-align: left;
    width: 25%;
    padding: 10px 0px;
}

.organic-stats .organic-cnt .organic-box h4 {
    color: var(--color--grey8);
    line-height: 1;
}

.organic-stats .organic-cnt .organic-box p {
    color: var(--color--grey8);
}

.orgtitle {
    font-size: 16px;
    color: var(--color--grey8);
    line-height: 1;
    margin-bottom: 10px;
}

.organic-stats-title {
    color: var(--color--grey8);
    padding: 20px 0px 0px;
}

/* -----------------------------------
   03. Audio Player CSS
-------------------------------------*/
p.morecnt.audiodesc {
    margin-top: 15px;
}

.audio-player.audionew {
    display: block;
    margin-bottom: 10px;
}

.audio-player .wave {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.audio-player {
    width: 100%;
    max-width: 1600px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg-lightgreen1);
    border-radius: 10px;
    margin-bottom: 0px;
}

.audio-player.audionew .wave-container wave {
    border-right: none !important;
}

[data-theme="dark"] .audio-player {
    background: #000;
}

.play-button {
    display: inline-flex;
    vertical-align: middle;
    width: 85px !important;
    height: 85px !important;
    background: var(--color-green);
    border-radius: 10px !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
}

.player-body {
    width: 80%;
    padding: 0px 20px 0px 0px;
}

.title {
    width: 100%;
    font-weight: 600;
}

.waveform {
    width: 100%;
}

.player-body .waveform wave {
    border-right: none !important;
}

.player-body wave {
    overflow: hidden !important;
}

.play-button span {
    background: #fff;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.play-button span img {
    margin-left: 3px;
}

/* -----------------------------------
   04. Products Post CSS
-------------------------------------*/
#products .central-meta {
    /* padding: 20px 20px 20px 20px; */
}

.pro-vertical {
    display: flex;
    justify-content: space-between;
}

.pro-vertical .pro-image {
    width: 35%;
    flex-shrink: 0;
}

.pro-vertical .pro-image img {
    border-radius: 25px;
}

.pro-vertical .pro-vercnt {
    width: 60%;
}

.pro-vertical .product-post-cnt {
    padding-top: 0px;
    width: 60%;
}

.pro-vertical .view-pdf {
    display: flex;
    align-items: center;
}

.view-pdf {
    display: flex;
    align-items: center;
}

.enqbtn {
    margin-left: 15px;
}

.product-post-cnt .ppost-title {
    margin-bottom: 15px;
    line-height: 1.1;
}

.pro-dev {
    line-height: 0px;
    /* padding-bottom: 15px; */
    /* position: absolute;
    top: 14px;
    right: 20px;  */
    position: relative;
    /* bottom: 10px; */
    left: 441px;
}

.pro-video {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.pro-image {
    margin-top: 20px;
}

.bin-badge {
    width: 45px;
    height: 45px;
    box-shadow: 0px 3px 6px #00000029;
    background: #fff;
    border-radius: 100%;
    /* position: absolute; */
    /* right: 568px;
    top: -24px;  */
    /* right: 334px;
    top: 600px; */
    position: relative;
    right: -503px;
    top: -33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-post-cnt {
    padding-top: 20px;
    float: left;
    width: 100%;
        text-align: left;
}

.product-post-cnt .ppost-title {
    color: var(--color--grey9);
    font-weight: 500;
    margin-bottom: 10px;
    word-break: break-word;
        font-size: 20px;
}

.pcategory {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.pcategory img {
    margin-right: 10px;
}

.pro-image {
    text-align: center;
}

.view-pdf.dhide {
    display: none;
}

.view-pdf {
    float: right;
    text-align: center;
}

.view-pdf a {
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f;
    height: 32px;
    padding: 0px 15px;
    line-height: 0px;
    border-radius: 17px;
    width: 146px;
    justify-content: center;
    cursor: pointer;
}

.view-pdf a:hover,
.view-pdf a:focus {
    background: var(--primary-color);
    color: #fff !important;
}

.view-pdf a button {
    cursor: pointer;
}

.view-pdf a:hover button,
.view-pdf a:focus button {
    background: var(--primary-color);
    color: #fff !important;
}

[data-theme="dark"] .view-pdf a {
    box-shadow: 0px 1px 17px #0000001C;
    background: var(--bg-lightgreen);
    color: white;
}

[data-theme="dark"] .view-pdf a:hover {
    background: var(--primary-color);
}

.doc-upload .deskview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px 25px 0px;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.nice-select:hover {
    border-color: #dbdbdb;
    background-color: var(--bg-white);
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    max-height: 300px;
    overflow-y: auto;
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select.sort-filter-Product .list {
    box-shadow: var(--box-shawdow) !important;
    border-radius: 12px;
    z-index: 99;
}

.nice-select .list {
    background-color: var(--bg-white);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    border: 1px solid var(--box-border);
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
    color: var(--color-black1);
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: var(--primary-color);
    color: #fff;
}

.nice-select .option.selected {
    font-weight: bold;
    background-color: var(--primary-color);
    color: #fff;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.nwfilter {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.nwfilter .nice-select {
    border: 1px solid #616161;
    width: 194px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.nwfilter .nice-select span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-theme="dark"] .nwfilter .nice-select {
    border: 1px solid #fff !important;
    border-radius: 30px !important;
}

[data-theme="dark"] .nwfilter .nice-select:hover,
[data-theme="dark"] .nwfilter .nice-select:focus {
    background: transparent;
}

[data-theme="dark"] .nwfilter .nice-select:active,
[data-theme="dark"] .nwfilter .nice-select.open {
    background: transparent;
}

.ftst {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.ftst p {
    margin-bottom: 0px;
}

.nwfilter i {
    margin-right: 10px;
    font-size: 20px;
}

[data-theme="dark"] .nwfilter select {
    background-image: url(../images/br_down_d.png);
}

.nwfilter select {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f !important;
    height: 32px;
    width: 140px;
    padding: 0px 15px;
    border-radius: 17px;
    color: var(--color--grey8);
    text-align: left;
    justify-content: center;
    margin-right: 10px;
    border: none !important;
    background-image: url(../images/darrw.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 11px;
    margin-bottom: 0px;
}

.nwfilter select:focus {
    border: none !important;
}

.doc-upload .fileupload {
    border: 1px solid #616161;
    width: 32%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.doc-upload .fileupload a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.doc-upload .fileupload a svg {
    margin-right: 10px;
}

.doc-upload .fileupload a span {
    font-size: 13px;
    color: #616161;
}

[data-theme="dark"] .doc-upload .fileupload a span {
    color: #fff;
}

[data-theme="dark"] .doc-upload .fileupload {
    border: 1px solid #fff;
}

[data-theme="dark"] .doc-upload .fileupload a svg path {
    fill: #fff;
}

[data-theme="dark"] .doc-upload .fileupload a:hover span {
    color: #fff;
}

.doc-upload .fileupload a:hover span {
    color: #616161;
}

.fileupload.imgup.mobileview {
    display: none;
}

#newproduct {
    width: 700px;
    overflow: initial;
    padding: 30px;
    /*box-shadow: 0px 0px 48px #00000029;*/
    border: 1px solid rgb(80, 184, 85, 0.4);
}

#radios {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0px;
}

#radios label {
    cursor: pointer;
    position: relative;
}

#radios label+label {
    margin-left: 15px;
}

.common_interaction {
    display: none;
}

.uploadhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.modeofinteractionmobile.interaction {
    display: none !important;
}

.selecttype {
    margin-right: 50px;
}

.selecttype select {
    border: none;
    box-shadow: 0px 1px 8px #0000001f !important;
    height: 32px;
    background-image: url(../images/down-arrow.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 87% 50%;
    cursor: pointer;
    padding-right: 35px;
    border-radius: 22px;
    margin-bottom: 0px;
}

.selecttype select:focus {
    border: none !important;
    outline: none !important;
}

[data-theme="dark"] .selecttype select {
    background-color: #000;
}

[data-theme="dark"] .selecttype select:focus {
    background-color: #000;
}

.selectinteraction {
    display: flex;
    align-items: center;
}

.post_form_la .selectinteraction {
    flex-direction: column;
    align-items: flex-start;
}

.post_form_la .dflex-right {
    align-items: flex-end;
}

[data-theme="dark"] .selectpostus select {
    background-image: url(../images/down-arrow-white.png);
}

[data-theme="dark"] .selectinteraction select {
    background-image: url(../images/down-arrow-white.png);
}

.selectpostus select {
    margin-bottom: 0px;
    border: none;
    box-shadow: 0px 1px 8px #0000001f !important;
    height: 32px;
    background-image: url(../images/down-arrow.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 87% 50%;
    cursor: pointer;
    padding-right: 70px;
    border-radius: 7px;
    background-color: var(--bg-white);
}

.selectpostus select:focus {
    border: none !important;
}

.selectinteraction .nice-select {
    margin-bottom: 0px;
    border: none;
    box-shadow: 0px 1px 8px #0000001f !important;
    height: 32px;
    background-image: url(../images/down-arrow.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 87% 50%;
    cursor: pointer;
    padding-right: 35px;
    border-radius: 22px;
    line-height: 32px;
    width: 105px;
}

.selectinteraction .nice-select:focus {
    border: none !important;
}

.selectinteraction .nice-select:after {
    content: none !important;
}

.selectinteraction .nice-select .option {
    min-height: 30px;
    line-height: 30px;
}

[data-theme="dark"] .selectinteraction .nice-select {
    background-color: #000;
    color: #fff;
}

[data-theme="dark"] .selectinteraction span {
    color: #fff;
}

[data-theme="dark"] .selectinteraction .nice-select.open .list {
    background-color: #000;
}

.selectinteraction select {
    margin-bottom: 0px;
    border: none;
    box-shadow: 0px 1px 8px #0000001f !important;
    height: 32px;
    background-image: url(../images/down-arrow.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 87% 50%;
    cursor: pointer;
    padding-right: 35px;
    border-radius: 22px;
}

.selectinteraction select:focus {
    border: none !important;
}

.selectinteraction span {
    /* color: #838B91; */
    font-size: 12px;
    margin-right: 10px;
    flex-shrink: 0;
}

#newproduct input[type="radio"] {
    opacity: 0;
    /* hidden but still tabable */
    position: absolute;
}

#radios input[type="radio"]+span {
    color: #B5B5B5;
    border-radius: 50%;
    padding: 0px 2px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    font-size: 14px;
    display: flex;
    align-items: center;
}

#radios input[type="radio"]+span svg {
    margin-right: 5px;
    height: 16px;
}

#radios input[type="radio"]:checked+span {
    color: var(--primary-color) !important;
}

#radios input[type="radio"]:checked+span svg path {
    fill: var(--primary-color);
}

#radios input[type="radio"]:focus+span {
    color: #fff;
}

#image-upload,
#video-upload,
#document-upload {
    display: none;
}

#document-upload .product-pic {
    flex-direction: column;
}

.product-pic label.label,
.product-pic label.doclabel {
    cursor: pointer;
    width: 175px;
    height: 175px;
    border-radius: 0%;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    color: var(--color-black1);
    transition: background-color 0.2s ease-in-out;
    margin-bottom: 0;
    border: 1px solid #B5B5B5;
}

.product-pic .doclabel.is-invalid-label {
    background-color: #f9ecea;
    color: #cc4b37;
}

#file-upload-filename {
    text-align: center;
    line-height: 1.2;
}

.product-pic {
    width: 190px;
    height: 175px;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
}

.product-pic .label {
    cursor: pointer;
    width: 175px;
    height: 175px;
    border-radius: 0%;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    color: var(--color-black1);
    transition: background-color 0.2s ease-in-out;
    margin-bottom: 0;
    overflow: hidden;
    border: 1px solid #B5B5B5;
}

.product-pic .label.is-invalid-label {
    background-color: #f9ecea;
    color: #cc4b37;
    border-color: 1px solid #cc4b37;
}

.product-pic label svg {
    height: 35px;
}

.product-pic input {
    display: none;
}

.product-pic img {
    position: absolute;
    object-fit: cover;
    width: 170px;
    height: 170px;
    box-shadow: 0 0 10px 0 rgb(255 255 255 / 35%);
    border-radius: 0px;
    z-index: 0;
}

#video-upload .product-pic {
    overflow: hidden;
    flex-direction: column;
}

#video-upload video {
    position: absolute;
    cursor: pointer;
    width: 175px;
    height: 175px;
    border-radius: 0%;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    color: #fafafa;
    transition: background-color 0.2s ease-in-out;
    margin-bottom: 0;
    object-fit: cover;
}

#video-upload .product-pic .label {
    text-align: center;
    cursor: pointer;
    white-space: normal;
}

#image-upload .product-pic .label {
    text-align: center;
    cursor: pointer;
}

#image-upload .product-pic {
    overflow: hidden;
    flex-direction: column;
}

#video-upload-filename,
#file-upload-filename,
#image-upload-filename {
    font-size: 12px;
    word-break: break-word;
    text-align: center;
    line-height: 1.1;
    padding: 0px 10px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 65%;
}

.upload-cnt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;
}

#newproduct .upload-cnt {
    align-items: flex-start;
}

.file_names {
    display: block;
    position: absolute;
    color: black;
    left: 0;
    bottom: -30px;
    font-size: 13px;
    font-weight: 300;
}

.file_names {
    text-align: center;
}

.product-fields {
    width: 70%;
}

.product-fields input {
    border-bottom: 1px solid var(--input-border) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    padding: 10px 5px;
    font-size: 16px;
}

.product-fields select {
    border-radius: 22px;
    height: 40px;
    border: 1px solid #B5B5B5;
    margin: 0px;
}

.dflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#promo_applied .signup-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;

}


.free-signup-popup-container .dflex {
    width: 70%;
    margin: auto;
    /* padding: 2rem; */
    padding: 1rem 1rem;
}

#landscapeWarning {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--bg-white);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.warning-content h2 {
    font-size: 22px;
    margin-bottom: 0.5em;
    font-weight: 600;
}

.warning-content p {
    font-size: 16px;
    color: var(--bg-black);
    margin: 0;
}

.warning-content svg {
    width: 80px;
}

[data-theme="dark"] .warning-content svg path:first-child {
    fill: #fff;
}

@media only screen and (max-width: 600px) {
    .free-signup-popup-container .dflex {
        width: 90%;
        padding: 0rem;
    }

    #confirmation-from-free-user-modal {
        width: 95% !important;
    }
}

.add-btn {
    background: var(--primary-color);
    color: var(--bg-white);
    box-shadow: 0px 0px 6px #0000001C;
    width: 81px;
    height: 45px;
    border-radius: 10px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-btn:focus {
    color: var(--color-black2);
}

[data-theme="dark"] .product-fields .add-btn {
    background: #fff;
    color: #000;
}

#category {
    background: url(../images/categoryicon.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    padding-left: 50px;
}

#category option {
    padding: 10px !important;
}

.custom-select {
    position: relative;
    width: 100%;
}

.product-fields .btn.post-btn {
    width: 81px;
    border-radius: 22px !important;
    line-height: 1px !important;
    display: flex;
    align-items: center;
}

.custom-select {}

.custom-select select.Category_list_la {
    padding-left: 45px;
    position: relative;
    width: 100%;
    background: url(../images/categoryicon.png);
    background-repeat: no-repeat;
    background-position: 4% 50%;
    border: 1px solid var(--input-border) !important;
    border-radius: 22px;
    margin-left: 0px;
    height: 40px;
}

.custom-select select.Category_list_la.is-invalid-input+.select-selected {
    position: relative;
    width: 100%;
    background: url(../images/categoryicon.png);
    background-repeat: no-repeat;
    background-position: 4% 50%;
    border: 1px solid var(--input-border) !important;
    border-radius: 22px;
    background-color: #f9ecea;
    color: #cc4b37;
}

.custom-select .nice-select.Category_list_la {
    padding-left: 45px;
    position: relative;
    width: 100%;
    background: url(../images/categoryicon.png);
    background-repeat: no-repeat;
    background-position: 4% 50%;
    border: 1px solid var(--input-border) !important;
    border-radius: 22px;
    margin-left: 0px;
    height: 40px;
}

.custom-select .nice-select.Category_list_la.is-invalid-input+.select-selected {
    position: relative;
    width: 100%;
    background: url(../images/categoryicon.png);
    background-repeat: no-repeat;
    background-position: 4% 50%;
    border: 1px solid var(--input-border) !important;
    border-radius: 22px;
    background-color: #f9ecea;
    color: #cc4b37;
}

.select-selected {
    margin-left: 35px;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 17px;
    right: 15px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: var(--color--grey11) transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent var(--color--grey11) transparent;
    top: 7px;
}

.select-items div,
.select-selected {
    color: #B5B5B5;
    padding: 8px 16px;
    cursor: pointer;
    user-select: none;
    border-radius: 17px;
    font-size: 14px;
}

.select-items {
    position: absolute;
    background-color: var(--bg-white);
    border: 1px solid var(--input-border) !important;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 17px;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.05);
}

.addnew-cat {
    display: none;
    width: 373px;
    background: var(--bg-white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 12px #00000029;
    position: absolute;
    bottom: -180px;
    right: 25px;
    border-radius: 17px;
    padding: 30px;
}

.addnew-cat .ti-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.addnew-cat.active {
    display: block;
}

[data-theme="dark"] .addnew-cat.active {
    background: #000000;
}

.newcat-title {
    color: var(--color--grey11);
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.newcat-title img {
    margin-right: 15px;
}

.product-fields .addnew-cat input {
    border: 1px solid var(--input-border) !important;
    border-radius: 17px !important;
    padding: 10px 20px;
}

#addcat_submit {
    cursor: pointer;
    box-shadow: 0px 0px 6px #0000001C;
    padding: 3px 15px;
    width: 81px;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    height: 32px;
    font-size: 14px;
    border-radius: 17px !important;
}

html.is-reveal-open body::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
}

#accessdenied_popup {
    max-width: 500px;
}

#accessdenied_popup .insidepopup {
    text-align: center;
    padding: 30px 0px 0px 0px;
}

#accessdenied_popup .insidepopup .btn {
    float: none;
    width: fit-content;
    margin: 0 auto;
    margin-top: 30px;
}

#accessdenied_popup .popuptitle h4 {
    font-size: 16px;
}

.reveal-overlay.bgoverlaypop {
    background: rgb(255, 255, 255) !important;
}

.btn.post-btn {
    box-shadow: 0px 0px 6px #0000001C;
    background: var(--primary-color) !important;
    color: var(--color-white);
    font-size: 14px;
    height: 40px;
    border-radius: 22px;
    line-height: 40px !important;
    float: right;
    font-weight: normal;
}

[data-theme="dark"] .post-btn.bg-white.active {
    background: var(--primary-color) !important;
}

.post-btn.bg-white.active {
    box-shadow: 0px 0px 6px #0000001C;
    background: var(--primary-color) !important;
    color: var(--color-white);
    font-size: 14px;
    height: 32px;
    border-radius: 22px;
    line-height: 32px !important;
    float: right;
    font-weight: normal;
}

[data-theme="dark"] .btn.post-btn {
    border: none;
}

[data-theme="dark"] select {
    background-color: #1d2630;
    color: #fff !important;
}

[data-theme="dark"] .editprofilepage select {
    background-color: transparent !important;
}

[data-theme="dark"] .editprofilepage .mlt-form-group {
    background-color: transparent !important;
}

[data-theme="dark"] .signup_sec select:required {
    background-color: transparent !important;
    color: rgb(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] select option {
    background: #1d2630;
    color: #fff !important;
}

[data-theme="dark"] select:focus {
    background-color: #1d2630 !important;
}

[data-theme="dark"] button#bt {
    background: var(--primary-color) !important;
}

[data-theme="dark"] #image_filterpopup button#bt {
    background: transparent !important;
}

[data-theme="dark"] .img-foptions .fbtns a {
    background: #000 !important;
}

[data-theme="dark"] .img-foptions .fbtns a svg path {
    fill: #fff;
}

[data-theme="dark"] .cropoptions .rotatebtns .btn-primary svg path+path {
    fill: #fff;
}

/* -----------------------------------
  06. Top Search Css
-------------------------------------*/
.mobilehide.desckblock {
    display: block;
}

.deskhide.mobileblock {
    display: none !important;
}

#profile-page {
    padding-top: 0px;
    padding-bottom: 60px;
}

#profile-page>div.pdrght0 {
    padding-right: 0rem;
}

#profile-page>div.padrl0 {
    padding: 0px;
}

#profile-page>div.pdleft0 {
    padding-left: 0rem;
}

.top-search {
    margin-top: 0px;
    text-align: left;
    width: 100%;
    z-index: 9999;
    margin-bottom: 13px !important;
    position: relative;
    padding-top: 20px;
    /* border-bottom: 1px solid #e7e7e7; */
}

/* .srchboxsearch .top-search{border-bottom: 1px solid #e7e7e7;}
[data-theme="dark"] .srchboxsearch  .top-search {border-bottom:1px solid var(--box-border)!important;} */
.howsrch {
    position: absolute;
    top: 25px;
    right: 5px;
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 45px;
    padding: 0px 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.howsrch a {
    font-weight: 500;
    font-size: 14px;
}

.top-search form {
    display: inline-block;
    position: relative;
    width: 100%;
}

.top-search form input::placeholder {
    /* color: var(--color-green); */
}

.btnhidden {
    display: none;
}

.searchfltrmobile {
    display: none;
}

.top-search form input {
    width: 100%;
    background: url(../images/search.png) left 19px center var(--bg-lightgreen1) no-repeat !important;
    background-size: 19px !important;
    font-size: 16px;
    margin-bottom: 5px;
    border-radius: 50px;
    height: 42px;
    padding: 10px 15px 10px 48px !important;
    border: 1px solid var(--box-border) !important;
    box-shadow: var(--box-shawdow) !important;
    background-color: #fff !important;
    font-size: 14px;
}

[data-theme="dark"] .top-search form input {
    background: url(../images/search-gry.png) left 20px center #222426 no-repeat !important;
    background-color: var(--bg-white) !important;
    background-size: 19px !important;
    border: 0 !important;
}

[data-theme="dark"] .top-search form input::placeholder {
    color: #858585;
}

.ui-widget-content {
    background: var(--bg-white) !important;
    box-shadow: var(--box-shawdow) !important;
    padding: 10px !important;
    border: none !important;
    border-radius: 17px;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 5px 1em 5px 1em !important;
    text-transform: capitalize;
    font-size: 12px;
}

[data-theme="dark"] .ui-menu .ui-menu-item-wrapper {
    color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--primary-color) !important;
    background: var(--primary-color) !important;
    border-radius: 17px !important;
}

.ui-widget-content {
    height: 300px;
    overflow-y: auto;
}

.ui-widget-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.ui-widget-content::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.ui-widget-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #D0D9E2;
    border: none;
    outline: none;
}

/* -----------------------------------
  07. Sidebar right Css 
-------------------------------------*/
.pdrght0.sideberlftfixed .stickysecdv {
    /* position: fixed; */
    /* top: 0px; */
}

/* .pdleft0.sideberrgtfixed .sidebar.right {
    position: fixed;
    top: 0px;
} */

.profile-full .pdleft0.sideberrgtfixed .sidebar.right {
    top: 50px;
    /* padding-top: 0; */
}

@media print,
screen and (min-width: 64em) {
    /* .profile-full .large-4.profile-page {
        width: 30%;
    } */
}

.pdrght0.sideberlftfixedh .sidebar.left {
    position: fixed;
    top: 0px;
}

.srchbox.searchbarfixed {
    /* position: fixed; */
    /* top: 0px; */
}

.sidebar.right {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sidebar.left {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}

.zilivecmn .sidebar.left {
    padding-top: 20px;
}

.zilivecmn .sideberlftfixed .sidebar.left {
    position: fixed;
    top: 0px;
}

.stickysecdv {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;

}

.srchbox {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    padding-top: 20px;
}

.stickysecdv {
    padding-right: 10px;
    /* overflow: hidden;  */
}

.sidebar.right {
    padding-top: 10px;
    padding-left: 10px;
}

.srchbox {
    background: var(--bg-lightgreen);
    z-index: 999;
    padding: 0px 15px 0px 15px;
}

.feedpage .post-section {
    /* margin-top: 190px; */
}

.post-section {
    padding: 0px 15px;
    margin-top: 0px;
}

.usrprofilepage .post-section {
    margin-top: 0px;
    position: sticky;
    top: 0;
    z-index: 99;
}

.usrprofilepage .pdrght0 .stickysecdv {
    padding-top: 20px;
}

.profile-section.fxdprofilesection {
    /* margin-top: 95px; */
    margin-top: 0px !important;
}

.other-profile .profile-section {
    /* margin-top: 95px; */
}

.secsticky {
    /* padding-right: 10px; */
}

.refine-by-category {
    background: var(--bg-white) none repeat scroll 0 0;
    /* box-shadow: var(--box-shawdow); */
    padding: 16px;
    border-radius: 14px;
    margin-bottom: 15px;
    border: 1px solid var(--box-border);
}

.refine-by-category .secsticky {
    /* height: calc(100vh - 70px); */
    /* overflow-y: auto; */
    /* min-height: 750px; */
    /* padding-left: 15px; */
    /* margin-left: -15px; */
    /* padding-top: 15px; */
    /* margin-top: -15px;  */
    /* margin-top: -31px; */
    /* padding-bottom: 15px; */
    /* margin-bottom: -15px; */
}

.sidebar.right {
    /* height: calc(100vh);
    overflow-y: auto; */
    /* padding:0 10px 10px 0; */
}

.sidebar.right .secsticky {
    /* margin-top: -10px; */
    /* min-height: max-content; */
    /* height: calc(100vh - 250px); */
    /* padding-right: 0; */
}

.sidebar.right .secsticky .liveinformation {
    margin-bottom: 20px;
}

.sidebar.right::-webkit-scrollbar,
.sidebar.right::-webkit-scrollbar-track {
    display: none;
    right: -100px !important;
}

.sidebar.right:hover::-webkit-scrollbar,
.sidebar.right::-webkit-scrollbar-track {
    display: block;
}

.notificationpage .pdrght0 .stickysecdv {
    padding-top: 20px;
}

.sidebar.right .chat-room-list {
    max-height: 200px;
    overflow-y: auto;
}

.other-profile .pdrght0 .stickysecdv {
    padding-top: 20px;
}

.sidebar.right .chat-room-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.sidebar.right .chat-room-list::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

.sidebar.right .chat-room-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}





.secsticky::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: transparent;
}

.secsticky:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.secsticky::-webkit-scrollbar {
    width: 5px;
    border-color: transparent;
}

.secsticky:hover::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

.secsticky::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: transparent;
    outline: 0px solid #D0D9E2;
}

.secsticky:hover::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}


/* .secsticky::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: transparent;
    outline: 1px solid transparent;
}
.secsticky:hover::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 1px solid #D0D9E2;
}
.secsticky::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: transparent;
}
.secsticky:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
} */

/* .secsticky { 
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
  .secsticky:hover {
    scrollbar-color: #D0D9E2 #F5F5F5;
    scrollbar-width: thin;
  } */

.cmnmbsearchfilter .sidebar .howtobtn {
    display: block;
}

.sidebar .howtobtn {
    position: relative;
    right: unset;
    top: unset;
    margin-bottom: 10px;
    border-radius: 17px;
    display: none;
}

h4.acces-title {
    font-size: 16px;
    color: var(--color-black1);
    text-align: center;
    margin-bottom: 0px;
}

.upgrade_pro_user_div {
    margin: 10px 0 8px 0;
    cursor: pointer !important;

}


.upgrade-pro {
    background: var(--bg-white);
    padding: 10px 18px;
    border-radius: 14px;
    /* color: var(--primary-color); */
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: left;
    cursor: pointer;
    box-shadow: var(--box-shawdow);
    border: 0;
    height: 45px;
    background: #0A1944;
}

[data-theme="dark"] .upgrade-pro {
    background: var(--bg-white);
}

.upgrade-pro a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff !important;
    justify-content: space-between;
    width: 100%;
}

.upgrade-pro a svg {
    margin-left: 9px;
    width: 64px;
}

/*---- Zi chat  ---*/
.cht-btns {
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 18px;
    cursor: pointer;
    min-height: 45px;
}

.toggle-bg {
    position: relative;
    display: inline-block;
    width: 100%;
    background: var(--bg-white);
    height: auto;
    border-radius: 14px;
    /* color: #50b855; */
    box-shadow: var(--box-shawdow);
    border: 1px solid var(--box-border);
    min-height: 45px;
}

.zi-chat.toggle-bg {
    margin: 0 0 8px 0;
}

.zi-space.toggle-bg {
    margin-bottom: 8px;
}

#zi-space-list.chat-list,
#zi-chat-list.chat-list {
    /* display: block; */
}

#zi-space-list.chat-list {
    padding-bottom: 20px;
}

.chat-list {
    display: none;
    background-color: var(--bg-white);
    width: 100%;
    box-shadow: 0px 3px 48px #0000000F;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    padding: 5px 20px;
}

[data-theme="dark"] .chat-list {
    background-color: transparent;
}

[data-theme="dark"] #zi-space-list.chat-list,
[data-theme="dark"] #zi-chat-list.chat-list {
    background-color: var(--bg-white);
}

[data-theme="dark"] .msg_body {
    background-color: var(--bg-white);
}

.chaticon {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.chaticon svg {
    margin-right: 10px;
    width: 20px;
}

[data-theme="dark"] .chaticon svg * {
    stroke: var(--primary-color) !important;
}

.chat-cunt {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--bg-white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

[data-theme="dark"] .chat-cunt,
[data-theme="dark"] .chat-expand {
    /* background: #fff; */
}

[data-theme="dark"] .chat-expand i {
    color: #858585;
}

.chat-count-expand {
    display: flex;
    align-items: center;
}

.chat-cunt span {
    color: var(--color-green);
    font-size: 10px;
}

.chat-expand {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: var(--bg-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.chat-expand i {
    color: var(--color--grey3);
    font-weight: bold;
    position: absolute;
    top: 7px;
}

.chat-expand i.ti-angle-down.act {
    transform: rotate(180deg);
}

.liveinformation {
    background: var(--bg-white);
    border-radius: 17px;
    padding: 20px;
    position: relative;
    box-shadow: var(--box-shawdow);
}

.liveinformation p {
    margin-bottom: 15px;
}

.liveinformation p:last-child {
    margin-bottom: 0px;
}

.liveinformation p i {
    color: var(--primary-color);
    font-size: 18px;
    margin-right: 10px;
}

.invitemoreple,
.profile-box {
    background: var(--bg-white);
    border-radius: 14px;
    padding: 16px;
    position: relative;
    /* box-shadow: var(--box-shawdow); */
    /* bottom: 55px; */
    /* left: 9px; */
    margin-bottom: 15px;
    border: 1px solid var(--box-border);
}

.invitemoreple .invitebtnfed {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 45px;
    padding: 0px 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.interested-segment {
    background: var(--bg-white);
    border-radius: 17px;
    padding: 20px;
    position: relative;
    box-shadow: var(--box-shawdow);
    display: none !important;
}

.interested-segment .container-checkbox {
    margin-bottom: 10px;
}

.static.right .interested-segment .container-checkbox {
    margin-bottom: 2px;
    width: 100%;
}

.interested-segment .select-int .container-checkbox .checkmark {
    font-size: 12px;
    width: 100%;
    border-radius: 50px;
    position: relative;
    min-height: 32px !important;
    font-size: 12px !important;
    top: 0;
    left: 0;
    display: flex;
    line-height: 12px;
    padding: 0px 20px;
    border-color: var(--primary-color);
    font-weight: 500;
    align-items: center;
    height: auto;
}

.interested-segment .select-int .container-checkbox .checkmark .select-interest .container-checkbox .checkmark {
    border: none;
    box-shadow: 0px 1px 8px #0000001f;
}

.select-interest button {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0px 5px;
    margin-bottom: 10px;
    border: none;
    box-shadow: 0px 1px 8px #0000001f;
    padding: 7px 15px;
    border-radius: 12px;
    background-color: var(--bg-white);
    color: var(--color--grey3);
    width: 100px;
}

.liveuserinfo .liuserdetails h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.livecntsec h4 {
    word-break: break-word;
}

.select-int {
    margin: 10px 0px;
}

.select-interest,
.select-int {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.select-int .container-checkbox .checkmark {
    border: 1px solid var(--primary-color);
    color: var(--color-green);
}

.select-int .container-checkbox .checkmark:hover {
    background: var(--primary-color);
    color: var(--color-white);
}

.go-live {
    background: var(--primary-color);
    height: 50px;
    color: var(--color-white);
    line-height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 20px;
}

.go-live svg {
    margin-right: 10px;
    margin-top: -3px;
}

/* ------ Zi cafe ----------*/
.zi-cafe {
    background: var(--bg-white) none repeat scroll 0 0;
    border: none;
    border-radius: 17px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    /* border: 1px solid #50b855; */
    padding: 20px;
    position: relative;
    box-shadow: var(--box-shawdow);
}

.zi-cafe .zi-czfe-title {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.zi-cafe .zi-czfe-title p {
    color: var(--color-green);
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 0px;
}

.zi-cafe .zi-czfe-title img {
    margin-right: 15px;
    margin-top: -6px;
}

.example-video-dimensions {
    width: 100% !important;
    height: 100% !important;
}

.zilivecmn .post-meta.post_video_class video {}

.video-js .vjs-tech {
    position: relative !important;
}

.video-js .vjs-big-play-button {
    top: 45% !important;
    right: 0px !important;
    margin: 0 auto !important;
    justify-content: center;
    align-items: center;
    background: rgba(80, 184, 85, .8) !important;
    border: 0 !important;
    border-radius: 0% !important;
    box-shadow: 0 1px 1px rgb(0 0 0 / 15%) !important;
    color: #fff !important;
    width: 48px !important;
    height: 48px !important;
}

#slider,
.slide-content {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden
}

.slide-content video,
.slide-content img {
    height: 100px;
}

.wrap {
    position: relative
}

.slide {
    display: none;
    margin-top: 20px;
}

.slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.slide-content img {
    border-radius: 7px;
}

.slide-content span {
    color: #fff;
    font-size: 5rem
}

.arrow {
    cursor: pointer;
    height: 31px;
    width: 31px;
    position: absolute;
    background: var(--bg-white);
    box-shadow: inset 0px 0px 4px #00000029;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="dark"] .arrow {
    background: #000;
}

.arrow i {
    font-size: 12px;
    line-height: 0px;
}

#arrow-left {
    position: absolute;
    top: -23px;
    right: 50px;
    left: unset;
}

#arrow-right {
    position: absolute;
    top: -23px;
    right: 10px;
    left: unset;
}

.zi-cafe-info {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 10px 0px;
}

.zi-cafe-info figure {
    margin-bottom: 0px;
}

.zi-cafe-info figure img {
    border-radius: 17px;
    margin-right: 10px;
    width: 54px;
    height: 54px;
}

.zi-cafe-info .cafe-info-name {
    text-align: left;
}

.zi-cafe-info .cafe-info-name h4 {
    font-size: 17px;
    margin-bottom: 0px;
}

.zi-cafe-info .cafe-info-name p {
    font-size: 12px;
    color: #A7A7A7;
    margin-bottom: 0px;
}

[data-theme="dark"] .zi-cafe-info .cafe-info-name p {
    color: #fff;
}

.zi-cafe-infocnt {
    text-align: left;
}

.zi-cafe-infocnt h4 {
    font-size: 14px;
    color: var(--color--grey9);
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.zi-cafe-infocnt p {
    font-size: 14px;
    color: var(--color--grey8);
}

.connection-side {
    background: var(--bg-white) none repeat scroll 0 0;
    border: none;
    border-radius: 17px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    /* border: 1px solid #50b855; */
    padding: 20px;
    position: relative;
    /* box-shadow: var(--box-shawdow); */
}

.widget-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.widget-title h4 {
    font-size: 16px;
    color: var(--color-black1);
}

.widget-title a {
    font-size: 14px;
    font-weight: bold;
    color: var(--color-green);
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.widget-groups .media {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.widget-groups .media .item-img {
    margin-right: 14px;
    min-width: 45px;
}

.widget-groups .media .item-img img {
    border-radius: 17px;
    width: 45px;
    height: 45px;
    border: 1px solid rgb(0, 0, 0, 0.1);
}

.widget-groups .media .media-body {
    position: relative;
}

.widget-groups .media .item-title {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 1;
}

.widget-groups .media .item-title a {
    color: var(--color-green);
    word-break: break-all;
}

.widget-groups .media .item-member {
    font-size: 12px;
    color: var(--color--grey11);
    line-height: 1;
}

.group-list {
    height: 300px;
    overflow-y: auto;
}

.group-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: transparent;
}

.group-list:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.group-list::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.group-list:hover::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.group-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    border: none;
    outline: none;
}

.group-list:hover::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #D0D9E2;
    border: none;
    outline: none;
}


.widget-inn {
    /* min-height: 300px; */
}

/*-------------------------
 08. Feed Css
 -------------------------*/
.feed-post-tab {
    margin: 20px 0px 20px 0px;
}

.feed-post-tab ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.feed-post-tab li.tab.golivedeskhide {
    display: none;
}

.feed-post-tab li.tab {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: transparent;
    box-shadow: none;
    height: 36px;
    width: 158px;
    padding: 0px 15px;
    line-height: 0px;
    border-radius: 45px;
    color: var(--color--grey8);
    text-align: center;
    justify-content: center;
    margin-right: 8px;
}

.feed-post-tab li.tab:last-child {
    margin-right: 0px;
}

.feed-post-tab li.tab.mobileshow {
    display: none;
}

.feed-post-tab li.tab:hover {
    background: #ededed;
}

.feed-post-tab li.tab:hover a {
    /* color: #fff; */
}

.feed-post-tab li.tab.fpost:hover a svg g,
.feed-post-tab li.tab.fpost:hover a svg line {
    /* stroke: #fff; */
}

.feed-post-tab li.tab.fpromotion:hover a svg path {
    /* fill: #fff; */
}

.feed-post-tab li.tab.fquery:hover a svg path {
    /* fill: #fff; */
}

.feed-post-tab li.tab.fpoll:hover a svg path {
    /* fill: #fff; */
}

.feed-post-tab li.tab.fadvertisement:hover a svg path {
    /* fill: #fff; */
}

.feed-post-tab li.tab a {
    display: flex;
    align-items: center;
    line-height: 0px;
    font-size: 14px;
    color: #536485;
}

.feed-post-tab li.tab a svg * {
    fill: #536485;
}

[data-theme="dark"] .feed-post-tab li.tab a svg * {
    fill: #fff;
}

[data-theme="dark"] .feed-post-tab li a {
    color: #fff;
}

.mtabtle {
    display: none;
}

.feed-post-tab li.tab a svg {
    margin-right: 7px;
    width: 20px;
}

.feed-post-tab li.tab a span {
    margin-top: 3px;
}

.mobile-filter,
.filter-btn {
    display: none;
}

.fquery.pointnon,
.fpoll.pointnon {
    pointer-events: none !important;
    opacity: 0.65;
    background-color: rgba(242, 242, 242, 1) !important;
}

/*-------------------------------
 08.1. Refine by Category
 --------------------------------*/
.ufdetails.fprofile-detail {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    position: sticky;
    top: 0px;
    background: var(--bg-lightgreen);
    z-index: 999;
    padding: 6px 0 0 0px;
}

.ufdetails.fprofile-detail .fpic {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.ufdetails.fprofile-detail .fpic img {
    border-radius: 100px;
    width: 100%;
    height: 100%;
}

.fprofile-detail .fdetails {
    width: 80%;
}

.fprofile-detail .fdetails .fname {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black1);
    margin-bottom: 6px;
    line-height: 1;
    word-break: break-word;
    letter-spacing: -0.2px;
}

.fprofile-detail .fdetails .fid {
    font-size: 13px;
    color: #757575;
    margin-bottom: 4px;
}

.fprofile-detail .fdetails .flocation {
    font-size: 12px;
    color: #757575;
    margin-bottom: 0px;
}

.fprofile-detail .fdetails .flocation p {
    margin-bottom: 0;
    font-size: 13px;
}

[data-theme="dark"] .fprofile-detail .fdetails .fid {
    color: #fff;
}

[data-theme="dark"] .fprofile-detail .fdetails .flocation {
    color: #fff;
}

[data-theme="dark"] .fprofile-detail .fdetails .fname {
    color: var(--primary-color);
}

.refine-drop {
    margin-bottom: 0px;
}

.refine-title {
    /* border-bottom: 1px solid rgb(0, 0, 0, 0.1); */
}

.refine-title h4 {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black1);
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
    margin-bottom: 0px;
}

.refine-title h4 span {
    color: var(--color-green);
}

.refine-title.active h4 span {
    transform: rotate(180deg);
}

.refine-title.active {
    border-bottom: none;
}

#refine_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px 0px 10px 0px;
}

#refine_list li {
    width: 100%;
}

.refine-sec-title {
    font-size: 14px;
    font-weight: 500;
    color: #757575;
}

[data-theme="dark"] .refine-sec-title {
    color: #fff;
}

.refine-sec {
    display: none;
    margin-bottom: 20px;
    padding-top: 12px;
    height: 400px;
    overflow-y: auto;
    padding-right: 5px;
    /* max-height: 350px;
    overflow: auto;
    height: 100%; */
}

.refine-sec::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.refine-sec::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

.refine-sec::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}


.refine_checkbox {
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 100%;
}

.refine_checkbox span.mark {
    width: 100%;
    border-radius: 50px;
    position: relative;
    min-height: 32px !important;
    font-size: 12px !important;
    top: 0;
    left: 0;
    display: flex;
    line-height: 12px;
    padding: 0px 16px;
    border-color: var(--color--grey4);
    color: var(--color--grey3);
    font-weight: 500;
    align-items: center;
    height: auto;
}

.fliter-refine li {
    padding: 1px 12px;
    font-size: 14px;
    line-height: 1;
    /* display: flex; */
    /* align-items: center; */
    gap: 8px;
    border-radius: 10px;
    /* border: 1px solid transparent; */
    color: #536485;
    cursor: pointer;
    border: 1px solid;
    border-radius: 30px;
    /* justify-content: center; */
    display: inline-block;
}

.fliter-refine li+li {
    margin-top: 10px;
}

.profile-sec-filter li+li {
    margin: 0 !important;
}

.profile-sec-filter .custom-checkbox span {
    font-size: 13px;
}

.fliter-refine li:nth-child(2),
.fliter-refine li:nth-child(3),
.fliter-refine li:nth-child(5) {
    margin-left: 4px;
}

.fliter-refine li .close-icon {
    margin-left: 6px;
    font-size: 16px;
    line-height: 1;
    display: none;
}

.fliter-refine li.active .close-icon {
    display: block;
}

.fliter-refine li.active span {
    /* background: #f1f1f1; */
    color: #fff;
    font-weight: 500;
}

.fliter-refine li.active {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

.fliter-refine li span {
    color: #536485;
}

.fliter-refine li svg {
    width: 18px;
    height: 18px;
}

.refine_checkbox input {
    position: absolute;
    visibility: hidden;
    cursor: pointer;
    margin: 0;
    height: unset;
}

.refine_checkbox input:checked~.mark {
    background-color: var(--primary-color);
    color: var(--color-white);
    border-color: var(--primary-color) !important;
}

/*--------------------------------------
08.2. Comment section
---------------------------------------*/
#reportcmnd .titlepop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding-bottom: 10px;
}

[data-theme="dark"] #reportcmnd .titlepop {
    border-bottom: 1px solid rgb(255, 255, 255, 0.4);
}

#reportcmnd .titlepop p {
    margin-bottom: 0px;
    font-size: 18px;
    color: var(--color-black1);
}

#reportcmnd .nice-select.rpstselect {
    width: 100%;
    margin-bottom: 15px;
}

#reportcmnd select {
    background-image: url("../images/br_down.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 10px;
}

[data-theme="dark"] #reportcmnd select {
    background-image: url("../images/br_down_d.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 10px;
}

.coment-area {
    margin-top: 15px !important;
    width: 100%;
    display: none;
}

.coment-area.showdesk {
    display: block;
}

.we-comet {
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.we-comet .comet-cnt {
    width: 100%;
    /* margin-top: 10px; */
    padding-right: 4px;
}

.we-comet>li {
    /* margin-bottom: 10px; */
    width: 100%;
}

.we-comet li:not(:first-child):not(:last-child) {
    margin-top: 20px;
}

.cmt-sec:hover {
    cursor: pointer;
}

.cmt-sec:hover {
    text-decoration: underline;
    color: var(--primary-color);
}

.we-comet>li .cmtbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.comet-avatar {
    /* border-radius: 17px; */
    /* width: 53px; */
    /* height: 53px; */
    /* margin-right: 5px; */
    /* flex-shrink: 0; */
    /* overflow: hidden; */
}

.comet-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    min-width: 40px;
    max-width: 40px;
}

.we-comment {
    /* background: var(--bg-lightgreen1); */
    /* border-radius: 14px; */
    /* display: inline-block; */
    /* padding: 18px 25px; */
    position: relative;
    /* vertical-align: top; */
    width: 100%;
}

.we-comment>p {
    font-size: 13px;
}

.we-comment .we-info h5 {
    color: var(--color-black1);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    /* width: auto; */
    text-transform: capitalize;
}

.we-comment .sub-cmt {
    color: var(--color--grey11);
    font-size: 11px;
    margin-bottom: 0px;
}

.we-comment p.we-text {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 0;
    color: var(--color--grey11);
}

.rplyuser {
    /* display: flex; */
    /* align-items: center; */
}

.rplyuser p,
.postmore p {
    font-size: 13px;
}

.redirect {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-green);
    line-height: 0px;
    margin-right: 5px;
}

.we-comment p.we-text a.redirect {
    font-size: 13px;
}

.redirect:hover {
    color: var(--color-green);
}

.we-comment>.we-info {
    margin-bottom: 10px;
    position: relative;
    display: flex;
}

.we-comment>.we-info .more {
    position: absolute;
    right: 0px;
    top: 0px;
}

.we-comment>.we-info .more .status-like {
    margin-right: 0px;
}

.we-comment>.we-info .more-post-optns:hover::before {
    transform: none;
    background: none;
}

.rplypst {
    display: none;
    margin-top: 0px;
}

.rplypst .replay_to {
    font-size: 12px;
    color: #A7A7A7;
    text-align: right;
    margin-bottom: 5px;
}

.othrscmnt {
    margin-left: 46px;
    display: none;
    margin-top: 30px;
}

.othrscmnt li {
    display: flex;
    flex-direction: column;
}

.othrscmnt .rlpy-section {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.othrscmnt .post-comment {
    /* margin-top: 10px; */
}

.othrscmnt .rplypst {
    display: none;
}

.showcmts i.active {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.we-comet .othrscmnt li+li {
    margin-top: 30px;
}

.inline-itms {
    display: flex;
    /* margin-top: 10px; */
    width: 100%;
    color: var(--color--grey11);
    /* margin-left: 15px; */
    align-items: center;
    justify-content: space-between;
}

.othrscmnt .rlpy-section .inline-itms {
    justify-content: flex-start;
}

.inline-itms .cbx {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.inline-itms .cbx .cmtlike {
    margin-right: 15px;
}

.inline-itms .cbx .cmtlike i {
    padding: 0px 5px;
}

.inline-itms>a {
    display: inline-block;
    font-size: 12px;
    margin-right: 15px;
    text-transform: capitalize;
    position: relative;
    line-height: 1;
}

.inline-itms>a.showcmts {
    margin: 0;
}

.inline-itms>a.showcmts i {
    font-size: 9px;
}

.inline-itms .cbx .cmtlike.active {
    color: var(--primary-color);
}

.inline-itms>a.active {
    color: var(--primary-color);
}

.inline-itms .cbx a.ownrply.active {
    color: var(--primary-color);
}

.inline-itms .cbx a.rply {
    display: inline-block;
    font-size: 12px;
    margin-right: 15px;
    text-transform: capitalize;
    position: relative;
    line-height: 1;
}

.inline-itms .cbx a.rply:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    background: var(--color--grey11);
    top: -1px;
    left: -8px;
}

.inline-itms>a.rply:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    background: var(--color--grey11);
    top: -1px;
    left: -8px;
}

.inline-itms>span {
    font-size: 14px;
}

.inline-itms>a i {
    margin: 0 5px 0 5px;
}

.inline-itms>a.cmtlike {
    display: flex;
    align-items: center;
    width: fit-content;
}

.post-comt-box {
    display: inline-block;
    /* padding-left: 15px; */
    position: relative;
    width: 93%;
}

.mcommantclose,
.mshareclose,
.mnoticlose,
.mmoreclose,
.mnotimoreclose,
.zmoreclose {
    display: none;
}

/* .post-comment.mobile-postcmnt{
    display: none;
} */
.post-comt-box form textarea {
    background: var(--bg-white) none repeat scroll 0 0;
    border-color: transparent;
    border-radius: 45px;
    color: var(--color--grey3);
    font-size: 14px;
    border: 1px solid #C6C6C6;
    line-height: 28px;
    resize: none;
    transition: all .3s ease;
    margin-bottom: 10px;
}

.post-comt-box form textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.post-comt-box form textarea::-webkit-scrollbar {
    width: 0px;
    border-color: #EEEEEE;
}

.post-comt-box form textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}

.post-comment {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0px;
    width: 100%;
    padding-top: 15px;
    gap: 10px;
}

.post-comt-box form button {
    background: var(--primary-color) !important;
    color: var(--color-white);
    font-size: 12px;
    border-radius: 40px;
    float: right;
    cursor: pointer;
    padding: 12px 20px;
}

.filter-by-comt {
    width: fit-content !important;
    margin: 10px 0px 30px 0px;
    border: none;
    padding: 0px 5px 0px 0px;
    height: auto;
    appearance: auto;
    font-size: 14px;
}

.filter-by-comt.nice-select {
    float: unset;
    min-width: 64px;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 13px;
    border: 0;
    padding-top: 0;
    padding-left: 2px;
    margin-top: -26px;
    margin-bottom: 15px;
    padding-right: 40px;
}

.filter-by-comt.nice-select .option {
    font-size: 11px;
    font-weight: 500 !important;
    padding-left: 14px;
}

.filter-by-comt.nice-select:after {
    right: 28px;
}

select.filter-by-comt:focus {
    border: none !important;
    padding: 0px;
}

.we-comet li a.showmore {
    display: table;
    font-size: 13px;
    margin: 0 auto;
    text-transform: capitalize;
    /* color: var(--color--grey11); */
    padding-top: 0;
    font-weight: 500;
    margin-top: 20px;
}

.we-comet .main-li {
    display: none;
}

.floating-action-button {
    display: none;
}

/*----------------------------------
.  08.3. Share options
-----------------------------------*/
[data-theme="dark"] .share-options {
    background: #131920 !important;
}

[data-theme="dark"] .share-options ul li a {
    background: #131517;
}

[data-theme="dark"] .copy-url input {
    background: #131517;
}

.share-options.act {
    display: block;
}

.share-options {
    width: auto;
    background: var(--bg-white);
    border-radius: 17px;
    box-shadow: 0px 0px 20px #00000029;
    padding: 20px;
    position: absolute;
    top: 45px;
    right: 0px;
    display: none;
    z-index: 100;
    min-width: 350px;
}

.postdatacl_popup .share-options {
    z-index: 1000;
}

.share-options ul {
    display: flex;
    margin-left: 0px;
    justify-content: center;
}

.post-section .share-options ul {

    margin: 0 auto;
}

.share-options ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 40px;
}

.share-options ul li:nth-child(3) {
    margin-right: 0px;
}

.share-options ul li:last-child {
    margin-right: 0px;

}

.share-options ul li:nth-child(4) {
    display: none !important;
}

.product-dev .share-options ul {
    margin: 0 auto !important;
}

[data-theme="dark"] .share-options ul li a {
    background: #131517;
}

.share-options ul li a {
    width: 76px;
    height: 76px;
    box-shadow: 0px 3px 6px #00000029;
    background: var(--bg-white);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.share-options ul li a:hover span {
    color: #fff !important;
}

.share-options ul li a span {
    font-size: 11px;
    color: var(--color-black1);
    margin-top: 5px;
}

.copy-url {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    margin-bottom: 20px;
}

.copy-url h4 {
    font-size: 16px;
    margin: 0px;
}

.url-input {
    position: relative;
    width: 75%;
}

.copy-url input {
    border: 1px solid #929292;
    border-radius: 21px;
    margin: 0px;
    font-size: 12px;
    color: #929292;
}

.copy-url button {
    position: absolute;
    top: 8px;
    right: 4px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #929292;
    background: var(--bg-white);
    border-radius: 100%;

}

.copy-url button.copyclass {
    color: var(--primary-color);
}

[data-theme="dark"] .copy-url button {
    color: #fff;
}

/*----------------------------------
  08.4. Create Post
-----------------------------------*/
#post-upload,
#inquire-post-upload {
    min-width: 700px;
    padding: 20px;
    height: auto;
}

#post-upload #radios,
#inquire-post-upload #radios {
    padding: 0px;
}

#inquire-post-upload #radios [type=radio],
#post-upload #radios [type=radio] {
    opacity: 0;
    height: 0px;
    margin: 0px;
    position: absolute;
}

#post-upload #radios .pst-options,
#inquire-post-upload #radios .pst-options {
    display: flex;
    align-items: center;
}

.create-post {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 30px;
}

.create-post .text-bg {
    width: 40%;
    height: 225px;
}

.create-post .text-bg .mainContainer img {
    border-radius: 8px;
    background-color: #E9E9E9;
}

.mobileaudiosec,
.mobilevideosec {
    margin-top: 30px;
}

.audiorec .audiorecsec label,
.audiorec .audiouploadsec label {
    background: var(--bg-white);
    border: 1px solid #50B855;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
    margin-bottom: 20px;
}

.audiorec .audiorecsec label,
.audiorec .audiouploadsec label {
    display: flex;
    align-items: center;
    justify-content: center;
}

.audiorec .audiorecsec label input,
.audiorec .audiouploadsec label input {
    display: none;
}

.audiorec label p {
    margin-bottom: 0px;
    color: #8F8F8F;
    margin-left: 10px;
}

.audiorec .create-bg {
    background: var(--bg-white);
    border: 1px solid #50B855;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
}

.videorec .videorecsec label,
.videorec .videouploadsec label {
    background: var(--bg-white);
    border: 1px solid #50B855;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
    margin-bottom: 20px;
}

.videorec .videorecsec label,
.videorec .videouploadsec label {
    display: flex;
    align-items: center;
    justify-content: center;
}

.videorec .videorecsec label input,
.videorec .videouploadsec label input {
    display: none;
}

.videorec label p {
    margin-bottom: 0px;
    color: #8F8F8F;
    margin-left: 10px;
}

.videorec .create-bg {
    background: var(--bg-white);
    border: 1px solid #50B855;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
}

[data-theme="dark"] .create-post .text-bg .mainContainer img {
    background-color: #000000;
    border: 1px solid rgb(80, 184, 85, 0.4);
}

[data-theme="dark"] #theText p {
    color: white !important;
}

.create-post .text-bg .mainContainer .bggreyimg {
    background: #fffcfc;
    position: relative;
    padding: 0;
    min-width: 250px;
    min-height: 250px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 8px;
}

.text-editor {
    width: 100%;
    height: 160px;
}

.wysiwyg #editor #imgtext {
    height: 145px;
}

.wysiwyg {
    border-radius: 8px;
    width: 100%;
    /* max-width: 600px; */
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.wysiwyg .btns {
    padding: 20px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #EFEFEF;
    background-color: var(--bg-white);
    flex-grow: 2;
}

[data-theme="dark"] .wysiwyg .btns {
    border-top: 1px solid #585757;
}

.wysiwyg .btns .category {
    display: flex;
    align-items: flex-start;
    padding: 0px;
}

.wysiwyg select,
.wysiwyg button {
    background-color: #F5F5F5;
}

[data-theme="dark"] .wysiwyg select {
    background-color: #000;
}

[data-theme="dark"] .wysiwyg button {
    background-color: #000;
    color: #757575 !important;
}

.wysiwyg select,
.wysiwyg input,
.wysiwyg button {
    border: none;
    padding: 0.5em 0.8em;
    border-radius: 7px;
    color: grey;
    cursor: pointer;
    outline-style: none;
    font-size: 13px;
    height: 37px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.wysiwyg input {
    background-color: #F5F5F5;
    width: 37px;
    opacity: 0;
    z-index: 99;
    position: relative;
}

[data-theme="dark"] .wysiwyg input {
    background-color: #000 !important;
}

[data-theme="dark"] .colr-select {
    background-color: #000 !important;
}

.colr-select {
    background-color: #F5F5F5;
    width: 37px;
    height: 37px;
    position: relative;
    border-radius: 7px;
}

.colr-select img {
    position: absolute;
    top: 5px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 0;
}


#wysiwyg #editor #textaudio::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#wysiwyg #editor #textaudio::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

#wysiwyg #editor #textaudio::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}

.wysiwyg #editor #textvideo::-webkit-scrollbar-track,
.wysiwyg #editor #textimg::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.wysiwyg #editor #textvideo::-webkit-scrollbar,
.wysiwyg #editor #textimg::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

.wysiwyg #editor #textvideo::-webkit-scrollbar-thumb,
.wysiwyg #editor #textimg::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}

.se-wrapper .sun-editor-editable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.se-wrapper .sun-editor-editable::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

.se-wrapper .sun-editor-editable::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}


#text-upload #theText::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#text-upload #theText::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

#text-upload #theText::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}

.nice-select .list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.nice-select .list::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

.nice-select .list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}

.wysiwyg #editor {
    resize: none;
    outline-style: none;
    border: none;
    width: 100%;
    box-sizing: border-box;
    height: 225px;
    /* overflow: auto; */
}

.wysiwyg #editor h1 {
    font-size: 18px;
    color: #919191;
    font-weight: 400;
    line-height: 1;
}

#wysiwyg #editor {
    resize: none;
    outline-style: none;
    border: none;
    width: 100%;
    box-sizing: border-box;
    height: 225px;
    overflow: auto;
}

#wysiwyg #editor h1 {
    font-size: 18px;
    color: #919191;
    font-weight: 400;
    line-height: 1;
}

#post-upload #wysiwyg #editor.img-editor,
#inquire-post-upload #wysiwyg #editor.img-editor {
    border-bottom: none !important;
}

#post-upload #get_audio #wysiwyg #editor,
#inquire-post-upload #get_audio #wysiwyg #editor {
    overflow: visible !important;
}

#post-upload #get_audio .wysiwyg select,
#post-upload #get_audio .wysiwyg input,
.wysiwyg button,
#inquire-post-upload #get_audio .wysiwyg select,
#inquire-post-upload #get_audio .wysiwyg input,
.wysiwyg button {
    color: grey;
}

#wysiwyg #editor.img-editor {
    border-bottom: 1px solid #EFEFEF;
}

[data-theme="dark"] #wysiwyg #editor.img-editor {
    border-bottom: 1px solid #585757;
}

[data-theme="dark"] .post-btn.bg-white {
    background: var(--bg-lightgreen) !important;
}

[data-theme="dark"] .category select.font-family {
    background: url(../images/angle-down1.svg), #000;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 90% 50%;
    padding: 0px 25px 0px 10px !important;
    width: 90px;
    position: relative;
    color: grey !important;
}

[data-theme="dark"] .category select.font-family:focus {
    border: none !important;
}

[data-theme="dark"] .category select.font-size {
    width: 55px;
    position: relative;
    background: url(../images/angle-down1.svg), #000;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 80% 50%;
    color: grey !important;
}

[data-theme="dark"] .category select.font-size {
    border: none !important;
}

.category select.font-family {
    width: 90px;
    position: relative;
    background: url(../images/angle-down.svg), #F5F5F5;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 90% 50%;
    padding: 0px 25px 0px 10px !important;
}

.category select.font-size {
    width: 55px;
    position: relative;
    background: url(../images/angle-down.svg), #F5F5F5;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 80% 50%;
}

.category button {
    width: 37px;
}

.create-post .text-bg .cabinet {
    position: relative;
    height: 225px;
    width: 225px;
    cursor: pointer;
    border-radius: 8px;
    background-color: #E9E9E9;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="dark"] .create-post .text-bg .cabinet {
    background-color: #000;
}

#get_video .create-post .text-bg .cabinet {
    background-size: cover;
    background-position: center;
}

.create-post .text-bg .cabinet img {
    border-radius: 8px;
    background: #e9e9e9;
    /* opacity: 1 !important;   */
}

#get_video .text-bg .cabinet {
    background-size: contain !important;
    background-repeat: no-repeat;
}

/* #get_video .text-bg .cabinet img{
   display : none !important;   
} */
[data-theme="dark"] .create-post .text-bg .cabinet img {
    background: var(--bg-lightgreen);
}

.mboileimgpost,
#get_audio,
.mobileaudiosec {
    display: none;
}

.promoteeditpage #get_audio {
    display: block;
}

.promoteeditpage.createadpage #get_audio {
    display: none;
}

#theText #text {
    border: none !important;
}

.mobilevideosec {
    display: none;
}

.create-post .text-bg .cabinet .item-img,
.create-post .text-bg .cabinet .item-video,
.create-post .text-bg .cabinet .item-audio {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}

input.item-video.is-invalid-input+figure {
    border: 1px solid #cc4b37;
    border-radius: 8px;
}

input.item-audio.is-invalid-input+figure {
    border: 1px solid #cc4b37;
    border-radius: 8px;
}

input.item-img.is-invalid-input+figure {
    border: 1px solid #cc4b37;
    border-radius: 8px;
    width: 100%;
}

.video_box,
.audio_box {
    display: none;
}

div#video_preview video,
div#audio_preview audio {
    width: 100%;
}

button#play-id {
    position: absolute;
    z-index: 99;
    bottom: 40px;
    right: 40px;
}

.video_trim {
    display: flex;
    align-items: center;
}

.video_next button,
.audio_next button {
    cursor: pointer;
}

.video_next,
.audio_next {
    padding: 30px 0px 0px;
    text-align: right;
    cursor: pointer;
}

.audio_prev svg {
    transform: rotate(180deg);
}

.slider1,
.slider2 {
    position: relative;
    height: 3px;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    width: 100%;
    margin: 0px 10px;
}

span.slider-fill {
    height: 2px !important;
    background: #50B855 !important;
}

.slider-handle {
    width: 4px !important;
    background: #50B855 !important;
}

span.end_time,
span.end_trim,
span.end_time1,
span.end_trim1 {
    border: 1px solid #00000029;
    margin: 0px 0px 0px 5px;
    padding: 3px 13px;
    border-radius: 19px;
}

canvas#canvasId {
    position: absolute;
    z-index: -99;
    visibility: hidden;
    top: 0;
}

#audio_preview {
    margin-top: 50px;
    margin-bottom: 30px;
}

[data-theme="dark"] #mainContainer {
    background-color: #000000;
    border: 1px solid rgb(80, 184, 85, 0.4);
}

#mainContainer {
    position: relative;
    padding: 0;
    display: inline-block;
    margin: 0 auto;
    height: 225px;
    width: 225px;
    background: #E9E9E9;
    border-radius: 8px;

}

#mainContainer1 {
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 200px;
    justify-content: center;
}

#mainContainer1 img {
    border-radius: 6px;
}

.imgcont {
    position: relative;
    /* overflow: hidden; */
}

#txtapply {
    display: flex;
    height: auto;
    position: absolute;
    top: 40%;
    left: 0px;
    width: 100%;
}

#txtapply:focus-visible {
    outline: none;
}

#textArea {
    display: block;
    padding: 10px 5px;
}

#theText1 {
    flex-direction: column;
    word-break: break-word;
    text-align: center;
    line-height: 1;
    color: rgb(255, 255, 255);
    text-align: center !important;
}

#theText1 {
    width: 100%;
    height: fit-content !important;
}

#theText1,
#theText {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #000;
    padding: 5px;
    text-align: left;
    font: 15px;
    display: block;
    cursor: move;
    transform: translate(-50%, -50%);
    height: 200px;
    width: 100%;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    line-height: 1.3;
    text-align: center;
}

/* #image_filterpopup #theText1,
#image_filterpopup #theText {
    position: absolute;
    top: unset;
    left: 50%;
    color: #000;
    padding: 5px;
    text-align: left;
    font: 15px;
    display: block;
    cursor: move;
    transform: unset;
    height: 200px;
    width: 100%;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    line-height: 1.3;
    text-align: center;
} */
/* #image_filterpopup #txtapply {
    left: calc(50% - 30px);
} */
#image_filterpopup #theText1,
#txtapply {
    width: max-content;
    max-width: 500px;
}

[data-theme="dark"] #theText1,
[data-theme="dark"] #theText {
    color: #fff;
}

#theText:focus-visible {
    outline: none;
}

#theText1:focus-visible {
    outline: none;
}

.wave-container canvas {
    max-width: unset !important;
}

.create-bg {
    width: max-content;
}

canvas {
    max-width: 100%;
}

button.t_bold.act,
.t_italic.act,
.t_underline.act {
    background: var(--primary-color) !important;
    color: #ffff !important;
}

.text_bold {
    font-weight: bold !important;
}

.text_italic {
    font-style: italic !important;
}

.text_underline {
    text-decoration: underline !important;
}

#post-upload,
#inquire-post-upload {
    overflow-y: unset;
}

#post-upload .howtobtn,
#inquire-post-upload .howtobtn {
    line-height: 32px !important;
    border-radius: 22px;
}

#querypollModal .howtobtn {
    line-height: 32px !important;
    border-radius: 22px;
}

#querypollModal button.close-button {
    position: absolute;
    right: 15px;
    top: 5px;
}

#post-upload button.close-button,
#inquire-post-upload button.close-button,
.modal-btn-close button.close-button {
    position: absolute;
    right: 15px;
    top: 5px;
}

.howtobtn.howpost,
.howtobtn.howinquire,
.howtobtn.howpromote,
.howtobtn.howadver {
    display: none;
}

.item-img+figure {
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #cccccc2b;
}

input#item-audio+figure img {
    width: 100% !important;
}

#theText1 {
    display: none;
    border: 2px dashed var(--primary-color);
    top: 40%;
    text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);
    color: #fff;
    padding: 10px;
}

#txtapply {
    display: none;
}

#theText1:focus-visible {
    border: none;
    outline: none !important;
}

.draggable {
    cursor: move;
}

.resizable {
    border: none;
    position: relative;
    /** min-height: 150px;**/
}

#image_filterpopup .ui-resizable-handle {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border: 1px solid #000000;
    position: absolute;
    opacity: 0;
}

#image_filterpopup .ui-resizable-nw {
    left: -5px;
    top: -5px;
    cursor: nw-resize;
}

#image_filterpopup .ui-resizable-ne {
    top: -5px;
    right: -5px;
    cursor: ne-resize;
}

#image_filterpopup .ui-resizable-sw {
    bottom: -5px;
    left: -5px;
    cursor: sw-resize;
}

#image_filterpopup .ui-resizable-se {
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}

#image_filterpopup .ui-resizable-n {
    top: -5px;
    left: 50%;
    cursor: n-resize;
}

#image_filterpopup .ui-resizable-s {
    bottom: -5px;
    left: 50%;
    cursor: s-resize;
}

#image_filterpopup .ui-resizable-w {
    left: -5px;
    top: calc(50% - 5px);
    cursor: w-resize;
}

#image_filterpopup .ui-resizable-e {
    right: -5px;
    top: calc(50% - 5px);
    cursor: e-resize;
}

#image_filterpopup .ui-resizable-n,
#image_filterpopup .ui-resizable-s,
#image_filterpopup .ui-resizable-e,
#image_filterpopup .ui-resizable-w {}

.croppie-container .cr-boundary,
.croppie-container .cr-image {
    border-radius: 8px;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    box-shadow: 0 0 2000px 2000px rgb(255 255 255 / 50%) !important;
    border: 2px dotted #50b855 !important;
}

.croppie-container .cr-slider-wrap {
    width: 550px !important;
    margin: 15px auto 0px auto !important;
}

#img_uploadpopup .cr-slider {
    padding-top: 0px;
    padding-bottom: 10px;
    background-color: transparent;
    height: 10px;
}

.cr-slider {
    width: 100% !important;
    border: none;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 10px;
    background-color: rgb(255, 255, 255) !important;
    border: 1.5px solid var(--primary-color) !important;
    overflow: visible;
    cursor: pointer;
}

.cr-slider::-moz-slider-thumb {
    -moz-appearance: none;
    border-radius: 10px;
    background-color: rgb(255, 255, 255) !important;
    border: 1.5px solid var(--primary-color) !important;
    overflow: visible;
    cursor: pointer;
}

input[type=range].cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 1.5px;
    cursor: pointer;
    background: var(--primary-color);
    border-radius: 1.3px;
}

input[type=range].cr-slider:focus::-webkit-slider-runnable-track {
    background: var(--primary-color);
}

input[type=range].cr-slider::-moz-range-track {
    width: 100%;
    cursor: pointer;
    background: var(--primary-color);
    border-radius: 1.3px;
}

input[type=range].cr-slider::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range].cr-slider::-ms-fill-lower {
    background: var(--primary-color);
    border-radius: 2.6px;
}

input[type=range].cr-slider:focus::-ms-fill-lower {
    background: var(--primary-color);
}

input[type=range].cr-slider::-ms-fill-upper {
    background: var(--primary-color);
    border-radius: 2.6px;
}

input[type=range].cr-slider:focus::-ms-fill-upper {
    background: var(--primary-color);
}

.crop-btns {
    padding: 20px 0px;
}

.crop-btns .btn-group {
    display: flex;
}

.img-crop .actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.actions .img-sizeradio {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.actions .img-sizeradio .size-box.box {
    border: 1px solid var(--primary-color);
    margin-left: 5px;
}

.img-sizeradio fieldset {
    display: flex;
    align-items: center;
}

.img-sizeradio fieldset p {
    margin-right: 10px;
    margin-bottom: 0px;
}

.img-sizeradio .radiobox .checkmark {
    padding: 5px 15px;
    border-radius: 12px;
    background-color: var(--bg-white);
    border: 1px solid #ECECEC;
    color: var(--color--grey3);
    height: 30px;
    border-radius: 17px;
    cursor: pointer;
}

.img-sizeradio .radiobox {
    margin-right: 5px;
    position: relative;
    cursor: pointer;
}

.img-sizeradio label input {
    position: absolute;
    top: 0px;
    height: 0px;
    left: 0px;
}

.img-sizeradio label input:checked~.checkmark {
    border: 1px solid var(--primary-color);
}

.actions .img-sizeradio .box {
    border: 1px solid #ECECEC;
    height: 30px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    margin-right: 5px;
}

.actions .img-sizeradio .box p {
    margin: 0px;
    line-height: 0px;
}

.size-textbox {
    display: flex;
    align-items: center;
}

.act-box1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.rotate-flipbtns {
    margin-left: 40px;
}

.rotate-flipbtns button {
    margin: 0px 15px;
    cursor: pointer;
}

.cropoptions .tgoolesbtns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.img-container {
    min-height: 200px;
    max-height: 353px;
    margin-bottom: 20px;
}

.cropper-view-box {
    outline: var(--primary-color) solid 1px !important;
    outline-color: var(--primary-color) !important;
}

.cropper-bg {
    background-image: none !important;
}

.cropper-point.point-se:before {
    background-color: var(--primary-color) !important;
}

.cropper-modal {
    background-color: rgba(255, 255, 255, 1.00) !important;
}

.cropper-line,
.cropper-point {
    background-color: var(--primary-color) !important;
}

.cropoptions .docs-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cropoptions .rotatebtns {
    display: flex;
    align-items: center;
    margin-left: 25px;
}

.cropoptions .rotatebtns .btn-primary {
    margin: 0px 20px;
    cursor: pointer;
    background: var(--bg-white);
    color: var(--color-black1);
    border: none;
    padding: 0px;
}

.zoombtns {
    display: flex;
    align-items: center;
    margin-left: 40px;
    padding: 0px;
    border-radius: 12px;
    background-color: var(--bg-white);
    border: 1px solid #ECECEC;
    color: var(--color--grey3);
    height: 30px;
    border-radius: 17px;
    cursor: pointer;
    margin-right: 5px;
}

.zoombtns .btn-primary {
    background: transparent;
    padding: 1px 10px;
    cursor: pointer;
}

.zoombtns .btn-primary svg {
    width: 16px;
    color: #000;
}

[data-theme="dark"] .zoombtns .btn-primary svg {
    color: #fff;
}

.zoombtns .btn-primary:first-child {
    border-right: 1px solid rgb(0, 0, 0, 0.2);
}

.docs-toggles .btn-group {
    display: flex;
    align-items: center;
}

.docs-toggles .btn-group p {
    margin-right: 10px;
    margin-bottom: 0px;
}

.docs-toggles .btn-group .btn-primary {
    padding: 5px 15px;
    border-radius: 12px;
    background-color: var(--bg-white);
    border: 1px solid #ECECEC;
    color: var(--color--grey3);
    height: 30px;
    border-radius: 17px;
    cursor: pointer;
    margin-right: 5px;
}

.docs-toggles .btn-group .btn-primary.active {
    border: 1px solid var(--primary-color);
}

[data-theme="dark"] .rotate-flipbtns svg {
    stroke: #fff;
}

.act-box2 {
    display: flex;
    align-items: center;
}

.act-box2 button {
    padding: 0px;
    margin: 0px;
    background: none;
}

.act-box2 button.mbsaveimagebtn {
    display: none;
}

.act-box2 button.mbcropimagebtn {
    display: none;
}

.act-box2 button svg {
    height: 40px;
}

.mback-button {
    display: none;
}

#backBtn svg,
#videobackBtn svg {
    transform: rotate(180deg);
}

#filterbackBtn svg {
    transform: rotate(180deg);
}

.act-box2 button:focus,
.act-box2 button:hover {
    background: none;
}

#img_uploadpopup {
    padding: 20px !important;
}

#img_uploadpopup,
#image_filterpopup {
    min-width: 600px;
    padding: 40px 20px 20px 20px;
    height: auto;
}

#image_filterpopup #imgtext1 {
    position: absolute;
    top: 85px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.popuptitle1 .close-button {
    right: 1rem;
    top: 0.5rem;
    position: absolute;
}

#upload-demo.croppie-container {
    width: 100%;
    height: auto;
}

figure.img-filter {
    text-align: center;
}

.filter-thumbnail ul {
    display: flex;
    align-items: center;
}

.filter-thumbnail ul li {
    width: 53px;
    height: 53px;
    border-radius: 6px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.filter-thumbnail ul li img {
    width: 53px;
    height: 53px;
    border-radius: 6px;
}

.filter-thumbnail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#image_filterpopup .filter-thumbnail.border {
    border-top: 1px solid #EFEFEF;
    padding: 10px 0px 0px 0px;
}

#image_filterpopup .filter-thumbnail.border .wysiwyg .btns {
    padding: 0px 0px 0px;
}

#image_filterpopup .filter-thumbnail .img-texteditor .wysiwyg .btns {
    border-top: none;
}

.filter-thumbnail ul li img {
    border-radius: 6px;
}

.filter-thumbnail ul li::after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

#kelvin::after {
    background: linear-gradient(248deg, rgb(183, 137, 33, .4), rgb(183, 137, 33, .0), rgb(183, 137, 33, .4));
    mix-blend-mode: overlay;
}

.img-foptions .fbtns {
    display: flex;
    align-items: center;
    margin: 20px 0px;
}

.img-foptions .fbtns a {
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 30px;
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    margin-right: 10px;
}

.img-foptions .fbtns a svg {
    margin-right: 10px;
}

.txt-editoresec {
    display: none;
}

.txt-editoresec .text-editor {
    width: 100%;
    height: auto;
}

.txt-editoresec .wysiwyg .btns {
    padding: 0px 0px 0px;
    border: none;
}

.img-texteditor {
    display: none;
}

.img-foptions .fbtns .fabtn.active {
    border: 2px solid var(--primary-color);
    color: var(--color-green);
}

.img-foptions .fbtns .fabtn.active svg path {
    fill: var(--primary-color);
}

/*------------------------------------
09. Connections Css
-------------------------------------*/
.connectionpage .connections-tab {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    padding-top: 20px;
}

.searchpagesearchbarfixed+.connections-users {
    margin-top: 85px;
}

.searchpagesearchbarfixed+.crequestsec {
    margin-top: 85px;
}

.searchpagesearchbarfixed+.icontactsdetails {
    margin-top: 85px;
}

.connections-users {
    padding: 0px 15px;
    position: relative;
}

.connectionpage .connections-tab ul {
    padding-right: 10px;
}

.cmnmbsearchfilter .sideberlftfixed .connections-tab {
    position: fixed;
    top: 0px;
}

.cmnmbsearchfilter .connections-tab {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    padding-top: 20px;
}

.srchboxsearch.searchpagesearchbarfixed {
    position: fixed;
    top: 0px;
}

.srchboxsearch {
    background: var(--bg-lightgreen);
    z-index: 9;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    padding: 0px 15px 0px 15px;
}

#activities_search.activitiesact {
    margin-top: 168px;
}

#activities_search,
.search-peoples#peo,
.zicafedata,
.space-cnt,
#activities_product_list {
    padding: 0px 15px !important;
}

.connections-tab ul {
    padding-right: 10px;
}

.connections-tab ul li {
    margin-bottom: 5px;
    border-radius: 50px;
    padding: 10px;
}

[data-theme="dark"] .connections-tab ul li:last-child:hover a .connect-icon svg g {
    stroke: #fff;
}

[data-theme="dark"] .connections-tab ul li:last-child:hover a .connect-icon svg line {
    stroke: #fff;
}

[data-theme="dark"] .connections-tab ul li:last-child:hover a .connect-icon svg #Rectangle_728 {
    fill: var(--primary-color);
}

[data-theme="dark"] .connections-tab ul li:last-child:hover a .connect-icon svg rect {
    fill: var(--primary-color);
}

.top-search .bill-goback {
    display: none;
}

.procmn .dropdown-content {
    right: 0px;
    background: var(--bg-white);
    z-index: 9999;
}

.connections-tab ul li.active,
.connections-tab ul li:hover {
    background: var(--bg-white);
    box-shadow: 0px 3px 20px #0000000F;
}

[data-theme="dark"] .connections-tab ul li.active,
[data-theme="dark"] .connections-tab ul li:hover {
    background: var(--color-green);
}

.connections-tab ul li a .connect-icon svg {
    width: 30px;
}

[data-theme="dark"] .connections-tab ul li:hover a .connect-icon svg path {
    fill: #fff;
}

[data-theme="dark"] .connections-tab ul li:hover a .connect-icon {
    border: 1px solid #fff;
}

[data-theme="dark"] .connections-tab ul li.active a .connect-icon {
    border: 1px solid #fff;
}

[data-theme="dark"] .connections-tab ul li:hover a .connect-icon svg rect {
    fill: #fff;
}

.connections-tab ul li.active a .connect-icon {
    background: var(--primary-color);
}

.connections-tab ul li.active a .connect-icon svg path {
    fill: var(--color-white);
}

.connections-tab ul li.active a .connect-icon svg g,
.connections-tab ul li.active a .connect-icon svg line {
    stroke: var(--color-white);
}

.connections-tab ul li.active a .connect-icon svg #Contacts rect {
    fill: var(--color-white);
}

.connections-tab ul li a {
    display: flex;
    align-items: center;
}

.mobsearchfilter {
    display: none;
}

.connections-tab ul li a .connect-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid var(--primary-color);
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.connections-tab ul li a span {
    font-size: 16px;
    color: #757575;
}

[data-theme="dark"] .connections-tab ul li a span {
    color: #fff;
}

/*--------------------------------
09.1. connections grid
---------------------------------*/
.grid-list-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.grid-list-menu a.grid,
.grid-list-menu a.list {
    color: #D0D9E2;
    font-size: 20px;
}

.grid-list-menu a.grid.active,
.grid-list-menu a.list.active {
    color: var(--color-green);
}

.grid-list-menu a.list {
    margin-right: 10px;
}

.conectionrequest.grid-optns {
    margin-bottom: 10px;
    margin-top: 10px;
}

.connections-users .conuser {
    margin-top: 20px;
}

.grid-list-menu .grid-optns .tab {
    min-width: 150px;
}

.conectionrequest.grid-optns .tab {
    min-width: 165px;
}

.connections-users ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.connections-users .u-list ul li {
    position: relative;
    width: 32%;
    margin-bottom: 40px;
    margin-right: 10px;
}

.connections-users .u-list ul li:nth-child(3n) {
    margin-right: 0;
}

.connections-users ul li .connect-memb {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000F;
    border-radius: 17px;
    padding: 20px 10px;
    height: 200px;
}

.connect-memb .connect-info {
    text-align: center;
}

.connect-memb .connect-info img {
    border-radius: 17px;
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}

.connect-memb .connect-info .cont-name {
    font-size: 15px;
    color: var(--color-black1);
    margin-bottom: 0px;
    line-height: 1.1;
    word-wrap: break-word;
    white-space: nowrap;
    /* max-width: 80%;
    min-width: 27%; */
    text-overflow: ellipsis;

    overflow: hidden;
}

.connect-memb .connect-info .cnt-id {
    font-size: 12px;
    color: var(--color--grey11);
}

.connct-others {
    position: absolute;
    bottom: -15px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

/* [data-theme="dark"] .connct-others{
    bottom: 8px;
} */
[data-theme="dark"] button.sfltrbtn {
    color: #fff !important;
}

.conct-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 17px;
}

.connct-others .cont-icon {
    background: var(--bg-white);
    box-shadow: 0px 0px 6px #0000001C;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    font-size: 14px;
    color: #AFAFAF;
}

.connct-others .cont-icon.cont-message {
    width: 101px;
}

.connct-others .cont-icon.cont-more {
    width: 43px;
}

.connct-others .cont-icon span {
    margin-left: 5px;
    line-height: 0;
}

.ci-more {
    position: relative;
    width: 4px;
    height: 4px;
    background-color: #AFAFAF;
    border-radius: 50%;
}

.ci-more:before,
.ci-more:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    background-color: inherit;
    border-radius: inherit;
}

.ci-more:before {
    top: 0px;
    left: -8px;
}

.ci-more:after {
    top: 0px;
    right: -8px;
    left: unset;
}

.cshare-popup {
    background: var(--bg-white);
    border-radius: 17px;
    box-shadow: 0px 0px 6px #00000029;
    padding: 20px;
    position: absolute;
    bottom: 25px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 94%;
    display: none;
}

.cshare-popup ul {
    display: block;
    margin-left: 0px;
}

.cshare-popup ul li {
    width: 100% !important;
    margin-bottom: 20px !important;
}

.cshare-popup ul li {
    margin-bottom: 20px;
}

.cshare-popup ul li:last-child {
    margin-bottom: 0px !important;
}

.cshare-popup ul li a {
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    color: #757575;
    line-height: 1.2;

}

.connectionpage .cshare-popup ul li a {
    word-break: break-all;
}

[data-theme="dark"] .cshare-popup ul li a {
    color: #fff;
}

.cshare-popup ul li a img {
    margin-right: 10px;
}

.connections-users .u-list ul.connections-listview li {
    width: 100%;
}

ul.connections-listview .connect-memb .connect-info {
    display: flex;
    align-items: center;
}

ul.connections-listview .connect-memb .connect-info img {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    margin-bottom: 0px;
}

.connections-users ul.connections-listview li .connect-memb {
    padding: 10px 0px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    border-radius: 0px;
}

[data-theme="dark"] .connections-users ul.connections-listview li .connect-memb {
    border-color: var(--box-border);
}

ul.connections-listview .connct-others {
    position: relative;
    left: unset;
    right: unset;
    margin: unset;
    bottom: unset;
}

ul.connections-listview .conct-share {
    padding: 0px;
}

ul.connections-listview .connct-others .cont-icon.cont-message {
    margin-right: 7px;
}

.cnt-cnt {
    /* text-align: left; */
}

.cnt-cnt span {
    font-size: 12px;
    color: var(--color--grey11);
}

.connections-users>ul.connections-listview>li {
    margin-bottom: 0px;
}

ul.connections-listview .cshare-popup {
    width: 212px;
    left: unset;
    bottom: 30px;
    z-index: 1;
    z-index: 999999;
}

.connections-requests {
    margin-top: 40px;
}

.connections-users>ul.connections-requests>li {
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}

.connections-users ul.connections-requests li .requests-memb {
    padding: 10px 0px 10px 0px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    border-radius: 0px;
    width: inherit;
}

ul.connections-requests .requests-memb .requests-info {
    display: flex;
    align-items: center;
}

.requests-memb .requests-info a {
    width: 60px;
}

.requests-memb .cnt-cnt {
    width: 239px;
}

.selectallsection {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.selectallbtn .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.selectallbtn .form-group label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: var(--color-black1);
}

.selectallbtn .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--primary-color);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.selectallbtn .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 4px;
    width: 6px;
    height: 8px;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

ul.connections-requests .form-group {
    display: block;
    margin-bottom: 0px;
    /* position: absolute;
    top: 25px; */
}

ul.connections-requests .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

ul.connections-requests .form-group label {
    position: relative;
    cursor: pointer;
}

ul.connections-requests .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--primary-color);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.selectallbtn {
    padding: 0px 10px !important;
    height: 35px;
    border: 1px solid var(--primary-color) !important;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px !important;
    color: var(--primary-color) !important;
    cursor: pointer;
    width: 150px;

}

.invitebtn button {
    padding: 0px 10px !important;
    height: 35px;
    border: 1px solid var(--primary-color) !important;
    background: var(--primary-color) !important;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    color: #fff !important;
    cursor: pointer;
    width: 150px;

}

.selectallbtn input {
    height: auto;
    margin-bottom: 0px;
}

ul.connections-requests .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 10px;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

ul.connections-requests .requests-memb .requests-info img {
    width: 48px;
    height: 48px;
    margin-right: 15px;
    margin-bottom: 0px;
    border-radius: 17px;
    border: 1px solid var(--primary-color);
    border-radius: 14px;
    padding: 8px;
}

.requests-memb .requests-info .cont-name {
    font-size: 15px;
    color: var(--color-black1);
    margin-bottom: 0px;
    line-height: 1;
}

.requests-others .requests-share {
    display: flex;
    align-items: center;
}

.requests-others .requests-share .acpt-message {
    background: var(--primary-color);
    box-shadow: 0px 0px 6px #0000001c;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    font-size: 14px;
    color: var(--color-white);
    padding: 0px 20px;
    margin-right: 5px;
    border: 1px solid var(--primary-color);
}

.requests-others .requests-share .dclinebtn {
    background: var(--bg-white);
    box-shadow: 0px 0px 6px #0000001c;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    font-size: 14px;
    color: #AFAFAF;
    padding: 0px 20px;
}

.contacttab .tabs {
    border: none;
    z-index: 1;
    background: var(--bg-lightgreen) !important;
}

.contacttab .tabs-content {
    border: none;
    background: transparent;
}

.contacttab .tabs-title>a {
    color: var(--color-black1);
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f;
    height: 38px;
    width: 120px;
    padding: 0px 15px;
    line-height: 0px;
    border-radius: 17px;
    color: var(--color--grey8);
    text-align: center;
    justify-content: center;
    margin-right: 10px;
}

.cont_notidot {
    background: var(--primary-color);
    color: #fff !important;
}

.cont_notidot {
    width: 30px;
    height: 30px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 100%;
    color: #000;
    margin-left: 10px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contacttab .tabs-title.is-active>a {
    background: #fff;
    color: var(--color-black1);
}

.contacttab .tabs-title>a:hover .cont_notidot,
.contacttab .tabs-title>a:focus .cont_notidot {
    background: #fff;
    color: var(--color-black1) !important;
}

.cont_notidot p {
    font-size: 12px;
    margin-bottom: 0px;
    display: contents;
}

.contacttab .tabs-title>a:focus,
.contacttab .tabs-title>a:hover,
.contacttab .tabs-title>a[aria-selected=true] {
    background-color: var(--primary-color);
    color: var(--color-white);
}

.contacttabsec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;

}

.contacttabsec::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    height: 1px;
    width: 100%;
    position: absolute;
    z-index: 0;
}

[data-theme="dark"] .contacttabsec::before {
    background-color: rgba(255, 255, 255, 0.3);
}

/*-------------------------------------
10. Connections contacts Css
--------------------------------------*/
.invite-cnt {
    display: flex;
    align-items: center;
}

h4.invite-title {
    font-size: 20px;
    line-height: 1.2;
    color: var(--color-green);
}

p.invite-sbutitle {
    font-size: 16px;
    color: var(--color-black1);
    margin-bottom: 3px;
}

p.invite-para {
    font-size: 14px;
    color: #707070;
}

[data-theme="dark"] p.invite-para {
    color: #fff;
}

p.invite-para a {
    color: #1D9AC9;
    font-weight: 500;
    text-decoration: underline;
}

.icontactsdetails,
.crequestsec {
    padding: 0px 15px;
    /* margin-top: 6.3rem;  */
}

.imports-contact button {
    background: var(--bg-white);
    box-shadow: 0px 0px 6px #0000001C;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    border-radius: 45px;
    color: #AFAFAF;
    font-size: 16px;
}

[data-theme="dark"] .imports-contact button {
    color: var(--primary-color);
    box-shadow: 0px 0px 6px #0000001C;
    border: 1px solid #50B855;
    background: transparent;
}

[data-theme="dark"] .imports-contact button svg path {
    fill: var(--primary-color);
}

.imports-contact button svg {
    margin-right: 10px;
}

.imports-contact {
    margin-top: 30px;
}

.connections-requests.contact-con {
    margin-top: 0px;
    padding-top: 15px;
}

.connections-requests.contact-con {
    width: 100%;
}

.connections-requests.contact-con li {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;

}

/*------------------------------------
11. Notifications Css
-------------------------------------*/
.notification-box.notification-act {
    /* margin-top: 85px; */
}

.notification-box {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    padding: 0px 15px;
}

.notification-box>ul,
.notification-box>#not {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}

.hide_mute1,
.hide_mute2,
.hide_mute3 {
    display: none !important;
}

.noti_status_class {
    background-color: #ecffec;
    padding: 10px;
    color: #000;
    border-radius: 0px;
}

[data-theme="dark"] .noti_status_class {
    /* background-color: #131517;
    color: #fff;  */
    /* background-color: #ecffec; */
    /* color: #000; */
    background-color: #263240;
    color: #ffffff;
}

.noti_status_class .dot_noti {
    position: absolute;
}

.dot_noti {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #50b855;
    margin-right: 8px;
    flex-shrink: 0;
}

.notification-box>ul>#not>li {
    padding: 10px;
}

.notification-box>ul>li,
.notification-box>ul>#not>li {
    border-bottom: 1px solid #e1e8ed;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[data-theme="dark"] .notification-box>ul>li,
[data-theme="dark"] .notification-box>ul>#not>li {
    border-bottom: 1px solid rgb(255, 255, 255, 0.2);
}

.notification-box>ul li figure,
.notification-box>ul #not li figure {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
    max-width: 45px;
    min-width: 45px;
    vertical-align: middle;
    margin-left: 15px;
}

.notification-box>ul li figure img,
.notification-box>ul #not li figure img {
    border-radius: 100px;
    object-fit: cover;
    width: 45px;
    height: 45px;
}

.notifi-meta {
    display: flex;
    line-height: initial;
    vertical-align: middle;
    align-items: center;
    width: 100%;
    /* word-break: break-all; */
}

.noti-cnt {
    cursor: pointer;
    line-height: 19px;
    color: #333333;
}

.noti-cnt .morelink {
    margin-top: 5px;
}

.noti-cnt p {
    margin-bottom: 0px;

}

.notifi-meta>p {
    color: var(--color-black1);
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.notification-box .more {
    position: relative;
    right: 0px;
    top: 0px;
}

.notification-box .more span.hrs {
    font-size: 14px;
    color: #7E7E7E;
}

[data-theme="dark"] .notification-box .more span.hrs {
    color: #fff;
}

[data-theme="dark"] .noti-options p {
    color: #fff;
}

.notification-box .invitebtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 40%;
}

.notification-box .invitebtn a.viewbtns {
    background: var(--primary-color);
    box-shadow: 0px 0px 6px #0000001c;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    font-size: 14px;
    color: var(--color-white);
    padding: 0px 20px;
    margin-right: 5px;
    line-height: 30px;
}

.notification-box .invitebtn a.dclinebtn,
.notifi-meta .mesagebtn {
    background: var(--bg-white);
    box-shadow: 0px 0px 6px #0000001c;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    font-size: 14px;
    color: var(--color-black1);
    padding: 0px 20px;
    line-height: 30px;
    width: fit-content;
}

.notifi-meta a.upgradebtns {
    background: var(--primary-color);
    box-shadow: 0px 0px 6px #0000001c;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    font-size: 14px;
    color: var(--color-white);
    padding: 0px 20px;
    margin-right: 5px;
    line-height: 30px;
    width: fit-content;
}

.notifi-meta .group-img {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 105px;
    flex-wrap: wrap;
    max-width: 105px;
}

.notifi-meta .group-img img {
    border-radius: 10px;
    width: 34px;
    height: 34px;
    margin-bottom: 3px;
}

.noti-options p {
    font-size: 12px;
    font-weight: 500;
    color: #757575;
    margin-bottom: 0px;
    line-height: 1;
}

.noti-options span {
    font-size: 12px;
    color: #757575;
}

.notification-box .more-post-optns ul {
    width: 262px;
}

.notification-box .more-post-optns>ul>li img {
    margin-right: 10px;
}

.notification-box .more-post-optns>ul>li,
.notification-box .more-post-optns>ul>li a {
    cursor: pointer;
    display: flex;
    font-size: 13px;
    margin-bottom: 10px;
    transition: all 0.2s linear 0s;
    width: 100%;
    font-weight: 400;
    color: var(--color--grey8);
    justify-content: flex-start;
    align-items: flex-start;
}

.notification-box .more-post-optns>ul>li.noti-delete a {
    display: unset;
}

.notification-box .more-post-optns>ul>li a div span {
    line-height: 17px;
}

.we-comment .more-post-optns>ul>li {
    border-bottom: 1px solid rgb(0, 0, 0, 0.05);
    padding-bottom: 7px;
}

.we-comment .more-post-optns>ul>li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.not-img {
    width: 30px;
    flex-shrink: 0;
}

.we-comment .more-post-optnska>ul {
    background: var(--bg-white) none repeat scroll 0 0;
    border-radius: 12px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
    display: none;
    width: 144px;
    z-index: 99;
    padding: 10px 16px;
    position: absolute;
    right: -9px !important;
    /* top: 16px !important; */
    bottom: unset !important;
    left: unset;
}

.we-comment .more-post-optnska>ul.showm {
    display: block;
}

.we-comment .more-post-optnska>ul>li {
    border-bottom: 1px solid rgb(0, 0, 0, 0.05);
    padding-bottom: 7px;
    font-size: 12px;
}

.we-comment .more-post-optnska>ul>li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.we-comment>.we-info .more .status-like {
    margin-top: -5px;
}

.more-post-optnska>i {
    position: relative;
    z-index: 2;
    color: var(--color--grey8);
}

.more-post-optnska {
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-left: 16px;
}

.more-post-optnska>ul>li {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    transition: all 0.2s linear 0s;
    width: 100%;
    font-weight: 400;
    color: var(--color--grey8);
}

.more-post-optnska>ul>li i {
    color: #222;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    transition: all 0.1s linear 0s;
    vertical-align: middle;
}

/* -----------------------------------
   12.1. Text Post
-------------------------------------*/
.create-post .create-bg .bg-post {
    width: 100%;
    height: 292px;
    border-radius: 8px;
    position: relative;
    border: 1px solid #50B855;
    display: flex;
    align-items: center;
}

.d-flex {
    display: flex !important;
}

.d-block {
    display: block !important;
}

#result {
    margin: 0 auto;
    width: 80%;
    text-align: center;
    font-size: 18px;
    word-break: break-word;
    line-height: 1.1;
    outline: none;
    border: none;
}

#imgtext1 {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

#imgtext,
#textArea,
#textvideo,
#textaudio,
#textimg,
#textimg1,
#textvideo1 {
    resize: none;
    border: none;
    font-size: 14px;
    line-height: 1.3;
}

.create-post .create-bg .gradient-bg {
    margin-top: 25px;
}

.bg-set {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.bg-control {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0px 0px 4px #00000029;
    border-radius: 100%;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.bg-control a {
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-control a.control {
    padding-left: unset;
    margin-bottom: unset;
}

.bg-control a.active .ti-angle-down {
    transform: rotate(180deg);
}

h4.bgc-title {
    font-size: 14px;
    color: var(--color--grey11);
    margin-bottom: 10px;
}

.segments-visible {
    margin-top: 20px;
}

.segments-visible p {
    font-size: 14px;
    color: var(--color--grey11);
    margin-bottom: 15px;
}

.segments-visible a.segmentadd {
    border: 1px solid #AFAFAF;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #AFAFAF;
    margin-bottom: 0px;
}

.segments-visible a.segmentaddpoll {
    border: 1px solid #AFAFAF;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #AFAFAF;
    margin-bottom: 0px;
}

.segments-visible ul.segmentsvisible-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

#text-upload .segments-visible ul.segmentsvisible-list {
    margin-bottom: 0px;
}

.segments-visible ul.segmentsvisible-list li {
    margin-right: 5px;
}

.searchsegments p {
    font-size: 14px;
    color: var(--primary-color);
    margin-bottom: 0px;
}

.segmentsvisible-list li {
    position: relative;
    margin-right: 5px;
    margin-bottom: 15px;
}

.segmentsvisible-list label {
    padding: 0px;
    border: none;
}

.segmentsvisible-list label {
    border: 1px solid var(--primary-color);
    border-radius: 24px;
    height: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0px 20px;
    position: relative;
    margin-left: 0rem !important;
}

.segmentsvisible-list input {
    position: absolute;
    visibility: hidden;
    cursor: pointer;
    margin: 0;
    height: unset;
}

.segmentsvisible-list span.mark {
    width: 100%;
    border-radius: 50px;
    position: relative;
    height: 35px !important;
    font-size: 13px !important;
    top: 0;
    left: 0;
    display: block;
    line-height: 34px;
    padding: 0px 20px;
    background-color: var(--primary-color);
    border-color: var(--primary-color) !important;
    color: #fff;
    cursor: pointer;
}

.segmentsvisible-list li svg {
    position: absolute;
    right: 11px;
    background: #fff;
    width: 20px;
    height: 20px;
    z-index: 99;
    border-radius: 100%;
    padding: 4px;
    top: -9px;
    border: 1px solid #50B855;
    cursor: pointer;
}

#segVisisble {
    top: 5px;
    left: 0;
    width: 100%;
    border-color: var(--primary-color) !important;
    padding: 8px 30px 8px 55px !important;
    background: url(../images/search.png) left 20px center var(--bg-lightgreen1) no-repeat !important;
    background-size: 18px !important;
    border-radius: 45px;
    font-size: 14px;
    margin-bottom: 20px;
    height: 40px;
}

#segVisisble::placeholder {
    color: var(--primary-color);
    opacity: 1;
}

#segVisisble:-ms-input-placeholder {
    color: var(--primary-color);
    opacity: 1;
}

#segVisisble::-ms-input-placeholder {
    color: var(--primary-color);
    opacity: 1;
}

.searchsegments .titlepop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.segmentscheckbox input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
    height: 20px;
    right: 0px;
    width: 20px;
}

.segmentscheckbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.segmentscheckbox>div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#segVisiblezchatform .segmentscheckbox {
    max-height: 200px;
    overflow-y: auto;
    padding-top: 20px;
}

#segVisiblepollform .segmentscheckbox {
    max-height: 200px;
    overflow-y: auto;
    padding-top: 20px;
}

.segmentscheckbox li {
    position: relative;
    margin-right: 5px;
    margin-bottom: 15px;
}

.segmentscheckbox label {
    border: 1px solid var(--primary-color);
    border-radius: 24px;
    height: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0px 20px;
    position: relative;
    margin-left: 0rem !important;
}

.segmentscheckbox label {
    padding: 0px;
    border: none;
}

.segmentscheckbox input {
    position: absolute;
    visibility: hidden;
    cursor: pointer;
    margin: 0;
    height: unset;
}

.segmentscheckbox span.mark {
    width: 100%;
    border-radius: 50px;
    position: relative;
    min-height: 35px !important;
    font-size: 13px !important;
    top: 0;
    left: 0;
    display: block;
    line-height: 1;
    padding: 0px 20px;
    border-color: var(--primary-color);
    color: var(--secondary-color);
    cursor: pointer;
    height: auto;
    display: flex;
    align-items: center;
}

#ui-id-1 {
    max-height: 200px;
    overflow-y: auto;
    height: auto;
}

.ui-widget.ui-widget-content {
    z-index: 999999999;
}

/* .segmentscheckbox .seg_checkbox:hover input ~ .mark {
    background-color: var(--primary-color);
    color: var(--color-white);
} */
.segmentscheckbox .seg_checkbox input:checked~.mark {
    background-color: var(--primary-color);
    border-color: var(--primary-color) !important;
    color: #fff;
}

.segsubmitbtns {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.searchsegments .segmentaddbtn {
    box-shadow: 0px 0px 6px #0000001C;
    height: 32px;
    line-height: 32px !important;
    border: none;
    background: var(--primary-color) !important;
    border-radius: 22px;
    font-weight: normal;
    display: flex;
    align-items: center;
    color: #fff;
}

.totalcountse {
    margin-top: 10px;
    margin-left: 20px;
}

.searchsegments .segmentaddbtn i {
    margin-left: 5px;
}

[data-theme="dark"] .searchsegments .segmentaddbtn {
    background: var(--primary-color) !important;
    color: #fff;
}

[data-theme="dark"] .searchsegments .segmentaddbtnpoll {
    background: var(--primary-color) !important;
}

.searchsegments .segmentaddbtnpoll {
    box-shadow: 0px 0px 6px #0000001C;
    height: 32px;
    line-height: 32px !important;
    border: none;
    background: var(--primary-color) !important;
    border-radius: 22px;
    color: #fff;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.searchsegments .segmentaddbtnpoll i {
    margin-left: 5px;
}

.close-button span {
    color: #D0D9E2;
}

.bg-sec {
    margin-top: 0px;
    margin-bottom: 40px;
}

ul.gradient-bg.closed li:nth-child(n+11) {
    display: none;
}

.closed .control.less {
    display: none;
}

.closed .control.more {
    display: block;
}

.control.more {
    display: none;
}

.gradient-bg li.bgnone {
    position: relative;
    background-color: #E9E9E9;
    z-index: 99;
}

.gradient-bg li.bgnone::before {
    content: '';
    background: url('../images/traffic-signal.png') no-repeat center center/cover;
    position: absolute;
    top: 29%;
    left: 0px;
    width: 20px;
    height: 20px;
    right: 0px;
    margin: 0 auto;
    z-index: -1;
}

.gradient-bg li {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 7px;
    cursor: pointer;
}

.gradient-bg li img {
    border-radius: 6px;
}

.gradient-bg li.active {
    border: 2px solid var(--primary-color);
}

.gradient-bg li {
    margin-right: 2px;
    margin-bottom: 5px;
}

#img-upload {
    display: none;
}

.gr-1 {
    background-image: url(../images/clr0.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-2 {
    background-image: url(../images/clr2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-3 {
    background-image: url(../images/clr3.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-4 {
    background-image: url(../images/clr4.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-5 {
    background-image: url(../images/clr5.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-6 {
    background-image: url(../images/clr6.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-7 {
    background-image: url(../images/clr7.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-8 {
    background-image: url(../images/clr8.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-9 {
    background-image: url(../images/clr9.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-10 {
    background-image: url(../images/clr10.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.gr-11 {
    background-image: url(../images/clr11.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.dflex-right {
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.dflex-right .postbtnslike {
    position: absolute;
    right: 0px;
}

.segments-visible {
    display: none;
}

.dflex-right .interaction {
    position: absolute;
    left: 0px;
    display: none;
    top: -26px;
}

.dflex-right .interaction.intract_st.freeuser_interaction {
    top: 0px !important;
}

.post-btn.bg-white {
    background: var(--bg-white) !important;
    color: var(--color-black1);
    box-shadow: 0px 0px 6px #0000001C;
    border: none;
}

.wysiwyg #editor.img-editor {
    border-bottom: 1px solid #EFEFEF;
}

[data-theme="dark"] .wysiwyg #editor.img-editor {
    border-bottom: 1px solid #585757;
}

.post-btn.bg-white.post-promotrbtn {
    margin-right: 10px;
    height: 32px;
    line-height: 32px !important;
    border: none;
    padding: 0px 15px;
}

.postbtnslike .post-btn {
    height: 32px !important;
    line-height: 32px !important;
    border: none;
    padding: 0px 15px;
}

.promoteeditpage .post-btn.bg-white.post-promotrbtn {
    background: var(--primary-color) !important;
    color: #fff;
}

/* -----------------------------------
   13. Subscriptions
-------------------------------------*/
.subscriptions-sec {
    padding-top: 40px;
}

.subscription-title {
    text-align: center;
}

.plansubscriptionspage .bill-goback {
    display: none;
}

h1.scri-title {
    font-size: 32px;
}

p.sub-tle {
    font-size: 18px;
    margin-bottom: 0px;
}

ul#subscriptions-tabs {
    width: fit-content;
    margin: 30px auto 20px auto;
    box-shadow: inset 0px 3px 6px rgb(0, 0, 0, 0.1);
    border-radius: 40px;
    background: var(--bg-white);
    border-radius: 50px;
}

ul#subscriptions-tabs li a {
    font-size: 16px;
    color: #9F9F9F;
    font-weight: 500;
    border-radius: 40px;
}

ul#subscriptions-tabs li {
    width: 170px;
    text-align: center;
}

ul#subscriptions-tabs li:first-child {
    margin-right: 10px;
}

ul#subscriptions-tabs li.is-active a {
    border-radius: 40px;
    background: var(--primary-color);
    color: #fff;
}

ul#subscriptions-tabs li a:hover {
    background: var(--primary-color);
    color: #fff;
}

.subscription-tab .tabs-content {
    border: none;
    background: transparent;
}

[data-theme="dark"] .subscription-tab .tabs-content .plan-info {
    color: #fff;
}

[data-theme="dark"] ul#subscriptions-tabs li a {
    color: #fff;
}

.subscription-tab .tabs-content .plan-info {
    font-size: 16px;
    color: #929292;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.subscription-tab .radio-choosen [type="radio"]:checked,
.subscription-tab .radio-choosen [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-button {
    background-color: #50B855;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 50px;
    margin-bottom: 70px;

}

.subscription-tab .radio-choosen [type="radio"]:checked+label,
.subscription-tab .radio-choosen [type="radio"]:not(:checked)+label {
    /* position: relative; */
    padding-left: 28px;
    margin: 10px;
    cursor: pointer;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    /* color: var(--color-black1); */
    border-radius: 5px;
    width: 170px;
    text-align: center;
}

.subscription-tab .radio-choosen [type="radio"]:checked+label:before,
.subscription-tab .radio-choosen [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: var(--bg-white);
}

.subscription-tab .radio-choosen [type="radio"]:checked+label:after,
.subscription-tab .radio-choosen [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--primary-color);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.subscription-tab .radio-choosen [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.subscription-tab .radio-choosen [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.subscriptions-prices .radio-choosen {
    text-align: center;
    margin: 30px auto;
    width: fit-content;
    margin: 30px auto 60px auto;
    box-shadow: inset 0px 3px 6px rgb(0, 0, 0, 0.1);
    border-radius: 10px;
    background: #3d4a6b;
    /* border-radius: 50px; */
}

.subscriptions-prices .radio-choosen label {
    font-size: 20px;
    color: var(--color-black1);
}

.plan-boxsec {
    justify-content: center;
    display: flex;
    align-items: center;
}

.planbox {
    text-align: center;
    /* border: 1px solid #707070; */
    color: #777;
    font-size: 14px;
    padding-left: 0;
    width: 264px;
    border-radius: 17px;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    background-color: #fff;
    /* border-top: 15px solid black */
}

.planbox.active {
    /* box-shadow: 0px 3px 28px #50B855; */
    /* border: 1px solid transparent !important; */
    /* border-top: 15px solid green; */
}

/* .planbox:hover {
    box-shadow: 0px 3px 28px #50B855;
    border: 1px solid transparent;
} */

.pricing li:first-child,
.pricing li:last-child {
    padding: 20px 20px;
}

.pricing li {
    list-style: none;
    height: 46px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding: 0px 20px;
    line-height: 1.1;
    color: black;
}

.gobtn {
    justify-content: center;
}

.pricing li p {
    display: none;
}

.pricing li:nth-child(odd) {
    /* background: #F8F8F8; */
}

[data-theme="dark"] .pricing li:nth-child(odd) {
    /* background: #000; */
}

.pricing li:nth-child(1) {
    background: transparent;
    height: 100px;
}

[data-theme="dark"] .pricing li:nth-child(1) {
    background: transparent;
}

.pricing li img {
    width: 20px;
}

[data-theme="dark"] .pricing li span.num {
    color: #ffffff;
}

[data-theme="dark"] .pricing li span.tex {
    color: #ffffff;
}

/* .pricing li span.num {
    font-weight: 500;
    font-size: 20px;
    color: #616161;
} */

.pricing li span.tex {
    font-size: 13px;
    color: black;
}

.pricing li.plan-tle {
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 40px 0px 30px 0px;
    margin-bottom: 80px;
}

.pricing li.plan-tle svg {
    width: 26px;
    height: 26px;
    box-shadow: 0px 3px 6px #00000029;
    background: var(--bg-white);
    border-radius: 100%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="dark"] .pricing li.plan-tle svg path {
    fill: #fff;
}

.pricing li.plan-tle b {
    font-size: 30px;
    color: var(--color-black1);
    margin-left: -30px;
    font-weight: 700;
    /* font-family: Plus Jakarta Sans; */
    font-family: "Plus Jakarta Sans", sans-serif;
}

.mplantab {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0 !important;
    cursor: pointer;
    left: 0px;
    right: 0px;
}

.planbox .plancheck {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0 !important;
    cursor: pointer;
    left: 0px;
    right: 0px;
}

.planbox.standardbox {
    background: var(--primary-color);
    cursor: none;
    border: 1px solid transparent;
}

.planbox.standardbox .pricing li:nth-child(odd) {
    background: #228D27;
}

.planbox.standardbox .pricing li span.tex {
    color: #fff;
    text-align: left;
    font-size: 14px;
}

.planbox.standardbox .pricing li {
    text-align: left;
    justify-content: left;
}

.planbox.standardbox .pricing li:nth-child(1) {
    background: transparent;
}

.planbox.standardbox:hover {
    box-shadow: none;
}

.promo-sec {
    display: flex;
    align-items: center;
}

.promo-aplied {
    display: none;
}

.promo-aplied .aplytxt {
    font-size: 18px;
    color: var(--color-black1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-right: 20px;
}

.promo-aplied {
    align-items: center;
}

.promoamnt {
    height: 50px;
    /* width: 300px; */
    min-width: 300px;
    border: 1px solid var(--primary-color);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 30px;
    margin-top: 0px;
    position: relative;
}

.promoamnt p {
    font-size: 18px;
    color: var(--color-black1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0px;
}

span.pr-close {
    position: absolute;
    right: 15px;
    top: -22px;
    background: var(--bg-white);
    cursor: pointer;
    border-radius: 100%;
}

.promoamnt p span {
    font-weight: bold;
}

.promo-aplied .aplytxt span {
    margin-left: 20px;
}

.promo-sec p {
    font-size: 16px;
    color: var(--color-black1);
    margin-right: 20px;
    margin-bottom: 0px;
}

.promocode-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.promo-sec .search-field {
    border: medium none;
    border: 1px solid #C6C6C6;
    background: var(--bg-white);
    border-radius: 26px;
    padding: 0px 20px;
    width: 100%;
    font-size: 14px;
    height: 50px;
    margin-bottom: 0px;
}

.promo-sec .search-field.error {
    border-color: #cc4b37 !important;
    background-color: #f9ecea !important;
}

.promo-sec .search-field:focus {
    background: var(--bg-white);
}

[data-theme="dark"] .promo-sec .search-button {
    background: var(--primary-color);
}

[data-theme="dark"] .promo-sec .search-field {
    border: 1px solid #707070;
}

[data-theme="dark"] .promo-sec input.search-field.error {
    color: #000;
}

.promo-sec .control-group {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #fff;
    border-radius: 999px;
    width: 324px;
    position: relative;
    display: flex;
}

.promo-sec .search-button {
    border-radius: 999px;
    display: inline-block;
    float: right;
    margin: 8px 8px;
    text-align: center;
    background: var(--color-black1);
    position: absolute;
    right: 0px;
    height: 35px;
    width: 115px;
    line-height: 35px;
    color: #fff;
    cursor: pointer;
}

.plan-selected p {
    font-size: 24px;
    color: var(--color-black1);
    margin-bottom: 30px;
}

.plan-selected {
    text-align: center;
    margin: 20px auto 20px auto;
}

.viewaddrtoggle {
    text-align: center;
}

.vtoglesec p a {
    color: #C5C5C5;
    margin-left: 6px;
}

[data-theme="dark"] i.fa.arciveicon svg {
    filter: brightness(9.5);
}

[data-theme="dark"] .vtoglesec p {
    color: #fff !important;
}

.vtoglesec {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 20px;
    font-size: 14px; */
}

.vtoglesec p {
    margin-bottom: 0px;
}

.viewaddrtoggle .switch {
    margin-left: 20px;
    margin-bottom: 0px;
}

.viewaddrtoggle .switch-paddle {
    border-radius: 30px;
    width: 50px;
}

.viewaddrtoggle .switch-paddle::after {
    border-radius: 30px;

}

.viewaddrtoggle input:checked~.switch-paddle::after {
    left: 1.8rem;
}

/* .viewaddrtoggle .switch-paddle{ */
.viewaddrtoggle input:checked~.switch-paddle {
    background: var(--primary-color) !important;
}

/* .cus-price-col {
    margin: 20px 0 5px;
} */
.plan-amnt {
    box-shadow: 0px 0px 17px #0000000F;
    border-radius: 49px;
    background: var(--bg-white);
    width: 500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.plan-amnt p {
    font-size: 32px;
    margin-bottom: 0px;
    padding: 10px 20px;
}

.plan-submit {
    text-align: center;
    margin: 30px auto;
}

.plan-submit button {
    width: 183px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 49px;
    font-weight: 500;
    font-size: 16px;
}

.plan-submit button:hover,
.plan-submit button:focus {
    background: var(--primary-color);
}

.plan-contactus {
    background: var(--primary-color);
    height: 243px;
    display: none;
}

.subscriptions-prices {
    padding-bottom: 40px;
}

.contact-sec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.contact-infoimage {
    width: 30%;
}

.contact-infoimage img {
    margin-top: -100px;
}

.contact-infotext {
    width: 32%;
    position: relative;
    padding: 82px 0px;
}

.contact-infotext:after {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 1px;
    height: 80px;
    top: 80px;
    display: block;
    right: 0px;
}

.contact-infotext p {
    font-size: 18px;
    color: var(--color-white);
    margin-bottom: 0px;
    padding-right: 20px;
}

.contact-infobtn {
    width: 30%;
    padding: 82px 0px;
}

.cnt-infobtn {
    background: #fff;
    height: 50px;
    border-radius: 48px;
    width: 100%;
    font-size: 18px;
    color: #000000;
    cursor: pointer;
}

.main-section {
    min-height: calc(100vh - 83px);
}

.main-section.pt20 {
    padding-top: 20px;
}

/* -----------------------------------
   14. Billing Informations
-------------------------------------*/
.billing-sec {
    padding: 40px 0px;
}

.bilng-title {
    font-size: 26px;
    margin-bottom: 25px;
    margin-left: 10px;
}

.bill-goback {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
}

.subscriptionyplan .bill-goback svg path {
    fill: var(--primary-color);
}

.bill-goback svg {
    margin-right: 5px;
    margin-left: -5px;
}

.bill-goback.mgoback {
    display: none;
}

.bill-goback span {
    color: var(--primary-color);
    font-size: 18px;
}

.billing-information {
    background: var(--bg-white);
    padding: 30px;
    /* box-shadow: 0px 3px 48px #0000000F; */
    border-radius: 14px;
    border: 1px solid var(--box-border);
}

.billing-information input {
    height: 45px;
    margin-top: 8px;
    margin-bottom: 10px;
}

.billing-information label {
    font-size: 14px;
}

.billing-information label span {
    font-size: 12px;
    color: #8E8E8E;
}

.billing-information select {
    position: relative;
    display: inline-block;
    position: relative;
    background-image: url("../images/br_down.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 10px;
    margin-top: 8px;
    margin-bottom: 10px;
    cursor: pointer;
}

select:focus {
    border: 1px solid var(--input-border) !important;
}

[data-theme="dark"] .billing-information select {
    background-image: url("../images/br_down_d.png");
}

.billing-forms {
    margin-top: 30px;
}

.submtbtn {
    width: 183px;
    height: 50px;
    background: var(--primary-color) !important;
    border-radius: 49px !important;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.submtbtn:focus,
.submtbtn:hover {
    background: var(--primary-color);
}

.billing-information label .form-error {
    margin-bottom: 0px;
    font-weight: normal;
}

/* -----------------------------------
   15. Subscriptions & Paymens
-------------------------------------*/
.subscription-payments {
    padding: 60px 0px;
}

.subscription-box,
.subscription-block {
    /* box-shadow: 0px 3px 48px #5adf6029; */
    background: var(--bg-white);
    border-radius: 14px;
    padding: 26px;
    border: 1px solid var(--box-border);
}

.subscription-box ul li a span {
    line-height: 0px;
}

.subscription-box ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    padding: 15px 0px;
    font-size: 16px;
}

[data-theme="dark"] .subscription-box ul li a {
    border-bottom: 1px solid #ffffff61;
}

.subscription-box ul li:first-child a {
    padding-top: 0px;
}

.sub-paytitle {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

.subscription-box ul li:last-child a {
    padding-bottom: 0px;
    border-bottom: none;
}

/* -----------------------------------
   16. Subscriptions Your Plan
-------------------------------------*/
.subscription-your {
    box-shadow: 0px 3px 48px #0000000F;
    border-radius: 40px;
    background: var(--primary-color);
}

.yourplan {
    background: var(--bg-white);
    border-radius: 34px;
    padding: 30px 50px;
}

.yourplan .bill-goback span {
    color: var(--color-black1);
}

.biilingpadding {
    padding: 80px 0px;
}

.biiling-yoursplan .bilng-title {
    font-size: 26px;
    margin-bottom: 25px;
    margin-left: 10px;
}

.biiling-yoursplan .billinginfo li p.txt2.w100 {
    width: 100%;
}

.billinginfo {
    padding: 30px 0px 10px 0px;
}

#current_plan_details li {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    padding: 20px 0px 0px 0px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    gap: 10px;
}

#current_plan_details li p {
    width: 50%;
}

#current_plan_details li:last-child {
    border-bottom: none;
}

.billinginfo li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
}

[data-theme="dark"] .billinginfo li {
    border-bottom: 1px solid rgb(255, 255, 255, 0.1);
}

.billinginfo li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.billinginfo li p.txt1 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--color-black1);
}

.billinginfo li p.txt2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    color: var(--color-black1);
    width: 16%;
}

.txtbox {
    text-align: left;
    width: 16%;
}

.txtbox .txt3 {
    font-size: 12px;
    color: var(--color-black1);
    margin-top: 10px;
    margin-bottom: 0px;
}

.billinginfo li:last-child {
    align-items: flex-start;
}

.billinginfo li:first-child {
    padding-top: 0px;
}

.totl-prce {
    padding: 30px 50px;
}

.totl-prceinfo li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.totl-prceinfo li .txt1 {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
}

.totl-prceinfo li .txt2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
    width: 16%;
    color: var(--color-white);
}

.switch-cancelbtns {}

.switch-cancelbtns .switchbtns {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.switchbtns .switchbtn {
    box-shadow: 0px 0px 22px #00000012;
    border-radius: 47px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    font-size: 16px;
    color: var(--color-black1);
    margin-right: 10px;
    cursor: pointer;
    background: var(--bg-white);
}

.switchbtns .switchbtn img {
    margin-right: 10px;
    width: 21px;
}

.previous-plan {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000f;
    border-radius: 34px;
    padding: 30px;
    margin-top: 30px;
}

.current_plan h4 {
    font-size: 22px;
    color: var(--color-black1);
    font-weight: 500;
    margin-bottom: 10px;
}

.previous-plan h4 {
    font-size: 22px;
    color: var(--color-black1);
    font-weight: 500;
    margin-bottom: 10px;
}

.previous-plan ul li span {
    color: #C2C2C2;
    font-size: 12px;
}

.previous-plan ul li {
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    padding: 10px 0px;
}

[data-theme="dark"] .previous-plan ul li {
    border-bottom: 1px solid rgb(255, 255, 255, 0.1);
}

.previous-plan ul li:last-child {
    border-bottom: none;
}

.previous-plan ul li p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: var(--color-black1);
    margin-bottom: 0px;
}

.previous-plan ul li p span {
    color: var(--primary-color);
    font-size: 14px;
}

.previous-plan ul {
    margin-bottom: 40px;
}

.viewall-btn {
    width: 183px;
    height: 50px;
    background: var(--primary-color) !important;
    border-radius: 49px !important;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    padding: 15px 43px;
}

.viewall-btn:hover,
.viewall-btn:focus {
    color: #fff;
}

.viewbtnss {
    text-align: right;
    margin: 20px 0px;
}

.customradio {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.customradio [type="radio"]:checked,
.customradio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.customradio [type="radio"]:checked+label,
.customradio [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--color-black1);
    font-size: 22px;
}

.customradio [type="radio"]:checked+label:before,
.customradio [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.customradio [type="radio"]:checked+label:after,
.customradio [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--primary-color);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.customradio [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.customradio [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.view-advertisements {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 40px;
}

.view-advertisements h4 {
    font-size: 22px;
    color: var(--color-black1);
    margin-bottom: 20px;
}

.view-advertisements p {
    font-size: 14px;
    color: #929292;
}

/* -----------------------------------
   17. Cancel Subscriptions
-------------------------------------*/
.subscription-cancel {
    padding: 120px 0px;
}

.cancel-box {
    box-shadow: 0px 3px 48px #5adf6029;
    background: var(--bg-white);
    border-radius: 17px;
    padding: 70px;
    text-align: center;
}

.cancel-box p {
    color: var(--color-black1);
    font-size: 16px;
}

.cancel-box .btns-continue {
    width: 183px;
    height: 50px;
    background: var(--primary-color) !important;
    border-radius: 49px !important;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin-top: 20px;
}

/* -----------------------------------
   18. Subscriptions Purchase History
-------------------------------------*/
.subscription-history {
    margin-top: 50px;
}

[data-theme="dark"] .subscription-history {
    background: var(--bg-white);
}

.history-lists {
    margin-top: 30px;
}

.subscription-history ul.history-lists li {
    background: var(--bg-white);
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 17px;
    height: 60px;
    padding: 0px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.subscription-history ul.history-lists li .purchase-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    width: 60%;
}

.subscription-history ul.history-lists li .purchase-details p {
    margin-bottom: 0px;
}

.purchase-details .pdate {
    font-size: 16px;
    color: var(--color-black1);
    margin-bottom: 0px;
    width: 30%;
}

.purchase-details .pplan {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 500;
    margin: 0px 50px;
    width: 70%;
}

.purchase-prze {
    width: 40%;
    text-align: right;
}

.purchase-prze .pamount {
    font-size: 16px;
    color: var(--color-black1);
    margin-bottom: 0px;
    font-weight: bold;
}

.purchase-details .pdownload {
    width: 10%;
}

.purchase-details .pdownload svg {
    height: 20px;
}

.history-lists li.lists-tle {
    background: none !important;
    box-shadow: none !important;
    border-radius: 17px;
    height: 40px !important;
    padding: 0px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

li.lists-tle .purchase-date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    width: 60%;
}

.purchase-date .pdate {
    font-size: 16px;
    color: var(--color-black1);
    margin-bottom: 0px;
    width: 30%;
}

.purchase-date .pdesc {
    font-size: 16px;
    color: var(--color-black1);
    margin: 0px 35px;
    width: 70%;
}

.purchase-amt .pprices {
    font-size: 16px;
    color: var(--color-black1);
    margin-bottom: 0px;
}

.purchase-amt {
    width: 40%;
    text-align: right;
}

/* -----------------------------------
   19. Payment Successful
-------------------------------------*/
.payment-successful {
    padding: 120px 0px;
}

.successful-box {
    box-shadow: 0px 3px 48px #5adf6029;
    background: var(--bg-white);
    border-radius: 17px;
    padding: 40px;
}

.successful-box .suuces-icon {
    text-align: center;
    margin-bottom: 30px;
}

.successful-box .suuces-icon svg {
    height: 50px;
}

.successful-box .suuces-icon p {
    font-size: 22px;
    color: var(--primary-color);
    margin-top: 10px;
}

.successful-box ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
}

.successful-box ul li:last-child {
    border-bottom: none;
}

.successful-box ul li .txt1 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--color-black1);
}

.successful-box ul li .txt2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--color-black1);
    width: 30%;
}

.cnt-desc {
    text-align: left;
    width: 30%;
}

.successful-box ul li .cnt-desc .txt2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--color-black1);
    width: 100%;
}

.successful-box ul li .cnt-desc .txt3 {
    font-size: 12px;
    color: var(--color-black1);
    margin-top: 5px;
    margin-bottom: 0px;
}

.cnt-desc span {
    font-size: 12px;
    color: var(--color-black1);
    margin-top: 10px;
    margin-bottom: 0px;
}

.successful-box ul li.totalprc-dtls .txt1 {
    font-weight: bold;
}

.successful-box ul li.totalprc-dtls .txt2 {
    font-weight: bold;
    font-size: 18px;
}

.pay-failed {
    color: #C80101 !important;
    margin-bottom: 0px;
}

.retry-pay {
    font-size: 16px;
    color: #474747;
    text-align: center;
    margin-bottom: 25px;
}

.successful-box.failed {
    text-align: center;
}

.successful-box.failed .suuces-icon {
    margin-bottom: 10px;
}

.successful-box.failed .submtbtn {
    margin-top: 20px;
}

.nodata-found {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000f;
    border-radius: 50px;
    padding: 10px;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.nodata-found p {
    font-size: 18px;
}

/* -----------------------------------
   20. Promote
-------------------------------------*/
.addcampaing.adv_head1 {}

.addcampaing.adv_head1.fixed {
    /* position: fixed;
     top: 0; width: 85%;*/
    position: relative;
    top: unset;
    z-index: 9999;
    width: 100%;
    margin: 0 auto;

    background: var(--bg-white1);
}

.addcampaing.adv_head1.fixed input {
    margin-bottom: 0px;
}

.promo_head input,
.promo_head select {
    border: 1px solid #50B855 !important;
    background-color: #FCFFFC !important;
    margin: 0;
}

[data-theme="dark"] .promo_head input,
[data-theme="dark"] .promo_head select,
[data-theme="dark"] #promo_url {
    border: 1px solid #50B855 !important;
    background-color: #000 !important;
}

.promo_head {
    margin-bottom: 15px;
    margin-top: 6px;
}

#promo_url.is-invalid-input {
    border-color: #cc4b37 !important;
    background-color: #f9ecea !important;
    color: #50B855 !important
}

#promo_url {
    padding-left: 40px;
    background: url(../images/link.svg) left 10px center no-repeat #FCFFFC !important;
    background-size: 20px !important;
}

.promote-section {
    padding-top: 40px;
    padding-bottom: 150px;
}

.promotion-user .scroll {
    height: 400px;
    overflow-y: auto;
    padding-right: 5px;
}

.promote-section .post-meta.post_image_class {
    min-width: 100%;
    margin-bottom: 0px;
}

.segment-filterresult {
    margin-bottom: 10px;
}

.filterresultulabtest li {
    margin-bottom: 5px;
}

.filterresultulabtest li .filtercnt {
    display: flex;
    align-items: center;
    border-radius: 24px;
    background: var(--bg-lightgreen1);
    width: fit-content;
    padding: 5px 10px;
}

ul.filterresultulabtest {
    display: flex;
    flex-wrap: wrap;
    max-height: 150px;
    overflow-y: auto;
    padding-right: 5px;
}

.filterresultul li {
    margin-bottom: 5px;
}

.filterresultul li .filtercnt {
    display: flex;
    align-items: center;
    border-radius: 24px;
    background: var(--bg-lightgreen1);
    width: fit-content;
    padding: 5px 10px;
}

ul.filterresultul {
    display: flex;
    flex-wrap: wrap;
    max-height: 150px;
    overflow-y: auto;
    padding-right: 5px;
}

.filterdelte {
    margin-left: 10px;
    cursor: pointer;
}

.filtercnttle {
    font-size: 12px;
    line-height: 1;
    color: var(--color-black1);
}

.seg-sec .scroll {
    height: 475px;
    overflow-y: hidden;
}

.englevel-sec .scroll {
    /* height: 215px; */
    overflow: visible;
}

.looklike-sec .scroll {
    height: 185px;
    overflow-y: auto;
}

input.autosuggestloc1,
input.autosuggestloc2,
input.segmentreachcls {
    /* height: 40px; */
}

.demo-sec .scroll {
    height: 100px;
    overflow-y: auto;
    padding-right: 10px;
}

.loccnt {
    padding-top: 10px;
}

.abtest-sec .scroll {
    height: 92px;
    overflow-y: auto;
}

.inf-icon {
    /* background: var(--bg-white); */
}

[data-theme="dark"] .segment-head svg.has-tip {
    border-bottom: none;
}

.promotion-user.cards-sec .videothum-wrapper {
    position: relative;
}

.cards-sec {
    background: var(--bg-white);
    /* box-shadow: 0px 0px 6px #00000029; */
    padding: 15px;
    border-radius: 17px;
    position: relative;
    border: 1px solid var(--box-border);
}

.cards-sec h4.cards-title {
    color: var(--color-black1);
    font-size: 20px;
    margin-bottom: 15px;
}

.cards-sec h4.cards-title+.lactn-title {
    color: var(--color-black1);
    font-size: 16px;
    margin-bottom: 8px;
}

.cards-sec.demo-sec h4.cards-title {
    margin-bottom: 5px;
}

.promotion-user .videopromotionandad {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0px;
}

.prouser-details {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0px 0px 10px 0px;
    position: relative;
}

.prouser-details .more-post-optns {
    margin-left: 0px;
}

.prouser-details .edit-aud {
    cursor: default;
}

.prouser-details .more-post-optns::before {
    content: none !important;
}

.prouser-details figure img {
    border-radius: 100px;
    margin-right: 10px;
    width: 48px;
    height: 48px;
}

.promotion-user .post-meta {
    margin-top: 0px;
}

.promotion-user .promote-meta .post-meta {
    padding: 20px;
}

.prouser-name h4 {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
}

.promote-meta p {
    color: var(--color--grey9);
    margin-bottom: 10px;
}

.promo-list p.prcnt:focus-visible {
    outline: none;
}

.promo-list p.prcnt.cntedit {
    /* border:1px solid rgba(0, 0, 0, 0.05);
    padding: 5px; */
    text-decoration: underline;
}

.grid-x.second-promo {
    display: none;
}

.grid-x.second-promo.active {
    display: flex !important;
}

.choose-promotionmethod {
    margin-top: 40px;
}

.scheduledatetme {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.scheduledatetme .start-date {
    width: 47%;
}

.scheduledatetme .end-date {
    width: 47%;
}

.scheduledatetme .sdate-sec .s-date {
    width: 50%;
}

.scheduledatetme .sdate-sec .e-date {
    width: 50%;
}

.end-dateka:disabled,
.end-timeka:disabled {
    cursor: not-allowed !important;
}

.scheduledatetme .start-date p {
    color: var(--color--grey7070);
}

.scheduledatetme .end-date p {
    color: var(--color--grey7070);
}

[data-theme="dark"] .scheduledatetme .sdate-sec .s-date .start_date,
[data-theme="dark"] .scheduledatetme .sdate-sec .s-time .start_time,
[data-theme="dark"] .scheduledatetme .sdate-sec .e-date .end_date,
[data-theme="dark"] .scheduledatetme .sdate-sec .e-time .end_time12 {
    background: #222426;
}

[data-theme="dark"] .procredit {
    /* border-right: 1px solid rgb(255, 255, 255, 0.4); */
}

.scheduledatetme .sdate-sec .s-date .start_date {
    background: var(--bg-lightgreen1);
    border: none;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
}

.totalcostad p {
    display: flex;
    justify-content: space-between;
}

.scheduledatetme .sdate-sec .e-date .end_date {
    background: var(--bg-lightgreen1);
    border: none;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 12px;
}

.scheduledatetme .sdate-sec .s-time .start_time {
    background: var(--bg-lightgreen1);
    border: none;
    cursor: pointer;
    margin-bottom: 0px;
    padding: 0px 0px 0px 35px;
    font-size: 12px;
}

.scheduledatetme .sdate-sec .e-time .end_time12 {
    background: var(--bg-lightgreen1);
    border: none;
    margin-bottom: 0px;
    cursor: pointer;
    padding: 0px 0px 0px 35px;
    font-size: 12px;
}

.cards-sec.minhght {
    min-height: 175px;
}

.cards-dflx {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 119px;
}

.scheduleclone .cards-sec:first-child {
    margin-bottom: 25px;
}

.abinfo p {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--color-black1);
    margin: 0px;
}

/* .abinfo {
    padding: 40px 0px 30px 0px;
} */

.abinfo p svg {
    margin-right: 10px;
    flex-shrink: 0;
}

.grid-x.second-promo.active {
    margin-bottom: 70px !important;
}

.promotioncredits {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.promotioncredits .pbox1 {
    display: flex;
    align-items: center;
    width: 55%;
    justify-content: space-between;
}

.sno-date input {
    background: var(--bg-lightgreen1);
    border: none;
    margin-bottom: 0px;
    cursor: pointer;
    height: 45px;
    width: 100%;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: var(--color-black1);
}

.nice-select.currency-selector {
    width: 75px;
    border: none;
}

.nice-select.currency-selector:hover {
    background: transparent;
}

.promotioncredits .pbox1 .totaladcost {
    background: var(--bg-lightgreen1);
    border: none;
    margin-bottom: 0px;
    cursor: pointer;
    height: 45px;
    width: 100%;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: var(--color-black1);
}

[data-theme="dark"] .promotioncredits .pbox1 .totaladcost {
    background: #222426;
}

.promotioncredits .pbox1 .totaladcost p {
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    /* width: 100%; */
    font-size: 18px;
    color: var(--color-black1);
}

.cards-dflx.adtotalcstsec {
    flex-direction: column;
    align-items: flex-start;
}

.cards-dflx.adtotalcstsec h4 {
    color: var(--color-black1);
    font-size: 20px;
}

.cards-dflx.adtotalcstsec .taxhind {
    color: var(--color--grey7070);
    font-size: 14px;
    margin-top: 10px;
}

.promotioncredits .pbox2 {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.pbox2 button {
    width: 70%;
    height: 60px;
    background: var(--primary-color);
    border-radius: 49px;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    margin-bottom: 0px;
}

.pbox2 button i {
    font-size: 18px;
    margin-left: 20px;
}

.pbox2 button:hover,
.pbox2 button:focus,
.pbox2 button:active {
    background: var(--primary-color);
    color: #fff;
}

.procredit {
    width: 40%;
    text-align: center;
    /* border-right: 1px solid rgb(0, 0, 0, 0.1); */
    padding: 0px 20px;
}

.upgradepro p {
    margin-bottom: 0px;
    font-size: 16px;
    color: var(--color-black1);
    display: flex;
    align-items: center;
}

.upgradepro p svg {
    transform: rotate(270deg);
    fill: var(--primary-color);
    margin-right: 10px;
    width: 30px;
    height: 30px;
}

.upgradepro p svg path {
    fill: var(--primary-color);
}

.procredit p {
    font-size: 18px;
    color: var(--color-black1);
    margin-bottom: 6px;
    line-height: 1.2;
}

.procredit h4 {
    color: var(--primary-color);
    font-size: 40px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 1.2;
}

.choose-promotionmethod .radio-custom+.radio-custom-label:before {
    content: '';
    background: var(--bg-white);
    border: 1px solid var(--color-black1);
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 2px;
    margin-right: 15px;
    text-align: center;
    line-height: 18px;
}

.choose-promotionmethod .radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: var(--color-black1);
    background: var(--bg-white);
}

.choose-promotionmethod .radio-custom-label {
    font-size: 14px;
    color: #707070;
    margin-bottom: 10px;
    margin-left: 0rem;
}

.plock {
    position: absolute;
    right: 0px;
}

.plock svg {
    height: 28px;
}

[data-theme="dark"] .plock svg path {
    fill: #fff;
}

[data-theme="dark"] .toolcnt {
    background: #000;
}

[data-theme="dark"] .toolcnt:after {
    border-top: none;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #000;
}

.inf-icon:hover+.toolcnt {
    display: block;
}

.toolcnt {
    display: none;
    background: #F0F0F0;
    padding: 10px;
    position: absolute;
    right: 15px;
    left: 0px;
    z-index: 9999;
}

.toolcnt:after {
    content: " ";
    position: absolute;
    right: 0px;
    top: -10px;
    border-top: none;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #F0F0F0;

}

.toolcnt ul li {
    margin-bottom: 10px;
    line-height: 1.3;
}

.inf-icon {
    position: absolute;
    right: 20px;
    top: 7px;
    z-index: 9;
    cursor: help;
}

.sndpronly {
    position: absolute;
    right: 14px;
    top: 5px;
    display: none;
}

.sndpronly svg {
    width: 18px;
}

[data-theme="dark"] .sndpronly svg path {
    fill: #fff;
}

.segments-reach #reachid {
    height: 40px;
    line-height: 40px;
}

.segments-reach .segment-list ul {
    display: flex;
    flex-direction: column;
}

.segments-reach .segment-list ul li {
    align-items: center;
    margin-bottom: 0px;
    order: 2;
}

.segments-reach .segment-list ul li.act {
    order: 1;
}

.segments-reach .segment-list ul li a {
    margin-bottom: 10px;
}

.segcheck {
    display: flex;
    align-items: center;
    color: var(--color--grey11);
    font-size: 11px;
    line-height: 1.3;
    cursor: pointer;
}

.segment-list label {
    width: 50%;
}

.segcheck .radio-img {
    margin-right: 10px;
    flex-shrink: 0;
    height: 20px;
    position: relative;
}

.segcheck .radio-img svg {
    width: 20px;
    height: 20px;
}

[data-theme="dark"] .segcheck .radio-img svg ellipse {
    fill: #202223;
    box-shadow: inset 0px 0px 4px #00000029;
}

[data-theme="dark"] .segcheck .radio-img svg path {
    fill: #fff;
}

.segments-reach .segment-list ul li .segtick {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
}

.segment-list ul li a {
    position: relative;
    display: flex;
    align-items: center;
}

.segment-list ul li a input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
    height: 20px;
    right: 0px;
    width: 20px;
}

.segment-list ul li a .radio-img input:checked+svg path {
    fill: #fff;
}

.segment-list ul li a .radio-img input:checked+svg g ellipse {
    fill: var(--primary-color);
}

[data-theme="dark"] .segments-reach .segment-list ul li .segtick svg path {
    fill: #000;
}

[data-theme="dark"] .segment-list ul li svg path {
    fill: #000;
}

[data-theme="dark"] .locationresult ul li svg path {
    fill: #000;
}

[data-theme="dark"] .look-cnt .look-radio .radio-img svg ellipse {
    fill: #202223;
}

[data-theme="dark"] .look-cnt .look-radio .radio-img svg path {
    fill: #fff;
}

.look-cnt.lookevent {
    pointer-events: none !important;
}

.segments-reach .segment-list ul li a .user_count {
    width: 50%;
    text-align: right;
    color: var(--color--grey11);
    font-size: 11px;
    line-height: 1.3;
}

.segments-reach .segment-list ul li .segtick svg {
    flex-shrink: 0;
    width: 20px;
}

.segments-reach .segment-list ul li .segtick p {
    margin-bottom: 0px;
    margin-left: 10px;
}

.segments-reach .segment-list ul li p {
    margin-bottom: 0px;
    color: var(--color--grey11);
    font-size: 11px;
}

.segment-list {
    height: 350px;
    overflow-y: auto;
    padding-right: 6px;
}

.segment-list ul {
    display: flex;
    flex-direction: column;
}

.locationresult ul {
    display: flex !important;
    flex-direction: column;
}

.segment-list ul .checkedli {
    order: -1;
}

.locationresult ul li.checkedli {
    order: -1;
}

.segment-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.segment-list::-webkit-scrollbar {
    width: 3px;
    border-color: #EEEEEE;
}

.segment-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 1px solid #D0D9E2;
}

.planbox2 {
    text-align: center;
    border: 1px solid #707070;
    color: #777;
    font-size: 14px;
    padding-left: 0;
    width: 264px;
    border-radius: 17px;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
}

.planbox2.active {
    box-shadow: 0px 3px 28px #50B855;
    border: 1px solid transparent !important;
}

.planbox2:hover {
    box-shadow: 0px 3px 28px #50B855;
    border: 1px solid transparent;
}

.planbox2 .plancheck {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0 !important;
    cursor: pointer;
    left: 0px;
    right: 0px;
}

.planbox2.standardbox {
    background: var(--primary-color);
    cursor: none;
    border: 1px solid transparent;
}

.planbox2.standardbox .pricing li:nth-child(odd) {
    background: #228D27;
}

.planbox2.standardbox .pricing li span.tex {
    color: #fff;
    text-align: left;
    font-size: 14px;
}

.planbox2.standardbox .pricing li {
    text-align: left;
    justify-content: left;
}

.planbox2.standardbox .pricing li:nth-child(1) {
    background: transparent;
}

.planbox2.standardbox:hover {
    box-shadow: none;
}

.grid-padding-x.paddingcustom>.cell {
    padding-right: 7px;
    padding-left: 7px;
}

.engagement-cnt p {
    font-size: 12px;
    color: var(--color--grey9);
}

/* .range_wrapper input:after, .range_wrapper input:before {
    content:"\A";
    width:6px;
    height:6px;
    border-radius:50%;
    background: #CFCFCF;
    display:inline-block;
    margin:0 10px;
} */
.range_wrapper input:after {
    position: absolute;
    right: -10px;
    top: 13px;
}

.range_wrapper input:before {
    position: absolute;
    left: -10px;
    top: 13px;
}

.range_wrapper input[type=range] {
    height: 15px;
    -webkit-appearance: none;
    margin: 0px 0;
    width: 100%;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    background: transparent;
}

.range_wrapper input[type=range]:focus {
    outline: none;
}

.range_wrapper input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #F5F5F5;
    background: #F5F5F5;
    border-radius: 0px;
    border: 0px solid #F5F5F5;
}

.range_wrapper input[type=range]::-webkit-slider-thumb {
    width: 7px;
    height: 25px;
    background: #50B855 !important;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px;
    box-shadow: none;
    border: none;
    z-index: 999 !important;
}

.range_wrapper input[type=range]:focus::-webkit-slider-runnable-track {
    background: #F5F5F5;
}

.range_wrapper input[type=range]::-moz-range-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #F5F5F5;
    background: #F5F5F5;
    border-radius: 0px;
    border: 0px solid #F5F5F5;
}

.range_wrapper input[type=range]::-moz-range-thumb {
    width: 7px;
    height: 25px;
    background: #50B855 !important;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px;
    box-shadow: none;
    border: none;
}

.range_wrapper input[type=range]::-ms-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.range_wrapper input[type=range]::-ms-fill-lower {
    background: #F5F5F5;
    border: 0px solid #F5F5F5;
    border-radius: 0px;
    box-shadow: 1px 1px 1px #F5F5F5;
}

.range_wrapper input[type=range]::-ms-fill-upper {
    background: #F5F5F5;
    border: 0px solid #F5F5F5;
    border-radius: 0px;
    box-shadow: 1px 1px 1px #F5F5F5;
}

.range_wrapper input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 1px 1px 1px #F5F5F5;
    border: 1px solid #F5F5F5;
    height: 26px;
    width: 26px;
    border-radius: 15px;
    background: #FFFFFF;
    cursor: pointer;
}

.range_wrapper input[type=range]:focus::-ms-fill-lower {
    background: #F5F5F5;
}

.range_wrapper input[type=range]:focus::-ms-fill-upper {
    background: #F5F5F5;
}

.range-labels {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.range-labels li {
    position: relative;
    text-align: center;
    color: #b2b2b2;
    font-size: 10px;
    cursor: pointer;
}

.valBox {
    width: 30px;
    margin-left: 15px;
    text-align: center;
    font-weight: bold;
}

.engagement-slider {
    margin-top: 10px;
    margin-bottom: 40px;
}

.engagement-slider .slider {
    position: relative;
    right: unset;
    top: unset;
    transition: .4s;
    height: 5px;
    width: 100%;
    border: 2px solid var(--bg-white);
    background: #e6e6e6;
}

.engagement-slider .slider:before {
    content: none;
}

.engagement-slider .slider-handle {
    width: 6px !important;
    background: #50B855 !important;
    border-radius: 4px;
    height: 16px;
}

.slidernumber {}

.slidernumber .noUi-marker {
    font-size: 10px;
    color: #b2b2b2;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    font-family: var(--primary-font);
}

.engagement-slider .range-labels {
    margin-bottom: 15px;
}

.sliderdot {
    position: absolute;
    width: 100%;
    top: -5px;
    display: none;
}

.noUi-dot {
    width: 5px;
    height: 5px;
    background: #929292;
    border-radius: 100%;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.target-audience {
    margin-top: 17px;

}

.target-audience h4 {
    color: var(--color-black1);
    font-size: 18px;
    margin-bottom: 5px;
    font-size: 14px;
}

ul.targetbar {
    display: flex;
}

ul.targetbar li {
    width: 127px;
    height: 14px;
    background: #EEEEEE;
    margin-right: 3px;
}

ul.targetbar li:last-child {
    margin-right: 0px;
}

ul.targetbar li.greenact {
    background: var(--primary-color);
}

ul.targetbar li.yellowact {
    background: #E5B035;
}

ul.targetbar li.redact {
    background: rgb(196, 5, 5);
}

ul.targetbar1 {
    display: flex;
}

ul.targetbar1 li {
    width: 49px;
    height: 14px;
    background: #EEEEEE;
    margin-right: 3px;
}

ul.targetbar1 li:last-child {
    margin-right: 0px;
}

ul.targetbar1 li.greenact {
    background: var(--primary-color);
}

ul.targetbar1 li.yellowact {
    background: #E5B035;
}

/*.look-like {
    margin-bottom: 14px;
}*/

.look-cnt .look-radio.pointerevenone {
    pointer-events: none !important;
}

.look-cnt .look-radio {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    /* margin-bottom: 15px; */
}

.look-cnt .look-radio:last-child {
    margin-bottom: 0px;
}

.look-cnt .look-radio .look-tle {
    font-size: 14px;
    color: var(--color-black1);
    margin-bottom: 0px;
}

.look-cnt .look-radio .look-cnt {
    color: #A5A5A5;
    font-size: 12px;
    margin-bottom: 0px;
}

.look-cnt .look-radio input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.look-cnt .look-radio input:checked+.radio-img svg path {
    fill: #fff;
}

.look-cnt .look-radio input:checked+.radio-img svg g ellipse {
    fill: var(--primary-color);
}

.look-cnt .look-radio label {
    margin-left: 10px;
}

.locationresult ul {
    flex-wrap: wrap;
    justify-content: space-between;
}

.locationresult ul li .locatecheck {
    display: flex;
    align-items: center;
    color: var(--color--grey11);
    font-size: 11px;
    line-height: 1.3;
    cursor: pointer;
}

.locationresult ul li .locatecheck input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
    height: 20px;
    right: 0px;
    width: 20px;
}

.locationresult ul li .locatecheck .radio-img {
    width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.locationresult ul li .locatecheck input:checked+svg path {
    fill: #fff;
}

.locationresult ul li .locatecheck input:checked+svg g ellipse {
    fill: var(--primary-color);
}

.locationresult ul li {
    align-items: center;
    margin-bottom: 0px;
    font-size: 11px;
    color: var(--color--grey11);
}

.locationresult ul li a {
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
}

.locationresult ul li svg {
    flex-shrink: 0;
    margin-right: 10px;
    width: 20px;
}

.radio-img svg {
    width: 20px;

}

.seg-sec .autosuggest {
    margin-bottom: 15px;
    height: 40px;
    line-height: 40px;
}

.searchlocation #locationid {
    margin-bottom: 15px;
    height: 40px;
    line-height: 40px;
}

.loccnt p {
    color: #A5A5A5;
    font-size: 12px;
    margin-bottom: 0px;
}

.ageslider {
    margin-top: 8px;
    padding-bottom: 0px;
    /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
    position: relative;
}

.signup-card-two {
    .ageslider {
        display: flex;
        justify-content: space-between;
    }

    .funtoreach {
        width: 45%;
    }

    .destoreach {
        width: 45%;
    }

    .designation-title,
    .function-title {
        color: var(--color--grey3);
        text-align: left;
        font-family: Roboto;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.5625rem;
        margin: 0.25rem;
        padding: 0.25rem;
    }

    .select-city {
        padding: 2rem 0rem;
    }

    .fs-dropdown {
        width: 45%;
    }
}

.ageslider h4 {
    font-size: 14px;
    color: var(--color-black1);
    padding: 8px 0px;
}

.ageslider .slider {
    position: relative;
    background-color: #e6e6e6;
    width: 100%;
    height: 0.5rem;
    border-radius: 41px;
}

.ageslider .slider:before {
    content: none;
}

.ageslider span.slider-fill {
    height: 0.5rem !important;
}

.ageslider .slider-handle {
    width: 20px !important;
    height: 20px !important;
    border-radius: 100%;
}

.destoreach .calldropdown-select {
    margin-bottom: 10px;
}

.signup-card-two .destoreach {
    /* width: 50%; */
    margin: 0rem;
    padding: 0rem;
}

.funtoreach .calldropdown-select {
    margin-bottom: 10px;
}

.demo-sec .scroll {
    height: 52px;
}

.ageslider h4 {
    padding: 0px;
    padding-top: 7px;
}

#pro_Functions,
#pro_Designation,
#pro_Functions1,
#pro_Designation1,
.business_type #business_type,
.business_type1 #business_type1 {
    display: none;
}

.fs-wrap {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    width: 100%;
}

[data-theme="dark"] .fs-label-wrap {}

.fs-label-wrap {
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 9px;
    background-color: var(--bg-white);
    border: solid 1px #eee;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.fs-label-wrap,
.fs-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fs-label-wrap .fs-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

[data-theme="dark"] .fs-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
    transition: ease-in 0.15s;
}

[data-theme="dark"] .cstm_select .fs-arrow {
    background: #fff url(../images/br_down.png);
    border: none;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-size: 13px;
}

.cstm_select .fs-arrow {
    background: #000 url(../images/br_down_d.png);
    border: none;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-size: 13px;
}

.fs-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
    transition: ease-in 0.15s;
}

.fs-open .fs-arrow {
    transform: rotate(-180deg);
}

.fs-dropdown {
    position: absolute;
    background-color: var(--bg-white);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    width: 100%;
    margin-top: 5px;
    z-index: 1000;
}

.fs-dropdown .fs-options {
    max-height: 200px;
    overflow: auto;
    padding: 0px 10px;
}

.signup-card-two .fs-dropdown .fs-options {
    padding: 0rem;
}

.fs-search input {
    border: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 6px 0;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}

.fs-option,
.fs-search,
.fs-optgroup-label {
    padding: 6px 8px;
    cursor: default;
}

.fs-option:last-child {
    border-bottom: none;
}

.fs-search {
    padding: 0 8px;
}

.fs-no-results {
    padding: 6px 8px;
}

.fs-option {
    cursor: pointer;
    word-break: break-word;
}

.signup-card-two .fs-option {
    display: flex;
    margin: 0.15rem;
    justify-content: flex-start;
    align-items: center;
}

.fs-option.disabled {
    opacity: 0.4;
    cursor: default;
}

.fs-option.hl {
    background-color: #f5f5f5;
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    /* top: 0; */
    left: 0;
    margin-bottom: -3px;
    /* bottom: 0; */
}

.promoteeditpage .fs-wrap.multiple .fs-option {
    display: flex;
    align-items: center;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    /* position: absolute; */
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px; */
    background-color: var(--bg-white);
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i svg g ellipse {
    fill: var(--primary-color);
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i svg path {
    color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    /*  background-color: rgb(17, 169, 17);
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center; */
}

.fs-optgroup-label {
    font-weight: bold;
    text-align: center;
    background-color: #f8f8f8;
}

.hidden {
    display: none !important;
}

.cstm_index_val .calldropdown-select.wide.call-to.calldata {
    z-index: auto !important;
    box-shadow: none;
}

.cstm_index_val .calldropdown-select.wide.call-to.calldata span.current {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.slide-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slide-value input {
    height: fit-content;
    border: none;
    width: 50px;
    padding: 0px;
    margin: 20px 0px 0px 0px;
    pointer-events: none;
}

.slide-value input:focus {
    border: none;
    outline: none;
}

.slide-value input.toslide {
    text-align: right;
}

.abtest {
    margin-top: 14px;
}

.abtest .look-radio p.look-tle {
    color: var(--color-black1);
    font-size: 18px;
    margin-bottom: 15px;
}

.cards-sec .scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.cards-sec .scroll::-webkit-scrollbar {
    width: 1px;
    border-color: #EEEEEE;
}

.cards-sec .scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 2px solid #D0D9E2;
}

.promote-tlesec {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.promote-tlesec .prom-title {

    color: var(--color-black3);
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
}

select.call-to {
    display: none !important;
}

.calldropdown-select {
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 9px;
    background-color: #fff;
    border: solid 1px #eee;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

[data-theme="dark"] .calldropdown-select {
    background: #000;
    border: solid 1px #000;
}

[data-theme="dark"] .calldropdown-select:hover {
    background: #000;
    border: solid 1px #000;
}

.calldropdown-select:focus {
    background-color: #fff;
}

[data-theme="dark"] .calldropdown-select:focus {
    background-color: #000;
}

.calldropdown-select:hover {
    background-color: #fff;
}

[data-theme="dark"] .calldropdown-select:hover {
    background-color: #000;
}

.calldropdown-select:active,
.calldropdown-select.open {
    background-color: #fff !important;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 9px;
}

[data-theme="dark"] .calldropdown-select:active,
[data-theme="dark"] .calldropdown-select.open {
    background-color: #222426 !important;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 9px;
}

[data-theme="dark"] .calldropdown-select .list {
    background-color: #000 !important;
    border: 1px solid #000;
}

.calldropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.calldropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.calldropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.calldropdown-select.open .option {
    cursor: pointer;
}

.abtestresultpage .calldropdown-select.wide {
    width: 300px;
    box-shadow: none;
    border: 1px solid var(--primary-color);
    margin-bottom: 20px;
    position: absolute;
    right: 40px;
}

#morrisLine1 {
    margin-top: 40px;
}

.abtestresultpage .calldropdown-select {
    float: right;
}

.promotioncomparisionpage .calldropdown-select.wide {
    width: 300px;
    box-shadow: none;
    border: 1px solid var(--primary-color);
    margin-bottom: 20px;
}

.promotioncomparisionpage .calldropdown-select {
    float: right;
}

.advertisementaudiencepage.adprocmn .calldropdown-select.wide {
    width: 100%;
    border: none
}

[data-theme="dark"] .advertisementaudiencepage .calldropdown-select.open {
    border-radius: 17px;
}

.adprocmn .calldropdown-select.wide {
    width: 300px;
    box-shadow: none;
    border: 1px solid var(--primary-color);
    margin-bottom: 20px;
}

.adprocmn .calldropdown-select {
    float: right;
}

.prouser-details .calldropdown-select.wide {
    width: 170px;
    position: absolute;
    right: 50px;
}

#querypollModal .posttle {
    position: inherit;
}

.postpopup .posttle {
    position: static;
}

.posttle {
    position: absolute;
    right: 50px;
}

.posttle p {
    margin-bottom: 0px;
    color: #A4A4A4;
}

.calldropdown-select.wide {
    width: 100%;
    z-index: 999;
}

.calldropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
    overflow-x: hidden;
}

.calldropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #ddd;
}

.calldropdown-select .list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.calldropdown-select .list::-webkit-scrollbar {
    width: 3px;
    border-color: #EEEEEE;
}

.calldropdown-select .list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 1px solid #D0D9E2;
}

.calldropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.calldropdown-select .dd-search {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5rem;
}

.calldropdown-select .dd-searchbox {
    width: 90%;
    padding: 0.5rem;
    border: 1px solid #999;
    border-color: #999;
    border-radius: 4px;
    outline: none;
}

.calldropdown-select .dd-searchbox:focus {
    border-color: #12CBC4;
}

.calldropdown-select .list ul {
    padding: 0;
}

.calldropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 35px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
}

.calldropdown-select .option:hover,
.calldropdown-select .option:focus {
    background-color: #f6f6f6 !important;
}

.calldropdown-select .option:hover {
    background-color: var(--primary-color) !important;
    color: var(--bg-white) !important;
}

body.innerpage.fullgrid.promotepages.promoteeditpage.creatadpage form#form-data .calldropdown-select .option:hover {
    background-color: var(--primary-color) !important;
    color: var(--bg-white) !important;
}

body.innerpage.fullgrid.promotepages.promoteeditpage.creatadpage form#form-data .calldropdown-select .option.selected {
    background-color: var(--primary-color) !important;
}

[data-theme="dark"] .calldropdown-select .option:hover,
[data-theme="dark"] .calldropdown-select .option:focus {
    background-color: var(--primary-color) !important;
}

.calldropdown-select .option.selected {
    font-weight: 600;
    color: #000;
    background-color: var(--primary-color) !important;
}

.calldropdown-select .option.selected {}

[data-theme="dark"] .calldropdown-select .option.selected {
    color: #fff;
    background: var(--primary-color) !important;
}

.calldropdown-select .option.selected:focus {
    background: #f6f6f6;
}

.calldropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.calldropdown-select a:hover {
    color: #666;
}

/* -----------------------------------
   21. Zinfinitee Marketing
-------------------------------------*/
.zimarketing {
    padding: 30px 0px 50px 0px;
}

.zinfinitee-marketing {
    display: none;
    background: var(--primary-color);
    height: 243px;
}

.zinfinitee-marketing .contact-infoimage img {
    margin-top: -35px;
}

.zinfinitee-marketing .contact-infotext {
    width: 32%;
    position: relative;
    padding: 98px 0px;
}

.marketing-submit button {
    width: 283px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 49px;
    font-weight: 500;
    font-size: 16px;
}

.marketing-submit button:hover,
.marketing-submit button:focus {
    background: var(--primary-color);
}

.zimarketing .pro-credit {
    font-size: 24px;
    color: var(--color-black1);
    margin-top: 10px;
    margin-bottom: 0px;
}

.zimarketing .pro-credit span {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: bold;
}

.pro-options .switch {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 29px;
    border-radius: 20px;
    background: var(--bg-white);
    box-shadow: inset 0px 0px 4px #CACBCC;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0px;
}

.pro-options .infs1-icon {
    margin: 0px 5px;
    line-height: 0px;
}

.pro-options .switch::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 21px;
    height: 21px;
    background: var(--primary-color);
    border-radius: 50%;
}

.pro-options input:checked+.switch {}

.pro-options input:checked+.switch::before {
    left: 35px;
    background: var(--primary-color);
}

.pro-options {
    display: none;
    align-items: center;
    margin-right: 20px;
    position: absolute;
    right: 0;
    top: 11px;
}

.howtobtn.howtoadr {
    display: none;
}

.pro-options p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 500;
}

.edittgle {
    display: flex;
    align-items: center;
    position: relative;
}

.edittgle .howtobtn {
    position: relative;
    top: unset;
    right: 0px;
}

.promo-list {}

[data-theme="dark"] .second-promo.active {
    border-top: 0px solid #BAC7D1;
}

.second-promo.active {

    padding-top: 24px;
}

.grid-container .promo-list:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.edit-aud {
    display: none;
    cursor: pointer;
}

/* -----------------------------------
   22. A/B Test results
-------------------------------------*/
.promotion-box {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000F;
    padding: 25px;
    border-radius: 17px;
    position: relative;
}

.promotionlist {
    margin-top: 30px;
}

.promocolor {
    width: 20px;
    height: 20px;
    border-radius: 7px;
    margin-right: 20px;
    flex-shrink: 0;
}

.promocolor.grn {
    background: #00BC89;
}

.promocolor.blue {
    background: #2500A2;
}

.promotion-box ul li {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.promoimg-cnt {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.primg img {
    height: 40px;
    width: 80px;
}

.primg {
    position: relative;
    margin-right: 10px;
    flex-shrink: 0;
}

.promotionlist .promoimg-cnt p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.primg h5 {
    position: absolute;
    top: 0%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    color: var(--color-black1);
}

.promoimg-cnt p {
    margin-bottom: 0px;
    font-size: 14px;
    color: var(--color--grey9);
    line-height: 1.2;
}

.promotion-box h4.abtitle {
    font-size: 20px;
    color: var(--color-black1);
    font-weight: 500;
}

.selectpro-cnt .look-radio {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.selectpro-cnt .look-radio input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
    z-index: 99;
}

.selectpro-cnt .look-radio label {
    margin-left: 10px;
}

.promotionselect p.selectpathinfo {
    color: var(--color--grey8);
    font-size: 13px;
}

.selectpro-cnt .look-radio input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.selectpro-cnt .look-radio input:checked+.radio-img svg path {
    fill: #fff;
}

.selectpro-cnt .look-radio input:checked+.radio-img svg g ellipse {
    fill: var(--primary-color);
}

.selectpro-cnt .look-radio input.is-invalid-input+.radio-img svg path {
    fill: rgb(252, 204, 204);
}

.selectpro-cnt .look-radio input.is-invalid-input+.radio-img svg g ellipse {
    fill: rgb(252, 204, 204);
}

.promotionselect fieldset {
    display: flex;
    align-items: center;
}

.promotionselect .primg img {
    width: 115px;
    height: 63px;
}

.selectpro-cnt {
    margin-top: 30px;
}

.promotionselect .primg h5 {
    top: 15%;
}

.promotionbtn {
    margin-top: 40px;
    margin-bottom: 50px;
}

.promotion_btn {
    background: var(--primary-color);
    height: 50px;
    color: var(--color-white);
    line-height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    cursor: pointer;
    margin-bottom: 20px;
}

.chartbox {
    background: var(--bg-white);
    /* box-shadow: 0px 3px 48px #0000000f; */
    padding: 25px;
    border-radius: 14px;
    position: relative;
    border: 1px solid var(--box-border);
}

.promotioncomparisionpage .chartbox.chartline1box {
    padding: 25px 25px 25px 25px;
}

.adprocmn .chartbox.chartline1box {
    padding: 25px 25px 53px 25px;
}

.adprocmn .chartbox.chartline1box .call-to {
    position: absolute;
    right: 20px;
    width: 180px;
}

.chartbox fieldset {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.chartbox .chbox {
    display: flex;
    align-items: center;
}

.chartbox .chbox input {
    height: unset;
    margin-bottom: 0px;
}

.chartbox [type="radio"]:checked,
.chartbox [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.chartbox [type="radio"]:checked+label,
.chartbox [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    line-height: 17px;
    display: inline-block;
    color: #666;
}

.chartbox [type="radio"]:checked+label:before,
.chartbox [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid var(--color-black1);
    border-radius: 100%;
    background: var(--bg-white);
}

.chartbox [type="radio"]:checked+label:after,
.chartbox [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 7px;
    height: 7px;
    background: var(--color-black1);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.chartbox [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.chartbox [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* -----------------------------------
   23. Search results
-------------------------------------*/
.filtertab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    position: relative;
}

.filtercustomtabs {
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #fafaf8;
    z-index: 1;
}

[data-theme="dark"] .filtercustomtabs {
    background: var(--bg-lightgreen);
}

.filtercustomtabs li select {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f;
    height: 32px;
    width: 120px;
    padding: 0px 15px;
    line-height: 0px;
    border-radius: 17px;
    color: var(--color--grey8);
    text-align: center;
    justify-content: center;
    margin-right: 13px;
}

.cmnmbsearchfilter .dropbtn {
    padding: 0px 9px 0px 9px;
}

.clearfltr {
    display: none;
    align-items: center;
    cursor: pointer;
}

.clearfltr p {
    margin-bottom: 0px;
    color: #838B91;
    display: none;
}

.clearfltr.show {
    display: flex;
}

.clearfltr svg {
    width: 20px;
    height: 20px;
    stroke: #838B91;
}

.dropbtn.active {
    background: var(--primary-color) !important;
    color: #fff;
}

.dropbtn.active:hover,
.dropbtn.active:focus,
.dropbtn.active:active {
    background: var(--primary-color);
    color: #fff;
}

.dropbtn.active i {
    background: #fff;
    color: var(--primary-color);
}

.dropbtn {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f;
    height: 32px;
    width: fit-content;
    padding: 0px 15px;
    line-height: 0px;
    border-radius: 17px;
    color: var(--color-black1);
    text-align: center;
    justify-content: center;
    margin-right: 13px;
    cursor: pointer;
    font-size: 14px;
    width: max-content;
}

.dropbtn:hover,
.dropbtn:focus {
    background: var(--bg-white);
    color: var(--color-black1);
}

.dropbtn i {
    box-shadow: inset 0px 0px 4px #00000029;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin-left: 10px;
    flex-shrink: 0;
}

#myInput {
    box-sizing: border-box;
    border: 1px solid #D6D6D6;
    border-radius: 9px;
    font-size: 14px;
    padding: 0px 10px;
    height: 34px;
    /* margin-bottom: 5px; */
}

.drophead {
    display: none;
}

#searchInput_location,
#searchInput_segment,
#searchInput_aoi {
    box-sizing: border-box;
    border: 1px solid #D6D6D6;
    border-radius: 9px;
    font-size: 14px;
    padding: 0px 10px;
    height: 34px;
    margin-bottom: 5px;
}

[data-theme="dark"] #searchInput_location,
[data-theme="dark"] #searchInput_segment,
[data-theme="dark"] #searchInput_aoi {
    border: 1px solid #7E7E7E;
}

.top-search input#myInput {
    border-radius: 50px;
    height: 42px;
    padding: 10px 15px 10px 48px !important;
    border: 1px solid var(--box-border) !important;
    box-shadow: var(--box-shawdow) !important;
    background-color: #fff !important;
}

[data-theme="dark"] .top-search input#myInput {
    background-color: var(--bg-white) !important;
    background-size: 19px !important;
    border: 0 !important;
}

.top-search .grid-list.desknone {
    display: none;
}

#myInput:focus {
    outline: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--bg-white);
    box-shadow: 0px 0px 6px #00000029;
    min-width: 230px;
    overflow: hidden;
    border-radius: 14px;
    z-index: 99;
    padding: 15px;
    margin-top: 10px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

#starslistares {
    margin-bottom: 40px;
    max-height: 250px;
}

#starslistares a.checklistsbox {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 4px 0px;
}

#starslistares a.checklistsbox:hover {
    background: transparent;
}

#myDropdown a.checklistsbox {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 4px 0px;
}

#myDropdown a.checklistsbox:hover {
    background: transparent;
}

#contentDropdown a.checklistsbox {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 4px 0px;
}

#contentDropdown a.checklistsbox:hover {
    background: transparent;
}

#contentDropdown .checklistsbox .radio-img svg {
    border: 1px solid rgb(0, 0, 0, 0.01);
    border-radius: 100%;
}

#contentDropdown .filterbtns {
    margin-top: 30px;
}

.checklistsbox input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.checklistsbox .radio-img {
    height: 22px;
    margin-right: 7px;
    box-shadow: inset 0px 0px 4px #00000029;
    width: 22px;
    height: 22px;
    border-radius: 100%;
}

.checklistsbox input:checked+.radio-img svg path {
    fill: #fff;
}

.checklistsbox input:checked+.radio-img svg g ellipse {
    fill: var(--primary-color);
}

.checklistsbox label {
    font-size: 14px;
    color: var(--color-black1);
    line-height: 1.2;
}

.checklistsbox .radio-img svg {
    width: 22px;
    height: 22px;
}

[data-theme="dark"] .checklistsbox .radio-img svg ellipse {
    fill: #222426;
}

[data-theme="dark"] .checklistsbox .radio-img svg path {
    fill: #E2E2E2;
}

ul.filtercustomtabs {
    display: flex;
    align-items: center;
}

.filtertab.desktophide {
    display: none;
}

.ms-sortby {
    display: none;
}

#segmentDropdown a.checklistsbox {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 4px 0px;
}

#segmentDropdown a.checklistsbox:hover {
    background: transparent;
}

#areaDropdown a.checklistsbox {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 4px 0px;
}

#areaDropdown a.checklistsbox:hover {
    background: transparent;
}

.filtercustomtabs .filterbtns {
    position: relative;
}

.filterbtns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 90%;
    margin: 0 auto;
    border-top: 1px solid rgb(0, 0, 0, 0.1);
    padding: 10px 0px;
}

#locationareas {
    margin-bottom: 40px;
    max-height: 250px;
    overflow-y: auto;
}

#locationareas::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#locationareas::-webkit-scrollbar {
    width: 1px;
    border-color: #EEEEEE;
}

#locationareas::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 2px solid #D0D9E2;
}

#segmentareas {
    margin-bottom: 40px;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
}

@media (max-width: 1400px),
(max-height: 400px) {
    .searchpeoplepage :is(#locationareas, #segmentareas, #areasareas) {
        max-height: 150px;
        margin-bottom: 30px;
    }

    .searchpeoplepage .filtertab .segment-filterresult ul.filterresultul {
        max-height: 80px;
    }

    #promotion-analytics thead th,
    .advertisementdirectpage .datatablecustom thead th {
        font-size: 12px !important;
    }

    .procmn .main-section .grid-container {
        padding-left: 20px !important;
    }

}

#nameareas {
    margin-bottom: 40px;
    max-height: 250px;
    overflow-y: auto;
    text-align: left;
}

#nameDropdown a.checklistsbox {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 4px 0px;
}

.sortFilcol .nice-select.open .list {
    flex-direction: column;
}

.sortFilcol .nice-select.open .list li:first-child {
    margin-right: 0px !important;
}

#areasareas {
    text-align: left;
}

#segmentareas::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#segmentareas::-webkit-scrollbar {
    width: 1px;
    border-color: #EEEEEE;
}

#segmentareas::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 2px solid #D0D9E2;
}

#areasareas {
    margin-bottom: 40px;
    max-height: 250px;
    overflow-y: auto;
}

#areasareas::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#areasareas::-webkit-scrollbar {
    width: 1px;
    border-color: #EEEEEE;
}

#areasareas::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 2px solid #D0D9E2;
}

.filterbtns .fltraplybtn {
    background: var(--primary-color);
    height: 26px;
    color: var(--color-white);
    line-height: 50px;
    width: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
}

.filterbtns .fltrcancelbtn {
    font-size: 12px;
    color: var(--color--grey11);
    margin-right: 20px;
    cursor: pointer;
}

#columnarea {
    margin-bottom: 40px;
    max-height: 250px;
    overflow-y: auto;
}

#columnarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#columnarea::-webkit-scrollbar {
    width: 1px;
    border-color: #EEEEEE;
}

#columnarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 2px solid #D0D9E2;
}

#columnarea a.checklistsbox:hover {
    background: transparent;
}

#columnarea a.checklistsbox {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 4px 0px;
}

#columnarea .checklistsbox .radio-img svg {
    border: 1px solid rgb(0, 0, 0, 0.01);
    border-radius: 100%;
}

/* -----------------------------------
   24. Search people
-------------------------------------*/
.usrprofilepage #activities_product_list.activities_productact {
    margin-top: 0px;
}

.other-profile #activities_product_list.activities_productact {
    margin-top: 0px;
}

#activities_product_list.activities_productact {
    margin-top: 168px;
}

.zicafedata.zicafedataact {
    margin-top: 168px;
}

#append_space_data.append_spaceact {
    margin-top: 110px;
}

.search-peoples {
    padding: 0px 0px;
}

.search-peoples.search-peoplesact {
    margin-top: 168px;
}

.people-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.peoples-list {
    border-bottom: 1px solid #D6DEE6;
    padding: 20px 0px;
}

[data-theme="dark"] .peoples-list {
    border-bottom: 1px solid var(--box-border);
    /* background: black; */
}

[data-theme="dark"] .tabs-content {
    /* background: #222426; */
}

[data-theme="dark"] .pcategory {
    color: white;
}

.people-details {
    width: 68%;
}

.people-details a {
    display: flex;
    align-items: center;
}

.people-details .pimg {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.people-details .people-name {
    width: 70%;
    word-break: break-word;
}

.people-details .people-msg {
    width: 20%;
}

.people-details .pimg img {
    border-radius: 17px;
    width: 48px;
    height: 48px;
}

.people-details .people-name h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--color-black1);
}

.people-details .people-name p {
    font-size: 12px;
    color: var(--color-black1);
    margin-bottom: 0px;
}

.people-msg {
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.people-msg .msgbtns {
    display: flex;
    align-items: center;
}

.people-msg .request_placed_class,
.people-msg .Connect_class {
    margin-right: 10px;
    font-size: 12px;
    color: var(--primary-color);
}

.people-msg .pending_class {
    margin-right: 10px;
    font-size: 12px;
    color: #E5B035;
}

.msgbtns .pcnt-btn {
    background: var(--primary-color);
    height: 30px;
    color: var(--color-white);
    line-height: 50px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 0px 0px 6px #0000001C;
    margin-right: 7px;
}

.search_ma_peo {
    pointer-events: none !important;
    background: #dddcdc !important;
    opacity: 0.7;
}

[data-theme="dark"] .search_ma_peo {
    background: var(--bg-white) !important;
}

.msgbtns .pmsgbtn {
    background: var(--bg-white);
    height: 30px;
    color: var(--color-black1);
    box-shadow: 0px 0px 6px #0000001C;
    line-height: 50px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
}

.msgbtns .pdiscnt-btn {
    background: transparent;
    height: 30px;
    color: var(--color-black1);
    box-shadow: 0px 0px 6px #0000001C;
    line-height: 50px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    margin-right: 7px;
}

.peoples-others {
    margin-top: 10px;
}

.peoples-others .pothers-lists {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.peoples-others .plist {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 7px;
}

.pothers-lists p.plable {
    background: var(--primary-color);
    margin-bottom: 0px;
    border-radius: 24px;
    padding: 5px 20px;
    color: var(--color-white);
    font-size: 12px;
    margin-right: 5px;
}

.andmore {
    font-size: 13px;
    color: var(--color--grey11);
    margin-bottom: 0px;
    margin-left: 5px;
    cursor: pointer;
}

.andmore p {
    margin-bottom: 0px;
}

.raising-sec {
    margin-top: 10px;
}

.raising-sec p {
    font-size: 13px;
    color: var(--color--grey11);
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

[data-theme="dark"] .raising-sec p {
    color: #838B91;
}

.raising-sec p svg {
    margin-right: 5px;
}

/* -----------------------------------
   25. Search space
-------------------------------------*/
.search-space {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D6DEE6;
    padding: 20px 0px;
}

.space-cnt .search-space:last-child {
    border-bottom: none;
}

.space-details {
    display: flex;
    line-height: initial;
    vertical-align: middle;
    width: 70%;
    align-items: center;
    margin-right: 10px;
}

.space-details .group-img {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 60px;
    flex-wrap: wrap;
    max-width: 105px;
    margin-bottom: 0;
    margin-right: 0px;
    flex-shrink: 0;
}

.searchspacepage .space-details .group-img img {
    border-radius: 14px;
    width: 45px;
    height: 45px;
    margin-bottom: 0px;
}

.searchspacepage .search-space {
    padding: 20px 0px 0px 0px;
}

.space-details .group-img img {
    border-radius: 10px;
    width: 27px;
    height: 27px;
    margin-bottom: 3px;
}

.space-btns {
    flex-shrink: 0;
}

.pspace-btn {
    background: var(--primary-color);
    height: 35px;
    color: var(--color-white);
    line-height: 35px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 0px 0px 6px #0000001c;
    margin-right: 7px;
    padding: 0px 20px;
}

.space-cnt h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--color-black1);
}

.space-cnt p {
    font-size: 13px;
    color: var(--color--grey11);
    margin-bottom: 0px;
    display: flex;
    align-items: flex-start;
    line-height: 1.1;
    margin-top: 5px;
}

[data-theme="dark"] .space-cnt p {
    color: #838B91;
}

.space-cnt p svg {
    margin-right: 5px;
}

.popenspace-btn {
    background: var(--bg-white);
    height: 35px;
    color: var(--color-black1);
    line-height: 35px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 0px 0px 6px #0000001c;
    margin-right: 7px;
    padding: 0px 20px;
}

.custompagination {
    margin: 20px 0px;
}

.custompagination .pagination-previous {
    padding-right: 70px !important;
    font-size: 16px;
}

.custompagination .pagination-next {
    padding-left: 70px !important;
}

.custompagination li a {
    font-size: 15px;
    color: var(--color--grey11);
}

.pagination.custompagination .current {
    background: transparent;
    color: var(--color-black1);
    font-size: 15px;
}

.custompagination li a:hover {
    background: transparent;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    font-size: 20px;
}

.pagination-next a::after,
.pagination-next.disabled::after {
    font-size: 20px;
}

/* -----------------------------------
   26. Search products
-------------------------------------*/
.pro-dev.product-dev {
    line-height: 0px;
    padding-bottom: 15px;
    position: relative;
    top: unset;
    right: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    left: 0rem;
}

#activities_product_list .people-details {
    width: 68%;
    display: flex;
    align-items: center;
}

.pro-dev.product-dev+.pro-vertical {
    margin-top: 10px;
}

.zicafeitem .people-details {
    margin-bottom: 20px;
}

.searchzilivepage .zicafeitem .people-details {
    display: flex;
    width: 100%;
}

.searchzilivepage .pro-vertical .product-post-cnt {
    width: 100%;
}

.zicafeitem .product-post-cnt .ppost-title {
    color: var(--color--grey9);
    font-weight: normal;
    word-break: break-word;
}

.zicafeitem .product-post-cnt p {
    color: #A5A5A5;
    font-size: 14px;
}

.zicafeitem .people-details .people-name p {
    color: #BABABA;
}

.zicafeitem .pro-dev {
    line-height: 0px;
    padding-bottom: 15px;
    position: absolute;
    top: 14px;
    right: 20px;
}

.zicafeitem .enqbtn {
    margin-left: 10px;
}

.zicafeitem .enqbtn svg {
    margin-right: 10px;
}

.zicafeitem .enqbtn:hover svg path {
    fill: #fff;
}

.zicafeitem .pro-vertical .pro-image img {
    border-radius: 9px;
}

.zicafeitem .pro-vertical .view-pdf {
    margin-top: 10px;
}

.livecheck [type="radio"]:checked,
.livecheck [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.livecheck [type="radio"]:checked+label,
.livecheck [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--color-black1);
    font-size: 14px;
}

.livecheck [type="radio"]:checked+label:before,
.livecheck [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-black1);
    border-radius: 100%;
    background: var(--bg-white);
}

.livecheck [type="radio"]:checked+label:after,
.livecheck [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--color-black1);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.livecheck [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.livecheck [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.zilivecafesec {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

/* -----------------------------------
   27. Advertisement - Create an Ad
-------------------------------------*/
.create-ad #radios [type=radio] {
    opacity: 0;
    height: 0px;
    margin: 0px;
    position: absolute;
}

.cuploadimage {
    display: flex;
    justify-content: space-between;
}

.cuploadimage .text-bg {
    width: 240px;
    height: 240px;
}

.cuploadimage .text-bg .cabinet {
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    height: 210px;
}

.cuploadimage .adver-img {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    height: 210px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
}

.cuploadimage .adver-img1 {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    height: 210px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
}

.cuploadimage .advervideo-img {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}

.item-img+figure {
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #cccccc2b;
    overflow: hidden;
}

.cuploadimage .text-bg .cabinet img {
    border-radius: 8px;
}

.cuploadimage .create-bg {
    background: url("../images/bggrey1.png");
    width: 210px;
    height: 210px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    position: relative;
}

.cuploadimage .create-bg:before {
    width: 46px;
    height: 46px;
    content: url('../images/upload.png');
    position: absolute;
    top: 40%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.create-bg.videobg.afternone:before {
    content: none;
}

.create-bg.videobg1.afternone:before {
    content: none;
}

.removethumnail {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

.removethumnail1 {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

.removeimgthumnail,
.removeimgthumnail1 {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

.videoresult {
    display: none;
}

.cuploadimage .videofileup {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    height: 210px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
}

.cuploadimage .videofileup1 {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    height: 210px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
}

.cuploadimage .wysiwyg #editor {
    height: 210px;
    overflow: auto;
}

.create-ad #radios {
    padding: 15px 0px 30px 0px;
}

.addvideo {
    display: none;
}

#progress,
#progress1,
#progress11,
#progress12 {
    display: none;
    height: 5px;
    border-radius: 20px;
    background-color: #eee;
}

#progressaudio {
    display: none;
    height: 5px;
    border-radius: 20px;
    background-color: #eee;
}

/* For Chrome or Safari */
progress::-webkit-progress-bar {
    background-color: #eeeeee;
}

progress::-webkit-progress-value {
    background-color: var(--primary-color) !important;
}

/* For Firefox */
progress {
    background-color: #eee;
}

progress::-moz-progress-bar {
    background-color: var(--primary-color) !important;
}

/* For IE10 */
.product-pic progress {
    background-color: #eee;
    height: 5px;
    border-radius: 30px;
    box-shadow: none;
    border: none;
    display: none;
}

progress {
    background-color: #eee;
}

progress {
    background-color: var(--primary-color)
}

.progres-ssec {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.create-bg figure .up-icon {
    position: absolute;
    top: 40%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.promote-tlesec.dblock {
    display: block;
}

.addcampaing .campaingname {
    background: #FCFFFC 0% 0% no-repeat padding-box;
    border: 1px solid var(--primary-color);
    border-radius: 9px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: var(--primary-color);
}

.addcampaing .campaingname:focus {
    background: #FCFFFC 0% 0% no-repeat padding-box;
    border: 1px solid var(--primary-color);
}

[data-theme="dark"] .addcampaing .campaingname {
    background: #000 0% 0% no-repeat padding-box;
}

.addcampaing .campaingname::placeholder {
    color: var(--primary-color);
}

.promo_head input::placeholder {
    color: var(--primary-color);
}

.advertisement-radio {
    display: flex;
    align-items: center;
}

.advertisement-radio .ad-radiobox a {
    border: 1px solid var(--primary-color);
    border-radius: 24px;
    padding: 6px 20px;
    font-size: 14px;
    color: var(--color-black1);
    margin-left: 0px !important;
    margin-right: 10px !important;
}

.advertisement-radio .ad-radiobox a.active {
    background: var(--primary-color);
    color: #fff;
}

.advertisement-radio [type=radio] {
    opacity: 0;
    height: 0px;
    margin: 0px;
    position: absolute;
}

.advertisement-radio label {
    border: 1px solid var(--primary-color);
    border-radius: 24px;
    padding: 2px 20px;
    font-size: 14px;
    color: var(--color-black1);
    margin-left: 0px !important;
    margin-right: 10px !important;
}

.advertisement-radio input[type="radio"]:checked+label {
    background: var(--primary-color);
    color: #fff;
}

.create-advertisment {
    margin-bottom: 20px;
}

.create-advertisment h1 {
    font-weight: bold;
    color: var(--color-black1);
    font-size: 18px;
    margin-bottom: 20px;
}

.promote-tlesec.ad-tle {
    margin-bottom: 15px;
}

.descrip-textarea label {
    font-size: 16px;
    color: var(--color-black1);
    margin-bottom: 10px;
}

.descrip-textarea textarea {
    border: 1px solid #D6D6D6;
    border-radius: 9px;
    width: 100%;
    resize: none;
    margin-bottom: 0px;
}

.promote-section.creat-adver .ad-card {
    padding: 20px 30px;
}

.ad-card .addlock {
    position: absolute;
    right: 15px;
    top: 12px;
}

.ad-card .addlock svg {
    width: 25px;
}

.thumnailupload input {
    display: none;
}

.thumnailupload input+label {
    width: fit-content;
    height: 40px;
    margin-bottom: 0;
    border-radius: 30px;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 1px 8px #0000001f;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    font-size: 14px;
}

.thumnailladded {
    display: none;
    align-items: center;
}

.thumnailladded1 {
    display: none;
    align-items: center;
}

.removevideoimg a,
.removevideoimg1 a {
    display: flex;
    align-items: center;
}

.removevideoimg a svg,
.removevideoimg1 a svg {
    margin: 0px 5px 0px 15px;
}

.removevideoimg,
.removevideoimg1 {
    display: none;
}

.create-bg.imgbg.beforenone:before {
    content: none;
}

.create-bg.imgbg1.beforenone:before {
    content: none;
}

/* -----------------------------------
28. Budget & Schedule
-------------------------------------*/
.budget-schedule {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000F;
    padding: 30px;
    border-radius: 17px;
    position: relative;
}

h4.budtle {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.budget-schedule.leadsselect {
    margin-bottom: 100px;
}

.budget-cnt {
    margin-top: 20px;
}

.budget-cnt h4 {
    font-size: 18px;
    color: var(--color-black1);
    margin-bottom: 20px;
}

.budget-sec {
    display: flex;
    align-items: center;
}

.budget-sec img {
    height: 95px;
    margin-right: 20px;
    flex-shrink: 0;
}

.budget-sec p {
    color: var(--color--grey9);
    margin-bottom: 0px;
    width: 50%;
}

.schedule-select {}

.schedule-select h4 {
    font-size: 18px;
    color: var(--color-black1);
}

.date-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.date-select p {
    font-size: 12px;
    color: var(--color--grey7070);
    margin-bottom: 5px;
}

.budgetschedulepage .start-date,
.budgetschedulepage .end-date {
    width: 48%;
}

.start-date,
.end-date {
    width: 55%;
}

.date-select.leadsdateselect {
    margin-top: 30px;
}

.leadsdateselect .start-date {
    width: 100%;
    display: flex;
    align-items: center;
}

.leadsdateselect .start-date p {
    font-size: 20px;
    color: var(--color-black1);
    width: 30%;
}

.leads-avilable {
    margin-top: 30px;
}

.leads-avilable h4 {
    font-size: 20px;
    color: var(--color-black1);
}

.leads-btns {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.leads-btns .lbtns {
    box-shadow: 0px 0px 6px #0000001c;
    height: 40px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 20px;
    margin-right: 13px;
    background: var(--bg-white);
}

.schedule-select .leadsdateselect .sdate-sec {
    width: 75%;
}

.schedule-select .leadsdateselect .sdate-sec .s-date {
    width: 50%;
}

.date-select input {
    height: 40px;
    border-radius: 50px;
}

.date-select input[readonly] {
    cursor: pointer;
}

.sdate-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schedule-select .sdate-sec .s-time,
.schedule-select .sdate-sec .e-time {
    width: 41%;
}

.schedule-select .sdate-sec .s-date,
.schedule-select .sdate-sec .e-date {
    width: 55%;
}

.sdate-sec .s-date {
    width: 55%;
}

.sdate-sec .s-time {
    width: 42%;
    position: relative;
}

.sdate-sec .e-date {
    width: 55%;
}

.sdate-sec .e-time {
    width: 42%;
    position: relative;
}

.promoteeditpage .btn-sm.btn-default1,
.promoteeditpage .btn-sm.btn-primary1 {
    display: flex !important;
}

.promoteeditpage .applyBtn,
.promoteeditpage .applyBtn {
    width: fit-content;
    padding: 0px 20px;
    box-shadow: 0px 0px 6px #0000001c;
    background: var(--primary-color) !important;
    color: var(--color-white);
    font-size: 12px;
    height: 35px;
    border-radius: 22px;
    align-items: center;
    float: right;
    font-weight: normal;
    cursor: pointer;
}

.promoteeditpage .cancelBtn,
.promoteeditpage .cancelBtn {
    width: fit-content;
    padding: 0px 20px;
    box-shadow: 0px 0px 6px #0000001c;
    background: var(--bg-white);
    color: var(--color-black1);
    font-size: 12px;
    height: 35px;
    border-radius: 22px;
    align-items: center;
    float: right;
    font-weight: normal;
    cursor: pointer;
    border: none;
}

.sdate-sec .e-time svg {
    position: absolute;
    width: 20px;
    left: 10px;
    top: 12px;
}

.sdate-sec #e-time {
    padding-left: 40px;
}

.sdate-sec .s-time svg {
    position: absolute;
    width: 20px;
    left: 10px;
    top: 12px;
}

.sdate-sec #s-time {
    padding-left: 40px;
}

.created-date-time {
    display: flex;
    align-items: center;
}

.startdate-time {
    display: flex;
    align-items: center;
}

.created-date-time .startdate-time p {
    color: var(--color-black1);
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.created-date-time .startdate-time p svg {
    width: 20px;
    margin-right: 5px;
}

.created-date-time .startdate-time p.sdate {
    margin-right: 10px;
}

.enddate-time {
    display: flex;
    align-items: center;
}

.created-date-time .enddate-time p {
    color: var(--color-black1);
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.created-date-time .enddate-time p svg {
    width: 20px;
    margin-right: 5px;
}

.created-date-time .enddate-time p.edate {
    margin-right: 10px;
}

.created-date-time .tick {
    margin: 0px 10px;
}

.budget-schedule .total-add p.tlcost {
    width: 100%;
    padding: 0px 30px 0px 30px;
}

.budegetnotes {
    font-size: 14px;
    color: var(--color-black1);
    margin-top: 20px;
}

.budget-submit {
    text-align: right;
    margin-top: 30px;
}

.budget-submit button {
    width: 250px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 49px;
    font-weight: 500;
    font-size: 16px;
}

.budget-submit button:hover,
.budget-submit button:focus {
    background: var(--primary-color);
}

/* -----------------------------------
29. User Profile - Request badge
-------------------------------------*/
.badge-section {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000f;
    padding: 50px 100px;
    border-radius: 17px;
    position: relative;
    margin: 100px 0px;
}

.badge-cnt {
    text-align: center;
}

.badge-cnt h1 {
    font-size: 26px;
    letter-spacing: -0.67px;
    color: var(--primary-color);
    margin-bottom: 30px;
}

.badge-cnt h1 img {
    margin-right: 15px;
    width: 38px;
}

[data-theme="dark"] .badge-cnt p {
    color: #fff;
}

.badge-cnt p {
    color: #858585;
    line-height: 1.6;
    margin: 0px 0px 30px 0px;
}

.badge-cnt p a {
    color: var(--primary-color);
}

h4.badge-tle {
    font-weight: bold;
    font-size: 20px;
    color: var(--color-black1);
    text-align: center;
}

.choose-method {
    width: 65%;
    margin: 50px auto 0px auto;
}

.choose-method .badgeradio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
}

.radio-custom+.radio-custom-label:before {
    content: '';
    background: var(--bg-white);
    border: 2px solid var(--primary-color);
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 2px;
    margin-right: 0px;
    text-align: center;
    line-height: 18px;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    background: var(--primary-color);
}

.badgeradio p {
    margin-bottom: 0px;
    color: var(--color-black1);
    font-size: 16px;
}

.badgeradio label {
    margin-right: 0px !important;
    line-height: 1;
    outline: none;
}

.badge-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 100px;
}

[data-theme="dark"] .badge-btns .gobackbtns {
    background: #000;
    color: #fff;
}

.badge-btns .gobackbtns {
    background: var(--bg-white);
    box-shadow: 0px 3px 21px #0000000F;
    width: fit-content;
    height: 40px;
    border-radius: 49px !important;
    font-size: 14px;
    color: #7D7D7D;
    cursor: pointer;
    padding: 0px 20px;
}

.badge-btns .continuebtns {
    background: var(--primary-color);
    box-shadow: 0px 3px 21px #0000000F;
    width: fit-content;
    height: 40px;
    border-radius: 49px !important;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    padding: 0px 20px;
}

.badge-account {
    width: 85%;
    margin: 0 auto;
}

.badge-btns.badgeacnt-btns {
    margin-top: 50px;
}

[data-theme="dark"] .prooffileUpload {
    background: #fff;
    color: #000;
}

[data-theme="dark"] .prooffileUpload span {
    color: #000;
}

.prooffileUpload {
    position: relative;
    overflow: hidden;
    height: 43px;
    margin-top: 0;
}

.prooffileUpload input.uploadlogo {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 42px;
}

/*Chrome fix*/
input::-webkit-file-upload-button {
    cursor: pointer !important;
    height: 42px;
    width: 100%;
}

.prooffileUpload {
    display: flex;
    padding: 0px 30px;
    line-height: 45px;
    vertical-align: middle;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    border: none;
    box-shadow: 0px 0px 6px #0000001C;
    border-radius: 54px;
    margin-top: 50px;
}

.prooffileUpload.active {
    justify-content: space-between;
    align-items: center;
}

.prooffileUpload.active input {
    display: none;
}

.prooffileUpload span {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--color-black1);
}

.prooffileUpload span svg {
    margin-right: 10px;
    height: 20px;
}

.prooffileUpload.invalid {
    border-color: #cc4b37;
    background-color: #f9ecea;
    color: #cc4b37;
}

.prooffileUpload.invalid span {
    color: #cc4b37;
}

.prooffileUpload.invalid span svg path {
    stroke: #cc4b37;
}

p.removefile {
    color: var(--primary-color);
    font-size: 14px;
    display: none;
    margin-bottom: 0px;
}

.badge-section.badge-completed .badgecmpletecnt {
    padding: 50px 0px;
    width: 50%;
    margin: 0 auto;
}

.badge-section.badge-completed .badgeacnt-btns {
    justify-content: center;
    margin-top: 0px;
}

.badge-section.badge-completed .badgeacnt-btns .continuebtns {
    display: none;
}

h4.badge-tle img {
    display: none;
}

.highlightext {
    position: absolute;
    bottom: 0px;
    right: 20px;
    font-size: 60px;
    color: #89BF89;
    opacity: 0.31;
}

/* -----------------------------------
30. Promotion Analytics
-------------------------------------*/
#promotion-analytics {
    border: none;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: var(--bg-lightgreen);
}

#promotion-analytics thead {
    background: transparent;
    border: none;
}

#promotion-analytics thead th.txt_left {
    text-align: left;
}

#promotion-analytics thead th {
    text-align: center;
    color: var(--color-black1);
    font-size: 14px;
    position: relative;
    padding: 15px 20px;
    font-weight: 500;
    cursor: pointer;
}

.aspayactivitiespage tr td .postrr p {
    margin-bottom: 0px;
}

.mdisplayrow {
    display: none;
}

#promotion-analytics tbody {
    border: none;
    border-radius: 14px;
    background: transparent;
}

#add-directresult tbody tr {
    box-shadow: unset;
    /* filter: drop-shadow(3px 3px 6px #0000000F); */
}

#promotion-analytics tbody tr {
    box-shadow: unset;
    background: var(--bg-white);
    border-radius: 14px;
    position: relative;
    height: 100%;
    width: 100%;
    /* -webkit-box-shadow: 3px 3px 6px 6px #0000000F;
    -moz-box-shadow: 3px 3px 6px 6px #0000000F; */
    /* filter: drop-shadow(3px 3px 6px #0000000F); */

}

@supports (-moz-appearance:none) {
    #promotion-analytics tbody tr {
        -webkit-box-shadow: 3px 3px 6px 6px #0000000F;
        -moz-box-shadow: 3px 3px 6px 6px #0000000F;
        box-shadow: 0px 0px 25px #0000000F;
    }

    #promotion-analytics tbody td:first-child:after {
        display: none !important;
    }
}

/* #promotion-analytics tbody td:first-child:after {
    border-radius: 20px;
    -webkit-box-shadow: 3px 3px 6px 6px #0000000F;
    -moz-box-shadow: 3px 3px 6px 6px #0000000F;
    box-sizing: border-box;
    content: '';
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    display: block;
    height: 100%;
} */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {

        /* Your Safari-specific styles here */
        .advertisementdirectpage .datatablecustom tbody td {
            box-shadow: 3px 3px 6px #0000000F !important;

        }

        .promotionanalyticspage .table tbody td {
            box-shadow: 3px 3px 6px #0000000F !important;

        }
    }
}

/* @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    .advertisementdirectpage .datatablecustom tbody td {
        box-shadow: 0px 4px 0px #0000000F !important;
     
     }
     .promotionanalyticspage .table tbody td {
        box-shadow: 0px 4px 0px #0000000F !important;
     
     }
} */
/* #promotion-analytics tbody td{
    -webkit-box-shadow: 3px 0px 6px 0px #0000000F;
} */
#promotion-analytics tbody tr td a.cgrn {
    color: var(--primary-color);
}

#promotion-analytics tbody td:first-child {
    -moz-border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-radius: 0 0 0 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 20px;
}

/* #promotion-analytics tbody td:nth-child(12) {
    -moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
} */
#promotion-analytics tbody td:nth-child(13) {
    -moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

#promotion-analytics tbody td {
    text-align: center;
    color: var(--color-black1);
    padding: 15px 5px;
}

#promotion-analytics tbody td .pro-post a {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#promotion-analytics tbody td .pro-post img {
    margin-right: 10px;
    height: 40px;
    border-radius: 100px;
    width: 40px;
}

#promotion-analytics tbody td .pro-post p {
    text-align: left;
    margin-bottom: 0px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after {
    position: absolute;
    bottom: 1.1em;
    display: block;
    opacity: .3;
}

table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after {
    opacity: 1;
}

[data-theme="dark"] table.dataTable>thead .sorting:after {
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

table.dataTable>thead .sorting:after {
    right: 0em;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 28px;
    border-top: 5px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

[data-theme="dark"] table.dataTable>thead .sorting:before {
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

table.dataTable>thead .sorting:before {
    right: 0em;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 21px;
    border-bottom: 5px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.dataTables_paginate .pagination {
    text-align: center;
    margin-bottom: 50px;
}

.dataTables_paginate .pagination .paginate_button {
    font-size: 14px;
    color: var(--color-black1);
}

.dataTables_paginate .pagination .paginate_button a {
    color: var(--color-black1);
}

.dataTables_paginate .pagination .paginate_button a:hover {
    background: transparent;
}

.dataTables_paginate .pagination .current {
    background: transparent;
    color: var(--color-black1);
    font-size: 16px;
}

.dataTables_paginate .pagination .paginate_button.previous {
    font-size: 18px;
}

.dataTables_paginate .pagination .paginate_button.next {
    font-size: 18px;
}

.promotionanalysistabs {
    padding: 40px 0px 30px 0px;
}

.promotionanalysistabs ul {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.promotionanalysistabs ul li {
    margin-right: 10px;
}

.promotionanalyticspage .promotionanalysistabs ul.filtercustomtabs li a {
    box-shadow: none;
}

.promotionanalysistabs ul li a {
    font-size: 14px;
    color: var(--color-black1);
    box-shadow: 0px 1px 8px #0000001F;
    background: var(--bg-white);
    border-radius: 24px;
    padding: 10px 20px;
    position: relative;
}

.promotionanalysistabs ul li a.pointernone {
    pointer-events: none !important;
}

.promotionanalysistabs ul li a img {
    position: absolute;
    top: -17px;
    right: 0px;
    width: 35px;
}

.promotionanalysistabs ul li.active a {
    background: var(--primary-color);
    color: var(--color-white);
}

.promotionanalysistabs ul li a.active {
    background: var(--primary-color);
    color: var(--color-white);
}

.headbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
}

.headbtn .autorefrsh {
    width: auto;
    height: 37px;
    background: var(--primary-color);
    border: 0px solid var(--primary-color);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    padding: 0px 15px;
}

.headbtn .autorefrsh span {
    margin-right: 5px;
}

.promotionanalysistabs h1 {
    font-weight: bold;
    color: var(--color-black1);
    font-size: 18px;
    margin-bottom: 0px;
}

.promotionanalysistabs.create-advertisment {
    padding: 0px 0px 10px 0px;
}

.promotionanalysistabs.create-advertisment ul li a {
    padding: 10px 15px;
}

.promotionanalysistabs.create-advertisment ul li {
    margin-right: 8px;
}

.promotionanalysistabs.create-advertisment ul {
    justify-content: flex-start;
}

.hiddentab {
    background: #D8D9DA !important;
    pointer-events: none;
    opacity: 0.8;
}

[data-theme="dark"] .hiddentab {
    background: #1d222b !important;
}

.ratingstarhid {
    pointer-events: none;
}

/* -----------------------------------
   31. Post Summary 
-------------------------------------*/
.pro-summartle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
}

.promotionanprevpage .pro-summartle.justifyright {
    justify-content: flex-end;
}

.delete-postsum.prevdbtns {
    display: flex;
    flex-direction: column;
}

.viewrectebtn {
    box-shadow: 0px 1px 8px #00000029;
    background: var(--primary-color) !important;
    color: var(--color-white);
    margin-top: 15px;
    width: 190px;
    height: 40px;
    border-radius: 24px !important;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.sumarydeletebtn {
    box-shadow: 0px 1px 8px #00000029;
    color: var(--color-black1);
    background: var(--bg-white);
    width: 190px;
    height: 40px;
    border-radius: 24px !important;
    font-size: 14px;
    cursor: pointer;
}

.post-sumlist {
    margin-bottom: 40px;
}

.promo-created h4 {
    font-size: 20px;
    color: var(--color-black1);
}

.promo-created .createdate {
    font-size: 15px;
    color: var(--color-black1);
}

.pro-group {
    display: block;
    margin-bottom: 15px;
}

.pro-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.pro-group label {
    position: relative;
    cursor: pointer;
    font-size: 18px;
    display: flex !important;
    align-items: center;
}

.pro-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--input-border);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.pro-group input+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid var(--input-border);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.pro-group input:checked+label:before {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.pro-group input:checked+label:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

.promo-created input {
    height: 40px;
    border-radius: 50px;
    margin-bottom: 0px;
}

.promotion-frm input {
    cursor: pointer !important;
    pointer-events: none;
}

.disblebtn:disabled {
    background: #E8E8E8 !important;
    color: #A2A2A2 !important;
    cursor: default !important;
}

.promotion-post {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    margin-bottom: 40px;
}

.promotion-post .propostbtn {
    box-shadow: 0px 0px 6px #0000001c;
    background: var(--primary-color) !important;
    color: var(--color-white);
    font-size: 14px;
    height: 40px;
    border-radius: 22px;
    line-height: 40px !important;
    font-weight: normal;
    width: fit-content;
    cursor: pointer;
    padding: 0px 30px;
}

.promotion-frm .sdate-sec {
    pointer-events: none;
}

.promo-created p {
    font-size: 12px;
    color: var(--color--grey7070);
    margin-bottom: 5px;
}

.promo-created form {
    margin-top: 20px;
}

.promo-created .updatebtn {
    box-shadow: 0px 1px 8px #00000029;
    color: var(--color-black1);
    background: var(--bg-white);
    width: 122px;
    height: 40px;
    border-radius: 24px !important;
    font-size: 14px;
    cursor: pointer;
}

[data-theme="dark"] .promo-created .updatebtn {
    background: #fff;
    color: #000;
}

.promo-created .end-date {
    margin: 20px 0px;
}

.schedule-status {
    margin-top: 30px;
}

.mshow {
    display: none;
}

.schedule-status h6 {
    font-size: 18px;
    color: var(--color-black1);
}

.schedule-status h6 span.scheduled {
    color: #D1A000;
}

.schedule-status h6 span.ongoing {
    color: #50B855;
}

.calendar-table tbody tr:nth-child(even) {
    background: transparent;
}

[data-theme="dark"] .daterangepicker {
    background: var(--bg-white);
    border: 1px solid #000;
}

[data-theme="dark"] .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #000 !important;
}

[data-theme="dark"] .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #000;
    border-left: 6px solid transparent;
}

[data-theme="dark"] .daterangepicker tbody,
tfoot,
thead {
    background: var(--bg-white);
}

[data-theme="dark"] .daterangepicker .calendar-table {
    background: var(--bg-white);
}

[data-theme="dark"] .daterangepicker td.off,
[data-theme="dark"] .daterangepicker td.off.in-range,
[data-theme="dark"] .daterangepicker td.off.start-date,
[data-theme="dark"] .daterangepicker td.off.end-date {
    background: var(--bg-white);
}

[data-theme="dark"] .daterangepicker .calendar-table th {
    color: var(--color-black1);
}

[data-theme="dark"] .daterangepicker td.available:hover,
[data-theme="dark"] .daterangepicker th.available:hover {
    color: #000;
}

[data-theme="dark"] .daterangepicker .calendar-table .next span,
[data-theme="dark"] .daterangepicker .calendar-table .prev span {
    border: solid #f7f4f4;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

[data-theme="dark"] .daterangepicker td.available:hover span,
[data-theme="dark"] .daterangepicker th.available:hover span {
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

[data-theme="dark"] .daterangepicker td.off:hover {
    color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--primary-color);
    border-color: transparent;
    color: #fff;
}

.daterangepicker.show-calendar .drp-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.daterangepicker .drp-buttons .btn {
    padding: 8px 15px;
    line-height: 10px;
    font-weight: normal;
    border: none;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    width: 24px !important;
    height: 24px !important;
    line-height: 18px !important;
    padding: 8px 10px !important;
}

.budgetcmn .btn-sm.btn-default1,
.budgetcmn .btn-sm.btn-primary1 {
    display: flex !important;
}

.procmn .btn-sm.btn-default1,
.procmn .btn-sm.btn-primary1 {
    display: flex !important;
}

.budgetcmn .cancelBtn,
.procmn .cancelBtn {
    width: fit-content;
    padding: 0px 20px;
    box-shadow: 0px 0px 6px #0000001c;
    background: var(--bg-white);
    color: var(--color-black1);
    font-size: 12px;
    height: 35px;
    border-radius: 22px;
    align-items: center;
    float: right;
    font-weight: normal;
    cursor: pointer;
    border: none;
}

.budgetcmn .applyBtn,
.procmn .applyBtn {
    width: fit-content;
    padding: 0px 20px;
    box-shadow: 0px 0px 6px #0000001c;
    background: var(--primary-color) !important;
    color: var(--color-white);
    font-size: 12px;
    height: 35px;
    border-radius: 22px;
    align-items: center;
    float: right;
    font-weight: normal;
    cursor: pointer;
}

.btn-sm.btn-default1,
.btn-sm.btn-primary1 {
    display: none !important;
}

.ui-timepicker-standard {
    color: #fff;
    margin: 0;
    padding: 2px;
}

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none;
}

.ui-timepicker {
    box-sizing: content-box;
    display: block;
    height: 205px;
    list-style: none outside none;
    margin: 0;
    padding: 0 1px;
    text-align: center;
    overflow-x: hidden;
}

.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
}

.ui-timepicker-standard .ui-menu-item {
    margin: 0;
    padding: 0;
}

.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: var(--color-black1);
    display: block;
    padding: 0.2em 0.4em;
    text-decoration: none;
    background-color: var(--bg-white);
}

.ui-timepicker-standard .ui-state-hover {
    background-color: var(--primary-color);
    border: 1px solid transparent;
    font-weight: normal;
    color: #fff;
}

.ui-timepicker-container .ui-widget-content {
    border: 1px solid rgb(221, 221, 221) !important;
}

[data-theme="dark"] .ap-layout-popup {
    background: rgb(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .ap-theme-default:not(.ap-layout-inline):not(.ap-layout-relative) .ap-cont {
    border: none;
}

[data-theme="dark"] .ap-cont {
    background: #000;
}

[data-theme="dark"] .ap-component-section {
    background: #000;
}

[data-theme="dark"] .ap-component-gradient {
    background: rgba(0, 0, 0, 0.8);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(30%, rgba(0, 0, 0, 0.8)), color-stop(45%, rgba(0, 0, 0, 0.8)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(70%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
}

[data-theme="dark"] .ap-row {
    color: #fff;
}

.total-add {
    margin-top: 20px;
}

.total-add h4 {
    font-size: 18px;
    color: var(--color-black1);
    margin-bottom: 15px;
}

.total-add p.tlcost {
    border: 1px solid var(--input-border);
    width: 250px;
    background: transparent;
    height: 40px;
    border-radius: 50px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    padding: 0px 10px 0px 30px;
    line-height: 40px;
    color: var(--color-black1);
}

.total-add p.tlcost span {
    font-size: 12px;
    color: var(--color--grey3);
}

.direct-results {
    margin-top: 20px;
}

.direct-results h4 {
    font-size: 18px;
    color: var(--color-black1);
    margin-bottom: 20px;
}

.direct-results ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.direct-results ul li {
    width: 25%;
    margin-right: 12px;
    margin-bottom: 10px;
}

.direct-results ul .resultsbox {
    box-shadow: 0px 3px 20px #0000000D;
    border-radius: 24px;
    padding: 25px 20px;
    background: var(--bg-white);
}

.direct-results ul .resultsbox p {
    color: var(--color-black1);
    font-size: 22px;
    margin-bottom: 0px;
}

.direct-results ul .resultsbox span {
    color: var(--color-black1);
    font-size: 14px;
}

.resultsbox.active p {
    color: var(--primary-color) !important;
}

.resultsbox.active {
    cursor: pointer;
}

#abtests .close-button {
    position: absolute;
    z-index: 10;
    color: #8a8a8a;
    cursor: pointer;
    right: 20px;
    top: 20px;
}

#abtests .abdesc {
    margin-top: 40px;
}

#abtests .abdesc p {
    font-size: 14px;
    color: var(--color-black1);
}

[data-theme="dark"] .reveal.postpopup {
    background: #131517 !important;
    border: 1px solid rgb(80, 184, 85, 0.4) !important;
}

[data-theme="dark"] .postpopup .posttle {
    /* border-bottom: 1px solid rgb(80, 184, 85, 0.4); */
}

.morris-hover.morris-default-style {
    background: rgb(255 255 255) !important;
}

[data-theme="dark"] .postpopup .posttle .close-button {
    background: #131517 !important;
}

[data-theme="dark"] .postcnt-inn .reaction-msg .msgbtns .pmsgbtn {
    background: #000000;
}

.reveal.postpopup {
    padding: 0px;
    background: #FCFFFC !important;
    border: 1px solid #C3E8C3 !important;
    border-radius: 15px !important;
}

#sharetochatModal.postpopup .posttle {
    position: static;
}

#sharetospaceModal.postpopup .posttle {
    position: static;
}

.postpopup .posttle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: 1px solid #C3E8C3; */
    padding: 15px 30px;
}

.postpopup .posttle h2 {
    font-size: 18px;
    color: var(--primary-color);
    margin-bottom: 0px;
}

.postpopup .posttle .close-button {
    width: 25px;
    height: 25px;
    background: #C3E8C3;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.postpopup .posttle .close-button span {
    color: #fff;
    line-height: 25px;
    font-size: 20px;
}

.postcnt {
    padding: 15px 20px;
}

.postpopup .central-meta {
    margin-bottom: 10px;
    box-shadow: none;
}

.postcnt-inn {
    height: 400px;
    overflow-y: auto;
    padding-right: 15px;
}

.postcnt .postcnt-inn::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #D0D9E2;
}

.postcnt .postcnt-inn::-webkit-scrollbar {
    width: 1px;
    border-color: #EEEEEE;
}

.postcnt .postcnt-inn::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #C3E8C3;
    outline: 2px solid #C3E8C3;
}

.reaction-peoples {
    padding: 0px 0px;
}

[data-theme="dark"] .reacticon a svg path {
    fill: #fff;
}

.reaction-list {
    padding: 0px 0px 15px 0px;
}

.reaction-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reaction-details {
    display: flex;
    align-items: center;
    width: 40%;
}

.reaction-details .pimg {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.reaction-details .pimg img {
    border-radius: 17px;
    width: 48px;
    height: 48px;
}

.reaction-details .reaction-name h4 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--primary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.reaction-details .reaction-name p {
    font-size: 12px;
    color: var(--color-black1);
    margin-bottom: 0px;
}

.reaction-msg .msgbtns {
    display: flex;
    align-items: center;
}

#postdelete {
    text-align: center;
    max-width: 400px;
    padding: 35px 25px;
}

#postdelete p {
    text-align: center;
    font-size: 14px;
    color: var(--color-black1);
    padding-bottom: 5px;
}

#postdelete .delete_icons svg {
    width: auto;
    height: 70px;
}

#postdelete h3 {
    padding: 8px 0 12px 0;
}

.deletesbtns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    gap: 20px;
}

.deletesbtns button {
    box-shadow: 0px 0px 6px #0000001c;
    background: var(--primary-color);
    color: var(--color-white);
    font-size: 14px;
    height: 40px;
    border-radius: 22px;
    line-height: 40px !important;
    width: fit-content;

    border: none;
    font-weight: normal;
    padding: 0px 30px;
    cursor: pointer;
}

.deletesbtns .cancelpst {
    background: var(--bg-white) !important;
    color: var(--color-black1) !important;
}

#querypollModal .posttle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#querypollModal .posttle h2 {
    font-size: 16px;
    color: var(--primary-color);
}

.poptle-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.poptle-right .selecttype {
    margin-right: 25px;
}

.poll-questions {
    margin-top: 30px;
}

.poll-questionin textarea {
    font-size: 16px;
    color: #838B91;
    border: none;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
    border-radius: 0px;
    padding: 0px 10px;
    resize: none;
}

.poll-questionin textarea:focus {
    border: none;
    border-bottom: 1px solid #E6E6E6;
}

.poll-questions input {
    font-size: 16px;
    color: #838B91;
    border: none;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
    border-radius: 0px;
    padding: 0px 10px;
}

.poll-questionin p {
    display: none;
}

.poll-questions input:focus {
    border: none;
    border-bottom: 1px solid #E6E6E6;
}

.poll-questions input::placeholder {
    color: #838B91;
    opacity: 1;
}

.poll-questions input:-ms-input-placeholder {
    color: #838B91;
}

.poll-questions input::-ms-input-placeholder {
    color: #838B91;
}

.poll-questions .polltle {
    font-size: 16px;
    color: #838B91;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
}

.poll-option {
    margin-top: 20px;
}

.poll-option .poll-optnlist {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.poll-option .poll-optnlist p {
    color: var(--color-black1);
    font-size: 14px;
    flex-shrink: 0;
    margin-bottom: 0px;
}

.poll-option .poll-optnlist input {
    border: 1px solid #ccc;
    height: 40px;
    margin-left: 20px;
    margin-bottom: 0px;
    border-radius: 8px;
}

.optnlist {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.poll-option .optnlist p {
    color: var(--color-black1);
    font-size: 14px;
    flex-shrink: 0;
    margin-bottom: 0px;
}

.poll-option .optnlist input {
    border: 1px solid #E6E6E6;
    height: 40px;
    border-radius: 0px;
    margin-left: 20px;
    margin-bottom: 0px;
}

.polls-btns {
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
    margin-top: 15px;
    margin-bottom: 10px;
    flex-direction: row-reverse;
    gap: 20px;
}

.polls-btns .add-more {
    font-size: 14px;
    color: var(--primary-color);
    height: 20px;
    line-height: 20px;
    border: none;
    padding: 0px;
}

.polls-btns .delete-more {
    font-size: 14px;
    color: red;
    height: 20px;
    line-height: 20px;
    border: none;
    padding: 0px;
}

#querypollModal .segments-visible {
    margin-top: 5px;
}

/**/
ul.othrscmnt ul.othrscmnt {
    margin-left: 0;
}

div#post_choose .close-button {
    position: absolute;
    right: 15px;
    top: 10px;
}

.promotion-details {
    border-top: 2px solid #D1E4D1;
    padding-top: 40px;
}

.promotion-details .prom-tle {
    font-size: 24px;
    color: var(--primary-color);
}

.promotion-details .ab-status {
    font-size: 20px;
    color: var(--color-black1);
    line-height: 0px;
    padding: 20px 0px 0px 0px;
}

.promotion-details .ab-status span.ab-st {}

.promotion-listssec.dflex {
    align-items: flex-start;
}

.promotion-listssec .promotionli-box {
    padding-top: 20px;
}

.promotion-listssec .promotionli-box .tagtle {
    font-size: 16px;
    color: var(--color-black1);
    font-weight: 500;
}

.prbox {
    margin-bottom: 10px;
}

.promotion-listssec .promotionli-box ul {
    margin-top: 10px;
}

.promotion-listssec .promotionli-box ul li {
    font-size: 14px;
    color: var(--color--grey7070);
}

.promo-created {
    padding-left: 15px;
}

.promotionli-box ul.labels {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 10px;
    border: 1px solid var(--bg-white);
    box-shadow: 0px 0px 4px #00000029;
    border-radius: 10px;
    background: var(--bg-white);
}

[data-theme="dark"] .promotionli-box ul.labels {
    border: 1px solid var(--color-green1);
}

.promotionli-box ul.labels li {
    padding: 5px 15px;
    margin: 6px 7px;
    font-size: 14px;
    color: var(--color-green1);
    background-color: var(--bg-label);
}

.promotionli-box .result_green {
    color: var(--color-green1) !important;
    font-size: 16px !important;
}

.promotionli-box.divider {
    border-left: 1px solid #E2E2E2;
    height: 75px;
    margin-top: 22px;
}

.divider_letters {
    position: relative;
    margin: 25px 0px;
}

.divider_letters hr {
    border-bottom: 2px solid var(--color-green);
}

.divider_letters span {
    border: 2px solid var(--color-green);
    text-align: center;
    font-size: 20px;
    border-radius: 50px;
    position: absolute;
    top: -19px;
    background: var(--bg-white);
    color: var(--color-green);
    width: 40px;
    height: 40px;
}

.promo_details_btm .ab-status {
    font-size: 23px;
    color: var(--color-black1);
    line-height: 0px;
    padding: 30px 0px 25px 0px;
}

.description_text_sec {
    border: 1px solid var(--primary-color);
    padding: 20px 25px;
    border-radius: 17px;
    background-color: var(--bg-white);
}

.description_text_sec p {
    font-size: 14px;
}

h4.sec_title {
    font-size: 24px;
    color: var(--primary-color);
}

/* -----------------------------------
   32. Advertisement Direct Results
-------------------------------------*/
.datatablecustom {
    border: none;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: var(--bg-lightgreen);
}

.datatablecustom thead {
    background: transparent;
    border: none;
}

.datatablecustom thead th.txt_left {
    text-align: left;
}

.datatablecustom thead th {
    text-align: center;
    color: var(--color-black1);
    font-size: 14px;
    position: relative;
    padding: 15px 20px;
    font-weight: 500;
    cursor: pointer;
}

.datatablecustom tbody {
    border: none;
    border-radius: 14px;
    background: transparent;
}

.datatablecustom tbody tr {
    /* box-shadow: 0px 0px 6px #00000029; */
    background: var(--bg-white) !important;
    border-radius: 14px;
}

.datatablecustom tbody tr td a.cgrn {
    color: var(--primary-color);
}

.datatablecustom tbody td:first-child {
    -moz-border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-radius: 0 0 0 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

#add-directresult.datatablecustom tbody td:nth-child(14) {
    -moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.datatablecustom tbody td:last-child {
    -moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.datatablecustom tbody td {
    text-align: center;
    color: var(--color-black1);
    padding: 15px 20px;
}

.datatablecustom tbody td .pro-post a {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.datatablecustom tbody td .pro-post svg {
    margin-right: 10px;
    flex-shrink: 0;
}

.datatablecustom tbody td .pro-post img {
    margin-right: 10px;
    height: 54px;
    border-radius: 6px;
    width: 54px;
}

.datatablecustom tbody td .pro-post p {
    text-align: left;
    margin-bottom: 0px;
}

.advertisementdirectpage .datatablecustom thead th {
    padding: 15px 15px;
}

.advertisementdirectpage .grid-container {
    max-width: 100% !important;
    padding-right: 60px;
    padding-left: 60px;
}

.promotionanalyticspage .grid-container {
    max-width: 100% !important;
    padding-right: 60px;
    padding-left: 60px;
}

.procmn .grid-container {
    max-width: 100% !important;
    padding-right: 60px;
    padding-left: 60px;
}

#promotion-analytics tbody td {
    border-bottom: none;
    /* box-shadow: 1px 5px 5px 0px #0000000F; */
}

.advertisementdirectpage .datatablecustom tbody td {
    border-bottom: none;
}

#add-directresult tbody td .pro-post p {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.advertisementdirectpage .datatablecustom thead th:first-child {
    font-weight: bold;
}

/* -----------------------------------
   33. Advertisement Comparision
-------------------------------------*/
.linegrselect {
    position: absolute;
    right: 20px;
    width: 180px;
}

#comparisonLine {
    height: 200px;
    margin-top: 80px;
}

[data-theme="dark"] #comparisonLine text,
[data-theme="dark"] #comparisonproLine text {
    fill: #fff;
}

#comparisonproLine {
    height: 200px;
}

.chart-title {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

.comparisionlist {
    height: 578px;
    overflow-y: auto;
}

.comparisionlist ul li {
    margin-bottom: 20px !important;
}

.comparisionlist-box .tabs,
.comparisionlist-box .tabs-content {
    border: none;
}

.comparisionlist-box .tabs-title {
    margin-bottom: 0px;
}

.comparisionlist-box .tabs-title a {
    font-size: 14px;
    color: var(--color-black1);
    box-shadow: 0px 1px 8px #0000001F;
    border-radius: 45px;
    font-weight: bold;
    padding: 10px 20px;
}

[data-theme="dark"] ul#example-tabs {
    background: transparent;
}

.comparisionlist-box .tabs-title.is-active a {
    background: #f5f5f5;
    box-shadow: inset 0px 0px 6px #00000029;
}

[data-theme="dark"] .comparisionlist-box .tabs-content {
    background: transparent;
}

[data-theme="dark"] .comparisionlist-box .tabs-title.is-active a {
    background: var(--primary-color) !important;
}

.comparisionlist-box .tabs li {
    margin-right: 5px;
}

.comparisionlist-box .tabs-panel {
    padding: 15px 0px;
}

[data-theme="dark"] .comparisionlist-box .tabs-panel {
    background: var(--bg-white);
}

[data-theme="dark"] .comparisionlist-box .tabs-title>a:hover {
    color: white !important;
    background: #131517;

}

[data-theme="dark"] div#industryEpert_info,
[data-theme="dark"] div#videoaddstble_info {
    color: #fff;
}

.comparisionlist-box ul li {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.pro-analyticspost li {
    margin-bottom: 20px !important;
}

.comparisionlist-box ul li p {
    margin-bottom: 0px;
    color: #494949;
    font-weight: bold;
}

.advertisementdirectpage .fltpostby .calldropdown-select {
    width: 70px;
    margin-bottom: 0px;
    border: none;
    margin-left: 15px;
    background: transparent;
}

.advertisementdirectpage .fltpostby .calldropdown-select .current {
    color: var(--color-black1);
}

.promotioncomparisionpage .fltpostby .calldropdown-select {
    width: 70px;
    margin-bottom: 0px;
    border: none;
    margin-left: 15px;
    background: transparent;
}

.promotioncomparisionpage .fltpostby .calldropdown-select.open .option {
    margin-bottom: 0px;
}

.promotioncomparisionpage .fltpostby .calldropdown-select .current {
    color: var(--color-black1);
}

[data-theme="dark"] .promotioncomparisionpage .fltpostby .calldropdown-select.open {
    background-color: transparent !important;
}

[data-theme="dark"] .comparisionlist-box ul li p {
    color: #fff;
}

[data-theme="dark"] .comparisionlist-box .fltpostby,
[data-theme="dark"] .comparisionlist-box .fltpostby select {
    background: var(--bg-white);
}

.comparisionlist-box ul.pro-analyticspost li img {
    height: 30px;
    width: 30px;
    border-radius: 3px;
    margin-right: 5px;
}

.comparisionlist-box ul.pro-analyticspost li p {
    font-size: 12px;
    color: var(--color--grey9);
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.comparisionlist-box ul.pro-analyticspost .form-group input {
    /*margin-right: 15px; */
}

.comparisionlist-box ul.pro-analyticspost .form-group .control-indicator {
    top: 6px;
}

.comparisionlist-box .form-group {
    display: block;
    margin-bottom: 0px;
}

.comparisionlist-box {
    background: var(--bg-white);
    /* box-shadow: 0px 3px 48px #0000000f; */
    padding: 25px 25px 25px 25px;
    border-radius: 14px;
    position: relative;
    margin-bottom: 20px;
    min-height: 310px;
    border: 1px solid var(--box-border);
}

.comparisionlist-box .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    margin-right: 30px;
    cursor: pointer;
    opacity: 0 !important;
}

.comparisionlist-box.engagementlistbox {
    padding: 25px 5px 0px 5px;

}

.comparisionlist-box.engagementlistbox .chartdetails {
    height: 330px;
    overflow-y: auto;
}

.control-indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border-radius: 4px;
    margin-right: 20px;
}

.control-indicator:after {
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    content: '';
    position: absolute;
}

.comparisionlist-box .form-group svg {
    margin-right: 20px;
    height: 20px;
}

.comparisionlist-box .form-group label {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.nodatafound {
    position: absolute;
    top: 145px;
    left: 0px;
    right: 0px;
    display: none;
}

.nodatafound p {
    margin-bottom: 0px;
    font-size: 14px;
    color: var(--color--grey7070);
    display: flex;
    align-items: center;
    justify-content: center;
}

.vscroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.vscroll::-webkit-scrollbar {
    width: 3px;
    border-color: #EEEEEE;
}

.vscroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 1px solid #D0D9E2;
}

.fltpostby {
    position: relative;
    color: var(--color--grey8);
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    z-index: 1;
    padding-left: 15px;
    justify-content: flex-end;
}

[data-theme="dark"] .fltpostby {
    background: #000;
}

select.postfilter:focus {
    border: none !important;
}

.fltpostby p {
    font-size: 13px;
    margin-bottom: 0px;
}

.comfilter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.3);
    margin-bottom: 20px;
}

.comfilter p.fltitle {
    font-weight: 500;
    color: var(--color-black1);
    font-size: 16px;
    margin-bottom: 0px;
}

.postfilter {
    border: none;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 7px;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    appearance: auto;
    cursor: pointer;
    width: 60px;
    margin-left: 10px;
}

.postfilter .current {
    color: var(--color-black1);
}

#legend {
    display: flex;
    align-items: center;
}

.mbox {
    display: flex;
    align-items: center;
}

.linebg {
    width: 10px;
    height: 10px;
    margin: 10px 10px 10px 25px;
    padding-left: 4px;
    border-radius: 2px;
}

/* -----------------------------------
   34. Advertisement Audience
-------------------------------------*/
.audiencebox {
    display: flex;
    justify-content: space-between;
    height: 300px;
}

.audiencebox .audiencecnt {
    width: 45%;
    flex-shrink: 0;
}

.audiencebox .chartjsparent {
    width: 55%;
}

.audiencebox .apex-charts {
    width: 55%;
}

#polarlegend {
    display: block;
}

ul.audienceli {
    max-height: 140px;
    overflow-y: auto;
}

ul.audienceli li {
    margin-bottom: 5px;
}

ul.audienceli li span.bgclr {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    flex-shrink: 0;
}

.audiencebox .audiencecnt h4 {
    font-size: 18px;
    font-weight: bold;
    color: var(--color-black1);
}

.apexcharts-title-text {
    font-weight: bold;
}

.audiencebox .audiencecnt p {
    color: #A5A5A5;
    font-size: 12px;
}

[data-theme="dark"] .audiencebox .audiencecnt p {
    color: #fff;
}

[data-theme="dark"] #engagement_level .apexcharts-canvas g text,
[data-theme="dark"] .apexcharts-canvas text {
    fill: #fff;
}

[data-theme="dark"] .apexcharts-legend-text {
    color: #fff !important;
}

ul.audienceli li span.segareaname {
    font-size: 14px;
    color: var(--color-black1);
    min-width: 95px;
    line-height: 1;
    width: 50%;
}

ul.audienceli li span.segareaval {
    font-size: 14px;
    color: var(--color-black1);
    font-weight: bold;
}

ul.audienceli li span.isto {
    margin: 0px 10px;
}

.engagementcnt {
    padding: 0px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.engagementcnt h4 {
    font-size: 18px;
    font-weight: bold;
    color: var(--color-black1);
    width: 70%;
}

.advertisementaudiencepage .calldropdown-select {
    box-shadow: 0px 0px 6px #0000001A !important;
    border-radius: 17px;
    height: 34px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    background: var(--bg-white1);
}

.promotionaudiencepage .calldropdown-select {
    box-shadow: 0px 0px 6px #0000001A !important;
    border-radius: 17px;
    height: 34px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    background: var(--bg-white1);
}

[data-theme="dark"] .promotionaudiencepage .calldropdown-select.open {
    border-radius: 17px;
}

.chart-select {
    width: 30%;
}

[data-theme="dark"] .chart-select,
[data-theme="dark"] .chart-select select,
[data-theme="dark"] .chart-select select:focus {
    background: transparent !important;
    color: #fff !important;
}

[data-theme="dark"] #engagement_level text tspan {
    color: #fff !important;
}

select.chartfilter {
    border: none;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 7px;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    appearance: auto;
    cursor: pointer;
    font-weight: bold;
}

select.chartfilter:focus {
    border: none !important;
}

.audience-options .switch {
    display: inline-block;
    position: relative;
    width: 47px;
    height: 25px;
    border-radius: 20px;
    background: var(--bg-white);
    box-shadow: inset 0px 0px 4px #CACBCC;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0px;
}

.audience-options .infs1-icon {
    margin: 0px 5px;
    line-height: 0px;
}

.audience-options .switch::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 17px;
    height: 17px;
    background: var(--primary-color);
    border-radius: 50%;
}

.audience-options input:checked+.switch::before {
    left: 35px;
    background: var(--primary-color);
}

.audience-options input:checked+.switch::before {
    left: 25px;
    background: var(--primary-color);
}

.audience-options {
    align-items: center;
    display: flex;
}

.audience-options p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}

.audience-create.promotionanalysistabs h1 {
    margin-bottom: 0px;
}

.audienceheader {
    margin-bottom: 30px;
}

.numberviews {
    display: none;
}

.audiencebox.fullbox {
    display: block;
}

.comparisionlist-box.audience-box {
    padding: 25px 35px;
}

.audiencebox.fullbox .audiencecnt {
    width: 100%;
}

.chartdetails table tbody tr td {
    color: var(--primary-color);
}

.chartdetails table tbody tr td:first-child {
    color: var(--color-black1);
}

.chartdetails {
    margin-top: 15px;
}

[data-theme="dark"] .chartdetails table.unstriped th {
    color: #fff;
}

[data-theme="dark"] .select2-selection__arrow {
    filter: brightness(0) invert(1);
}

.chartdetails table thead {
    border: none;
}

[data-theme="dark"] .chartdetails table thead {
    background: transparent;
}

.chartdetails table tbody {
    border: none;
}

.chartdetails .numdetails li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.numdetails li p {
    margin-bottom: 0px;
    font-size: 14px;
    color: var(--color-black1);
}

.numdetails li p.numcunt {
    color: var(--primary-color);
}

.mesgtextsec {
    width: 40%;
}

.chat-input-collapse {
    width: 60%;
}

.chatpage {}

.chat-heading {
    display: flex;
    align-items: center;
    padding: 0px 20px 0px 0px;
}

.chat-heading h4 {
    font-size: 16px;
    color: var(--primary-color);
    margin-bottom: 0px;
    margin-left: 10px;
}

.chat-heading svg {
    height: 20px;
}

.search_us {
    top: 5px;
    left: 0;
    width: 100% !important;
    border-color: var(--primary-color) !important;
    padding: 8px 30px 8px 45px !important;
    background: url(../images/search.png) left 20px center no-repeat !important;
    background-size: 18px !important;
    border-radius: 45px !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    height: 35px !important;
}

.search_us::placeholder {
    color: var(--primary-color);
    opacity: 1;
    font-size: 12px;
}

.search_us:-ms-input-placeholder {
    color: var(--primary-color);
    font-size: 12px;
}

.search_us::-ms-input-placeholder {
    color: var(--primary-color);
    font-size: 12px;
}

.feedchat-sidebar .search_us {
    margin-bottom: 5px;
    margin-top: 5px;
}

#serachChatUser {
    border-radius: 50px;
    height: unset;
    padding: 10px 15px 10px 55px !important;
}

#serachChatUser {
    top: 5px;
    left: 0;
    width: 100%;
    border-color: var(--primary-color) !important;
    padding: 8px 30px 8px 45px !important;
    background: url(../images/search.png) left 20px center no-repeat !important;
    background-size: 18px !important;
    border-radius: 45px;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 15px;
    height: 35px;
}

.userchatbar {
    padding: 0px 20px;
}

#serachChatUser::placeholder {
    color: var(--primary-color);
    opacity: 1;
    font-size: 12px;
}

#serachChatUser:-ms-input-placeholder {
    color: var(--primary-color);
    font-size: 12px;
}

#serachChatUser::-ms-input-placeholder {
    color: var(--primary-color);
    font-size: 12px;
}

#serachShareuser,
#serachShareuser_space {
    border-radius: 50px;
    height: unset;
    padding: 10px 15px 10px 55px !important;
}

#serachShareuser,
#serachShareuser_space {
    top: 5px;
    left: 0;
    width: 100%;
    border-color: var(--primary-color) !important;
    padding: 8px 30px 8px 45px !important;
    background: url(../images/search.png) left 20px center no-repeat !important;
    background-size: 18px !important;
    border-radius: 45px;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 0px;
    height: 35px;
}

#serachShareuser::placeholder,
#serachShareuser_space::placeholder {
    color: var(--primary-color);
    opacity: 1;
    font-size: 12px;
}

#serachShareuser:-ms-input-placeholder,
#serachShareuser_space:-ms-input-placeholder {
    color: var(--primary-color);
    font-size: 12px;
}

#serachShareuser::-ms-input-placeholder,
#serachShareuser_space::-ms-input-placeholder {
    color: var(--primary-color);
    font-size: 12px;
}

#searchbar-dropdown {
    background: var(--bg-white) none repeat scroll 0 0;
    border: none;
    border-radius: 17px;
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: var(--box-shawdow);
    border: none !important;
}

.searchbox-input {
    width: 0px;
    border-color: var(--primary-color) !important;
    padding: 8px 20px 8px 20px !important;
    background: var(--bg-white);
    background-size: 18px !important;
    border-radius: 45px;
    font-size: 14px;
    height: 40px;
    opacity: 0;
    pointer-events: none;
    transition: all, 0.5s;
    background: var(--bg-white);
    margin-bottom: 0px;
}

.searchbox.searchbox-open input {
    width: 100%;
    opacity: 1;
    pointer-events: visible;
    transition: all, 0.5s;
}

.searchbox.searchbox-open .searchbox-icon {
    display: none;
}

.searchbox.searchbox-open .searchbox-close {
    display: flex;
    font-size: 24px;
    padding: 5px 8px;
    align-items: center;
}

.searchbox-close {
    display: none;
}

.searchbox-icon {
    font-size: 24px;
    padding: 5px 8px;
}

.searchbox-icon,
.searchbox-close {
    position: absolute;
    right: 0px;
    cursor: pointer;
}

.searchbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.list-inline-item.searchlibar {
    width: 100%;
}

.searchbox-icon .bx-search {
    font-size: 22px;
    color: #797c8c;
}

[data-theme="dark"] .searchbox-icon .bx-search {
    color: #fff;
}

.more-post-optns.chatmore li {
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    padding: 5px 0px;
    margin-bottom: 0px;
}

.more-post-optns.chatmore li:last-child {
    border-bottom: none;
}

.grid-x.grid-padding-x.paddingcustom .grid-padding-x>.cell {
    padding-right: 5px;
    padding-left: 5px;
}

/* -----------------------------------
   35. Advertisement - Insights 
-------------------------------------*/
.customverticaltab {
    background: transparent;
    border: none;
}

.customverticaltab li {
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
}

[data-theme="dark"] .customverticaltab li {
    border-bottom: 1px solid rgb(255, 255, 255, 0.2);
}

.customverticaltab li:last-child {
    border-bottom: none;
}

.customverticaltab li a {
    font-size: 14px;
    color: var(--color-black1);
    line-height: 1.2;
    padding-left: 0px;
}

.customverticaltab li a:focus {
    background: transparent;
    color: var(--color-black1);
}

.customverticaltab li a svg {
    display: none;
}

.customverticaltab li.is-active a {
    background: transparent;
    color: var(--primary-color);
    font-weight: 500;
}

.customverticaltab li a:hover {
    background: transparent;
    color: var(--primary-color);
}

.customverticaltab li a:focus-visible {
    background: transparent;
    border: none;
}

.tabs-content.vertical.verticaltabcnt {
    border: none;
    background: transparent;
}

[data-theme="dark"] .tabs-content.vertical.verticaltabcnt {
    background: transparent;
}

[data-theme="dark"] table.unstriped tbody tr {
    background: #131517;
    border-bottom: 1px solid rgb(255, 255, 255, 0.2);
}

.cardsection {
    background: var(--bg-white) none repeat scroll 0 0;
    border: none;
    border-radius: 17px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
    box-shadow: var(--box-shawdow);
}

.engasmentlevel {
    margin-top: 30px;
    display: flex;
    padding: 0px 20px 0px 45px;
}

.engasmentlevel .englevel {
    height: 10px;
    width: 25%;
}

.englevel.low1 {

    background: #999999;
}

.lowgreen {
    background: #CCF9CE;
}

.englevel.low2 {
    background: #7ED582;
    /* background: #6d826e; */
}

.englevel.heigh1 {
    background: #006705;
    /* background:#435e45; */
}

.englevel.heigh2 {
    /* background: #002402; */
    background: #002402;
}

.engacnt {
    padding: 0px 20px 0px 45px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.engacnt p {
    margin-bottom: 10px;
    font-weight: 500;
    color: var(--color-black1);
}

.cardsection.topformsec {
    width: 55%;
}

.top-formats h4 {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-black1);
    margin-bottom: 10px;
}

h4.chartle {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-black1);
    margin-bottom: 0px;
}

.top-formats p {
    color: #A5A5A5;
}

[data-theme="dark"] .top-formats p {
    color: #A5A5A5;
}

.formatsbox {
    padding: 0px 30px;
    height: 60px;
    display: flex;
    align-items: center;
}

.formatsbox p {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.formatsbox p .frmtle {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-black1);
    margin-right: 10px;
    width: 105px;
}

.formatsbox p span {
    display: flex;
    align-items: center;
    color: var(--color-black1);
}

.formatsbox p span svg {
    height: 24px;
}

.yourhistory {
    background: var(--primary-color);
    border-radius: 48px;
}

.yourhistory p span {
    color: #fff;
}

.formatsbox.yourhistory p .frmtle {
    color: #fff;
}

.betterfrm {
    padding: 40px 0px 10px 0px;
    color: var(--color-black1);
    font-size: 14px;
    margin-bottom: 0px;
}

.overall.formatsbox {
    margin-bottom: 10px;
}

.timeformat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 0px 30px;
}

.timeformat p.tam {
    text-align: center;
    position: relative;
    max-width: 600px;
    margin-bottom: 0px;
    line-height: 0px;
    font-size: 14px;
    color: var(--color-black1);
    font-weight: 500;
}

.timeformat p.tam::before,
.timeformat p.tam::after {
    display: inline-block;
    content: "";
    border-top: 1px solid rgb(0, 0, 0, 0.2);
    width: 40%;
    margin: 0 1rem;
    transform: translateY(-0.2rem);
}

.tmbox {
    position: relative;
    width: 50%;
}

.timeformat p.tpm {
    text-align: center;
    position: relative;
    max-width: 600px;
    margin-bottom: 0px;
    line-height: 0px;
    font-size: 14px;
    color: var(--color-black1);
    font-weight: 500;
}

.timeformat p.tpm::before,
.timeformat p.tpm::after {
    display: inline-block;
    content: "";
    border-top: 1px solid rgb(0, 0, 0, 0.2);
    width: 40%;
    margin: 0 1rem;
    transform: translateY(-0.2rem);
}

.engleveltext {
    color: #A5A5A5;
    font-size: 14px;
    margin-top: 20px;
    padding: 0px 0px 0px 30px;
}

[data-theme="dark"] .engleveltext {
    color: #fff;
}

.engleveltext.mobileshow {
    display: none;
}

.topsegmentchartsec {
    display: flex;
}

.topsegmentchartsec .topsegnames {
    width: 15%;
}

.topsegmentchartsec .topsegchart {
    width: 85%;
}

.topsegnames ul li {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: var(--color-black1);
    margin-bottom: 15px;
    line-height: 14px;
}

.topsegnames ul {
    margin-top: 50px;
}

.topsegnames ul li span {
    width: 10px;
    height: 10px;
    margin-right: 15px;
    flex-shrink: 0;
}

.topsegnames ul li span.clr1 {
    background: #EE3B3B;
}

.topsegnames ul li span.clr2 {
    background: #F2BC0C;
}

.topsegnames ul li span.clr3 {
    background: #50B855;
}

.topsegnames ul li span.clr4 {
    background: #3B5FEE;
}

.topsegnames ul li span.clr5 {
    background: #B93BEE;
}

.topsegnames ul li span.clr6 {
    background: #3BB1EE;
}

.timeformat.topsegmenttime p.tpm::before,
.timeformat.topsegmenttime p.tpm::after {
    width: 37% !important;
}

.timeformat.topsegmenttime p.tam::before,
.timeformat.topsegmenttime p.tam::after {
    width: 37% !important;
}

.timeformat.topsegmenttime {
    padding: 0px 0px 0px 15px;
}

.progress.success .progress-meter {
    background-color: var(--primary-color) !important;
}

.audiencefollowtable .progress {
    background-color: transparent;
    height: 6px;
    margin-bottom: 0px;
}

.audiencefollowtable tr th {
    color: var(--color-black1);
    background: var(--bg-white);
}

.audiencefollowtable thead {
    position: sticky;
    top: 0;
    z-index: 99;
}

[data-theme="dark"] .audiencefollowtable tr {
    background-color: #131517;
}

[data-theme="dark"] .audiencefollowtable thead {
    border-color: rgb(255, 255, 255, 0.3);
}

.audiencefollowtable td {
    font-size: 14px;
    color: var(--color-black1);
}

.audiencefollowtable.unstriped tbody tr {
    border: none;
}

.audiencefollowtable.unstriped tbody {
    border: none;
}

.audiencefollowtable thead {
    border-left: none;
    border-right: none;
    border-top: none;
}

.audiencefollowtable {
    margin-top: 0px;
}

.cardsection h4.cardtle {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-black1);
    margin-bottom: 0px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
}

[data-theme="dark"] .cardsection h4.cardtle {
    border-bottom: 1px solid rgb(255, 255, 255, 0.3);
}

.tableheight {
    height: 300px;
    overflow-y: auto;
}

.customscrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.customscrollbar::-webkit-scrollbar {
    width: 5px;
    border-color: #EEEEEE;
}

.customscrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 0px solid #D0D9E2;
}

.keyfilter1 .calldropdown-select {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f;
    height: 40px;
    width: 150px;
    padding: 0px 15px;
    line-height: 0px;
    border-radius: 30px;
    color: var(--color-black1);
    text-align: center;
    justify-content: center;
    margin-right: 13px;
    cursor: pointer;
    font-size: 14px;
}

.keyfilter2 .calldropdown-select {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: var(--bg-white);
    box-shadow: 0px 1px 8px #0000001f;
    height: 40px;
    width: 150px;
    padding: 0px 15px;
    line-height: 0px;
    border-radius: 30px;
    color: var(--color-black1);
    text-align: center;
    justify-content: center;
    margin-right: 13px;
    cursor: pointer;
    font-size: 14px;
}

.keyfilter3 .dropbtn {
    height: 40px;
    border-radius: 30px;
    width: auto;
}

.keyfilter2 .calldropdown-select:after {
    content: "\e64b";
    font-family: 'themify';
    border: none;
    box-shadow: inset 0px 0px 4px #00000029;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin-left: 10px;
    flex-shrink: 0;
    top: 30%;
}

.keyfilter2 .calldropdown-select.open:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.keyfilter1 .calldropdown-select:after {
    content: "\e64b";
    font-family: 'themify';
    border: none;
    box-shadow: inset 0px 0px 4px #00000029;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin-left: 10px;
    flex-shrink: 0;
    top: 30%;
}

.keyfilter1 .calldropdown-select.wide .list,
.keyfilter2 .calldropdown-select.wide .list {
    transition: none;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 14px;
    border: none;
}

.keyfilter1 .calldropdown-select.open:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.keyfilterbox {
    height: 40px;
    border: 1px solid #50B855;
    border-radius: 36px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
}

.keyfilterbox input {
    margin: 0px;
}

.tblehead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.keyfiltersec {
    display: flex;
    align-items: center;
}

.keyinput {
    display: flex;
    align-items: center;
}

.keyfilterbox.keyfilter2 {
    margin: 0px 10px;
}

.keyfiltersec [type="radio"]:checked,
.keyfiltersec [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.keyfiltersec [type="radio"]:checked+label,
.keyfiltersec [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    color: var(--color-black1);
    font-size: 14px;
    margin-right: 0px;
}

.keyfiltersec [type="radio"]:checked+label:before,
.keyfiltersec [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary-color);
    border-radius: 100%;
    background: #fff;
}

.keyfiltersec [type="radio"]:checked+label:after,
.keyfiltersec [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--primary-color);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.keyfiltersec [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.keyfiltersec [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.keyfilter3 select {
    box-shadow: 0px 1px 8px #0000001F;
    border-radius: 36px;
    display: flex;
    height: 40px;
    align-items: center;
    padding: 0px 40px 0px 20px;
    background: var(--bg-white);
    background-image: url("../images/darrw.png");
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 12px;
    cursor: pointer;
}

.cardsection .tblehead h4.cardtle {
    padding-bottom: 0px;
    border: none;
}

.pdb-10 {
    padding-bottom: 40px;
}

#promotion-analytics thead th {
    text-align: center;
    color: var(--color-black1);
    font-size: 14px;
    position: relative;
    padding: 15px 20px;
    font-weight: 500;
    cursor: pointer;
}

.datatablecss thead th {
    text-align: center;
    color: var(--color-black1);
    font-size: 14px;
    position: relative;
    padding: 15px 20px;
    font-weight: 500;
    cursor: pointer;
}

.prouinfo.show {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    -webkit-transition: transform .35s;
    -moz-transition: transform .35s;
    -o-transition: transform .35s;
    -ms-transition: transform .35s;
    transition: transform .35s;
    bottom: 0;
    display: block !important;
    position: fixed;
    opacity: 1;
    z-index: 9999;
    max-height: 80vh;
    overflow-y: auto;
}

.prouinfo {
    display: none;
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    -webkit-transition: transform .35s;
    -moz-transition: transform .35s;
    -o-transition: transform .35s;
    -ms-transition: transform .35s;
    transition: transform .35s;
    transform: translateY(100%) !important;
    -webkit-transform: translateY(100%) !important;
    -moz-transform: translateY(100%) !important;
    -o-transform: translateY(285px) !important;
    width: 100%;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 30px 80px 30px !important;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    display: block;
    outline: 0;
    opacity: 0;
    border-radius: 14px;
    background: var(--bg-white);
    overflow-y: auto;
    max-height: 80vh;
    overflow-x: hidden;
}

.prouinfobox {
    display: flex;
    align-items: center;
}

.prouinfobox .pimg {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.prouinfobox .pimg img {
    border-radius: 17px;
    width: 48px;
    height: 48px;
}

.prouinfobox .people-name {
    width: 70%;
    word-break: break-word;
    text-align: left;
}

.prouinfobox .people-name h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--color-black1);
}

.prouinfobtns {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.proudeletebtns {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.viewdeletebtn {
    background: #C80101;
    height: 30px;
    color: var(--color-white);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 0px 0px 6px #0000001c;
    margin-right: 7px;
    padding: 20px 40px;
}

.deskhideflex {
    display: none;
}

.datalecnt .deskhide {
    display: none;
}

.promotioninsightspage .datalecnt td .inex p {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.advertisementinsightspage .datalecnt td .inex p {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.advertisementinsightspage.adprocmn .calldropdown-select.wide {
    width: 150px;
    box-shadow: none;
    margin-bottom: 0px;
    border: solid 1px #eee;
}

.videotblemore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap;
}

.vmbox {
    width: 33%;

}

.vmbox h4 {
    font-size: 16px;
    color: var(--color-black1);
    font-weight: 500;
}

.vmbox p {
    font-size: 16px;
    color: var(--color-black1);
}

.vmbox p a {
    font-size: 16px;
    color: var(--primary-color);
}

.prodeletebns {
    background: #C80101;
    height: 40px;
    color: var(--color-white);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 0px 0px 6px #0000001c;
    margin-right: 7px;
    margin-top: 10px;
}

.viewprofilebtn {
    background: var(--primary-color);
    height: 30px;
    color: var(--color-white);
    width: 47%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 0px 0px 6px #0000001c;
    margin-right: 7px;
    padding: 20px 40px;
}

#videoaddstble.datatablecss thead th.deskhide {
    display: none;
}

.deskhide {
    display: none !important;
}

.profiltrbtn.nrga {
    background: var(--primary-color);
    height: 40px;
    color: var(--color-white);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 0px 0px 6px #0000001c;
    margin-right: 7px;
    padding: 20px 40px;
}

.chatbtnin {
    background: var(--bg-white);
    height: 30px;
    color: var(--color-black1);
    box-shadow: 0px 0px 6px #0000001c;
    width: 47%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    box-shadow: 0px 0px 6px #0000001c;
    margin-right: 0px;
    padding: 20px 40px;
}

.prouinfobox .people-name p {
    font-size: 12px;
    color: var(--color-black1);
    margin-bottom: 0px;
}

.datatablecss .arrhidn:before,
.datatablecss .arrhidn:after {
    content: none !important;
    pointer-events: none;
}

.datalecnt td .inex {
    display: flex;
    align-items: center;
}

.datalecnt td .inex p {
    margin-bottom: 0px;
    font-size: 14px;
    color: var(--color-black1);
    text-align: left;
}

.datalecnt td .inex img {
    margin-right: 10px;
    height: 40px;
    border-radius: 7px;
    width: 40px;
}

.datatablecss tbody td {
    text-align: center;
    color: var(--color-black1);
    padding: 10px 10px;
}

.clrgrn {
    color: var(--primary-color);
}

.clrgrn a {
    color: var(--primary-color);
    font-weight: bold;
}

.datatablecss .connectbtns {
    background: var(--primary-color);
    padding: 0px 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px;
    float: right;
    box-shadow: 0px 0px 6px #0000001C;
    cursor: pointer;
}

.datatablecss .messagebtns {
    background: var(--bg-white);
    padding: 0px 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #AFAFAF;
    border-radius: 30px;
    float: right;
    box-shadow: 0px 0px 6px #0000001C;
    cursor: pointer;
}

[data-theme="dark"] .datatablecss .messagebtns {
    background: #000;
}

.datatablecss tbody,
.datatablecss thead {
    border: none;
    background-color: var(--bg-white);
}

#videoaddstble.datatablecss thead th {
    padding: 15px 10px;
}

#videoaddstble .datalecnt td .inex img {
    width: 100px;
    height: 50px;
}

/* -----------------------------------
   36. Advertisement - Leads 
-------------------------------------*/
.crmsetupcnt {
    text-align: center;
    padding: 0px 100px;
    min-height: 70vh;
    margin-top: 20px;
}

.crmsetupcnt h4.crmtle {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 500;
}

.crmsetupcnt h5.crmsubtle {
    color: var(--color-black1);
    font-size: 18px;
    font-weight: 500;
}

.crmsetupcnt p {
    margin-top: 20px;
    color: var(--color-black1);
    font-size: 14px;
}

.crmsetform input {
    width: 60%;
    margin: 30px auto;
    background: url(../images/search-gry.png) left 20px center var(--bg-white) no-repeat !important;
    background-size: 20px !important;
    padding-left: 60px;
}

.cnctbtns {
    background: var(--primary-color);
    padding: 0px 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px;
    margin: 0 auto;
    cursor: pointer;
}

.cardsection.pd-40 {
    padding: 40px;
}

button.cnctbtns:disabled,
button.cnctbtns[disabled] {
    background-color: #DFDFDF;
    color: #fff;
    pointer-events: none;
}

.disconnect-crm {
    display: none;
    margin-top: 30px;
}

.disconnect-crm .connectedinfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 26px #0000000F;
    width: 400px;
    height: 70px;
    padding: 0pc 40px;
    margin: 0 auto;
}

.disconnect-crm .connectedinfo p {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 14px;
    color: var(--color-black1);
}

.disconnect-crm .connectedinfo p.status {
    color: var(--primary-color);
}

.disconnect-crm .discnctbtns {
    background: #C80101;
    padding: 0px 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 40px;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: 0;
    height: 20px;
    width: 20px;
}

.advertisementleadsec table thead th .control__indicator {
    left: 15px;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border-radius: 0px;
    box-shadow: 0px 0px 3px #00000029;
}

.control input~.control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control__indicator {
    background: var(--primary-color);
}

.control input:checked~.control__indicator:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

.addcheck {
    width: 20px;
    display: flex;
}

.leadstle {
    display: flex;
    align-items: center;
}

.leadstle .lname {
    font-size: 14px;
}

.leadstle .ldes {
    font-size: 12px;
}

.leadstle img {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    margin-right: 10px;
}

.leadstle p {
    margin-bottom: 0px;
    font-size: 14px;
    color: var(--color-black1);
}

.addlabel {
    cursor: pointer;
}

.addlabel .labelclr {
    width: 20px;
    height: 20px;
}

.fromimg {
    display: flex;
    align-items: center;
}

.fromimg img {
    margin-right: 8px;
    width: 40px;
    height: 40px;
    border-radius: 7px;
}

.fromadd {
    display: flex;
}

.fromadd .adbadge {
    width: 28px;
    height: 20px;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0px 10px;
    justify-content: center;
    border-radius: 4px;
    margin-right: 10px;
}

.leadsstatus {
    display: flex;
    align-items: center;
}

.leadsstatus svg {
    margin-right: 10px;
}

.leadsstatus svg path,
.leadsstatus svg polyline {
    color: var(--primary-color);
}

.leadsstatus svg circle,
.leadsstatus svg line {
    color: #CC2020;
}

.leadsstatus p {
    margin-bottom: 0px;
}

.leadsbtns {
    display: flex;
    justify-content: flex-end;
}

.leadsbtns .connectbtns {
    background: var(--primary-color);
    padding: 0px 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px;
    float: right;
    box-shadow: 0px 0px 6px #0000001c;
    cursor: pointer;
    font-size: 12px;
}

.leadsbtns .messagebtns {
    background: var(--bg-white);
    padding: 0px 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #AFAFAF;
    border-radius: 30px;
    float: right;
    box-shadow: 0px 0px 6px #0000001c;
    cursor: pointer;
    margin: 0px 10px;
    font-size: 12px;
}

.leadsbtns .deletebtns {
    background: var(--bg-white);
    padding: 0px 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #AFAFAF;
    border-radius: 30px;
    float: right;
    box-shadow: 0px 0px 6px #0000001c;
    cursor: pointer;
    font-size: 12px;
}

[data-theme="dark"] .leadsbtns .deletebtns,
[data-theme="dark"] .leadsbtns .messagebtns {
    background: #000000;
    box-shadow: 0px 0px 6px #0000001C;
    border: 1px solid rgb(80, 184, 85, 0.4);
}

.analy-para:hover+.anal-hovt,
.analy-para:hover+.count-hovt {
    visibility: visible !important;
}

.pro-post .anal-hovt,
.count-hovt {
    visibility: hidden;
    position: absolute;
    right: -20px;
    max-width: 200px;
    border-radius: 5px;
    padding: 0px 5px;
    color: #666;
    background: rgb(255 255 255);
    border: solid 2px rgba(230, 230, 230, 0.8);
    font-size: 12px;
    top: 38px;
    max-height: 200px;
    z-index: 9999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#promote .pro-post {
    position: relative;
    width: fit-content;
    /* z-index: 1; */
}

.advertisementleadsec tbody td {
    color: var(--color-black1);
    /*  padding: 15px 20px 15px 10px; */
    position: relative;
    padding: 10px;
    border-bottom: none;
}

.advertisementleadsec table thead th {
    font-weight: normal;
    color: var(--color-black1);
}

.txtcenter {
    text-align: center;
}

.fntbold {
    font-weight: bold !important;
}

.advertisementleadsec table td.viacnt P {
    color: var(--primary-color);
    margin-bottom: 0px;
}

.advertisementleadsec table td p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.fromadd p {
    font-size: 12px;
}

.advertisementleadsec table {
    border: none;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: var(--bg-lightgreen);
}

.advertisementleadsec table thead {
    background: transparent;
    border: none;
}

.advertisementleadsec table tbody tr {
    /* box-shadow: 0px 0px 17px #50b8554d; */
    background: var(--bg-white);
    border-radius: 14px;
}

.advertisementleadsec table tbody tr.visited {
    background: transparent;
    box-shadow: none;
}

[data-theme="dark"] .advertisementleadsec table tbody tr.visited {
    background: #292A2A;
}

.advertisementleadsec table tbody td:first-child {
    -moz-border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-radius: 0 0 0 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 20px;
}

.advertisementleadsec table tbody td:nth-child(6) {
    -moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.advertisementleadsec table tbody td:last-child {
    -moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.advertisementleadsec .dropdown1 {
    position: relative;
    font-size: 14px;
    color: var(--color-black1);
    width: 160px;
}

.dropdown1 .dropdown-label {
    display: block;
    background: var(--bg-white);
    border: 1px solid #707070;
    height: 35px;
    padding: 0px 12px 0px 20px;
    cursor: pointer;
    border-radius: 30px;
    line-height: 35px;
    font-size: 12px;
}

[data-theme="dark"] .dropdown1 .dropdown-label:before {
    background: url('../images/angle-down1.svg') no-repeat center center/cover;
    filter: brightness(1.5);
}

.dropdown1 .dropdown-label:before {
    content: '';
    background: url('../images/angle-down.svg') no-repeat center center/cover;
    position: absolute;
    top: 12px;
    right: 17px;
    width: 13px;
    height: 13px;
}

.dropdown.mr10 {
    margin-right: 10px;
}

.selectindus .dropdown1 {
    margin-left: 5px;
}

.selectindus .dropbtn {
    height: 40px !important;
    box-shadow: 0px 0px 6px #0000001A !important;
    border-radius: 30px !important;
    border: none;
    width: 100%;
    overflow: hidden;
    padding: 0px 10px;
    position: relative;
    resize: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    font-size: 13px;
}

[data-theme="dark"] .dropdown1 .dropdown-label {
    background: var(--bg-white);
    color: var(--color-black1);
    border: 1px solid var(--bg-white);
}

[data-theme="dark"] .dropdown1 .dropdown-list {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

[data-theme="dark"] div#myDropdown {
    background: var(--bg-white);
    border: 1px solid var(--box-border);
}

[data-theme="dark"] #myDropdown a {
    color: #fff;
    border-bottom: 1px solid var(--box-border);
}

[data-theme="dark"] .dropbtn.crmdropbtn,
[data-theme="dark"] .dropdown1 .dropdown-label {
    background: #000;
}

[data-theme="dark"] .dropdown1 .dropdown-list label {
    color: #fff;
}

[data-theme="dark"] .dropdown1 .dropdown-list label .checkmark {
    border: 1px solid #fff;
}

[data-theme="dark"] .containerinput input:checked~.checkmark {
    background: #fff;
}

[data-theme="dark"] .containerinput:hover input~.checkmark {
    background: transparent;
}

[data-theme="dark"] .containerinput .checkmark:after {
    border: solid #000;
    border-width: 0 2px 2px 0;
}

.dropdown1 .dropdown-list {
    padding: 12px;
    background: var(--bg-white);
    position: absolute;
    top: 45px;
    left: 2px;
    right: 2px;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%);
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform 0.15s ease-in-out 0.15s;
    border-radius: 17px;
    border: 1px solid #50B855;
    z-index: 99;
}

.dropdown1.dropdown_addt .dropdown-option {
    position: relative;
    width: max-content;
}

.dropdown1.dropdown_addt [type=checkbox] {
    position: absolute !important;
    left: 0;
}

.dropdown1 .dropdown-option {
    display: flex;
    align-items: center;
    opacity: 1;
    transition: opacity 0.15s ease-in-out;
    cursor: pointer;
}

.dropdown1 [type=checkbox] {
    position: relative;
    top: -1px;
    height: fit-content;
    margin: 0px;
    margin-right: 4px;
}

.dropdown1.on .dropdown-list {
    transform: scale(1, 1);
    transition-delay: 0s;
}

.dropdown1.on .dropdown-list .dropdown-option {
    opacity: 1;
}

[data-theme="dark"] .dropdown1.dropdown_addt .dropdown-list {
    border: 1px solid rgb(80, 184, 85, 0.4) !important;
}

.profiltrbtn {
    box-shadow: 0px 1px 8px #0000001F;
    border-radius: 30px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    width: 100%;
    cursor: pointer;
    margin-top: 10px;
}

.containerinput {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.containerinput input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px solid var(--color-black1);
}

.containerinput:hover input~.checkmark {
    background-color: var(--bg-white);
}

.containerinput input:checked~.checkmark {
    background-color: var(--bg-white);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containerinput input:checked~.checkmark:after {
    display: block;
}

.containerinput .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 8px;
    border: solid var(--color-black1);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dropdown-list .labelclr {
    width: 15px;
    height: 15px;
}

.dropdown-list .labelclr.clrcode1 {
    background: #3B5FEE;
}

.dropdown-list .labelclr.clrcode2 {
    background: #3BEE71;
}

.dropdown-list .labelclr.clrcode3 {
    background: #EEC43B;
}

.dropdown-list .labelclr.clrcode5 {
    background: #EE3B3B;
}

.dropdown-list .labelclr.clrcode4 {
    background: #B93BEE;
}

.dropdown-option.pdb-5 {
    padding-bottom: 5px;
}

.fltrsec p {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.fltrsec p svg {
    margin-right: 10px;
}

.dwnloadbtn {
    background: var(--primary-color);
    padding: 0px 15px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px;
    float: right;
    box-shadow: 0px 0px 6px #0000001c;
    cursor: pointer;
    margin: 0px 5px;
    font-size: 12px;
}

a.dwnloadbtn:hover,
a.dwnloadbtn:focus {
    color: #fff;
}

[data-theme="dark"] .dropdown-content.crmcnt {
    background: #fff;
}

[data-theme="dark"] .dropdown-content.crmcnt a {
    color: #000;
}

.dropdown-content.crmcnt {
    display: block;
    right: 0px;
    padding: 12px;
    background: var(--bg-white);
    position: absolute;
    top: 35px;
    right: 0px;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%);
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform 0.15s ease-in-out 0.15s;
    border-radius: 17px;
    min-width: 155px;
    border: 1px solid #50B855;
}

.dropdown-content.crmcnt.show {
    transform: scale(1, 1);
    transition-delay: 0s;
}

.dropbtn.crmdropbtn {
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    border-radius: 30px;
    min-width: 100px;
}

.dropbtn.crmdropbtn img {
    width: 13px;
    height: 13px;
    margin-left: 10px;
}

[data-theme="dark"] .dropbtn.crmdropbtn img {
    filter: invert(1) !important;
}

.dropdown-content.crmcnt a {
    padding: 7px 5px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    color: var(--color-black1);
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
}

.dropdown-content.crmcnt a.mute {
    pointer-events: none;
    opacity: 0.5;
}

.dropdown-content.crmcnt a:hover {
    background: transparent;
    color: var(--primary-color);
}

.dropdown-content.crmcnt a:last-child {
    border: none;
}

.tablehead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clrdropdown {
    box-shadow: 0px 0px 6px #00000029;
    width: 150px;
    background: var(--bg-white);
    position: absolute;
    top: -10px;
    right: 0px;
    left: -55px;
    margin: 0 auto;
    padding: 10px;
    z-index: 9;
    border-radius: 7px;
    display: none;
}

.clrdropdown.show {
    display: block;
}

.clrdropdown:after {
    content: " ";
    position: absolute;
    right: 65px;
    bottom: -10px;
    border-top: 10px solid var(--bg-white);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: none;
}

.clrdropdown .clrlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clrdropdown .clrlist .clrcodes {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.clrcodes.clr1 {
    background: #EE3B3B;
}

.addlabel .clrcode1 {
    background: #EE3B3B;
}

.clrcodes.clr2 {
    background: #EEC43B;
}

.addlabel .clrcode2 {
    background: #EEC43B;
}

.clrcodes.clr3 {
    background: #3BEE71;
}

.addlabel .clrcode3 {
    background: #3BEE71;
}

.clrcodes.clr4 {
    background: #3B5FEE;
}

.addlabel .clrcode4 {
    background: #3B5FEE;
}

.clrcodes.clr5 {
    background: #B93BEE;
}

.addlabel .clrcode5 {
    background: #B93BEE;
}

.adpopupcmn {
    text-align: center;
}

.adpopupcmn .deletesbtns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

/* -----------------------------------
   37. Advertisement - Recommendations
-------------------------------------*/
.rec-card {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000f;
    padding: 20px;
    border-radius: 17px;
    position: relative;
}

.rec-card h4.rec-tle {
    font-size: 16px;
    color: var(--color-black1);
    font-weight: bold;
    margin-bottom: 25px;
}

.top_segment_list {
    max-height: 400px;
    overflow-y: auto;
}

.seg-rec li {
    font-size: 15px;
    color: var(--color-black1);
    margin-bottom: 15px;
}

.seg-rec li span {
    color: var(--primary-color);
    margin-right: 20px;
    font-weight: bold;
}

.subject-rec {}

.subject-rec .subject-box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

.subject-rec .subject-box svg {
    margin-right: 15px;
    width: 40px;
    flex-shrink: 0;
}

.subjectboxcnt h5 {
    font-size: 16px;
    color: var(--color-black1);
    font-weight: 500;
    margin-bottom: 7px;
    line-height: 12px;
}

.subjectboxcnt.recsubject h5 {
    line-height: 1.2;
}

.seg-rec.recsublist li {
    display: flex;
    font-size: 14px;
    line-height: 1.2;
}

.seg-rec.recsublist li span {
    color: var(--color-black2);
    font-weight: normal;
    font-size: 15px;
}

.subjectboxcnt.recsubject h5 span {
    color: var(--primary-color);
}

.subjectboxcnt p {
    font-size: 12px;
    color: #9D9D9D;
    margin-bottom: 0px;
}

.demobox {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000f;
    padding: 20px;
    border-radius: 17px;
    position: relative;
    margin: 0px 20px;
}

.demobox .dheadbox {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.demobox .dheadbox .d1box {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background: #e7e7e7;
    margin-right: 10px;
}

.d2box .dline1 {
    height: 5px;
    background: var(--primary-color);
    width: 150px;
    border-bottom: 30px;
    margin-bottom: 10px;
}

.d2box .dline2 {
    height: 5px;
    background: #e7e7e7;
    width: 80px;
    border-bottom: 30px;
}

.demobox p {
    color: #9D9D9D;
    font-size: 12px;
}

.img-rec .subject-box {
    display: flex;
    align-items: flex-start;

}

.img-rec .subject-box svg {
    margin-right: 15px;
    width: 50px;
    flex-shrink: 0;
    height: 50px;
}

.rec-card .img-rec {
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
    padding: 20px 0px;
}

.rec-card .img-rec:last-child {
    border: none;
}

.rec-card .img-rec.pdt-0 {
    padding-top: 0px !important;
}

.chart-rec {
    display: flex;
    align-items: center;
}

.chart-rec .chart-box-rec {
    width: 65%;
    border-right: 1px solid rgb(0, 0, 0, 0.05);
    padding-right: 30px;
}

.chart-box-rec .timeformat p.tam::before,
.timeformat p.tam::after {
    width: 37%;
}

.chart-box-rec .timeformat p.tpm::before,
.timeformat p.tpm::after {
    width: 37%;
}

.effective-timebox {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.05);
    padding-bottom: 10px;
}

.effective-time .effective-timebox:last-child {
    border: none;
}

.effective-timebox svg {
    margin-right: 20px;
    width: 40px;
}

.effective-timecnt h4 {
    font-size: 16px;
    color: var(--color-black1);
    margin-bottom: 5px;
    font-weight: 500;
}

.effective-timecnt p {
    font-size: 12px;
    color: #9D9D9D;
    margin-bottom: 1px;
}

.effective-timecnt h5 {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 500;
}

.effective-time {
    padding-left: 70px;
}

.effective-timecnt h5.clrred {
    color: #C80101;
}

.mb-50 {
    padding-bottom: 50px;
}

/* ---------------------------------------------
   38. Advertisement - Advanced Recommendations
-----------------------------------------------*/
.ad-card {
    background: var(--bg-white);
    box-shadow: 0px 3px 48px #0000000f;
    padding: 30px;
    border-radius: 17px;
    position: relative;
}

.ad-card h4 {
    font-size: 16px;
    color: var(--color-black1);
    font-weight: bold;
    margin-bottom: 25px;
}

.segrec-box {
    display: flex;
    align-items: center;
}

.promotionrecommendationpage .segrec-box {
    display: flex;
    align-items: baseline;
}

.segrec-box ul p {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.segrec-box ul p svg {
    width: 25px;
    margin-right: 10px;
}

.segrec-box ul p.grn {
    color: var(--primary-color);
}

.segrec-box ul li {
    color: var(--color-black1);
    font-size: 14px;
    margin: 8px 0px;
}

.segrec-box ul p.redcl {
    color: #C80101;
}

.segrec-box ul.moreeffctiveul {
    position: relative;
    padding-right: 20px;
}

.segrec-box ul.moreeffctiveul:after {
    content: "";
    background: rgb(0, 0, 0, 0.05);
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 1.5px;
}

.segrec-box ul.lesseffctive {
    padding-left: 20px;
}

.adboxs h4 {
    font-size: 14px;
    color: var(--color-black1);
    margin-bottom: 10px;
    font-weight: normal;
    font-weight: 500;
}

.adboxs p {
    color: #9D9D9D;
    font-size: 12px;
    margin-bottom: 0px;
}

.adboxs {
    border-bottom: 1px solid rgb(0, 0, 0, 0.05);
    padding: 15px 0px;
}

.ad-card .adboxs:last-child {
    border: none;
    padding-bottom: 0px;
}

.ad-card .adboxs:first-child {
    padding-top: 0px;
}

.ad-card .effective-timecnt h4 {
    font-size: 14px;
    color: var(--color-black1);
    margin-bottom: 5px;
    font-weight: normal;
    font-weight: 500;
}

.ad-card .effective-timebox {
    align-items: flex-start;
}

p.mb-5 {
    margin-bottom: 5px;
}

.ad-card .effective-timebox {
    border: none;
    margin-bottom: 0px;
}

.ad-card .effective-timecnt h5 {
    margin-bottom: 0px;
}

.ad-card.mb-50 {
    margin-bottom: 50px;
}

/* ---------------------------------------------
   39. Advertisement - Payment Activities
-----------------------------------------------*/
.postrr {
    display: flex;
    align-items: center;
}

.postrr svg {
    margin-right: 10px;
}

/* ---------------------------------------------
   40. Advertisement - Zi-café Go live
-----------------------------------------------*/
.ideazlive-tle h4 {
    font-size: 24px;
    font-weight: bold;
    color: var(--color-black1);
}

.ideazlive-tle p {
    font-size: 14px;
    color: var(--color-black1);
    line-height: 1.5;
}

.ideazliveoption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.ideazliveoption .ideazgolive .ideazlivebox {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    box-shadow: 0px 3px 22px #50B85566;
    background: var(--bg-white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
    cursor: pointer;
}

.ideazliveoption .ideazgolive svg {
    width: 65px;
}

.ideazgolive p.livetlte {
    font-size: 22px;
    color: var(--color-black1);
    width: 80%;
    margin: 0 auto;
    line-height: 1.1;
}

/* ---------------------------------------------
   41. Audio podcast
-----------------------------------------------*/
.ideazliveform {
    margin-top: 40px;
}

.ideazliveform textarea {
    resize: none;
}

.selectindus {
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}

.selectindus .dropdown-label {
    box-shadow: 0px 0px 6px #0000001A !important;
    border-radius: 30px !important;
    border: none;
    background: var(--bg-white);
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #838B91;
    text-align: left;
}

.selectindus .dropdown1 .dropdown-list {
    border: none;
    max-height: 300px;
    overflow-y: auto;
    text-align: left;

}

.selectindus .dropdown1 .dropdown-list label {
    line-height: 1;
    margin-bottom: 8px;
}

.selectindus .dropdown1 .dropdown-list label option {
    align-items: flex-start;
}

.selectindus select:focus {
    border: none !important;
}

[data-theme="dark"] .uploadFile {
    background: #131517;
}

[data-theme="dark"] .usrprofilepage .uploadFile {
    background: var(--bg-lightgreen);
}

[data-theme="dark"] .uploadFile span {
    color: #fff;
    font-size: 13px;
}

[data-theme="dark"] .livesegmentdrop.dropdown-content .filterbtns {
    background: #131517;
}

[data-theme="dark"] .filterbtns .fltrcancelbtn {
    background: #222426;
}

[data-theme="dark"] .livebtns .libtns {
    background: #222426;
}

[data-theme="dark"] .selectindus .dropdown-label {
    background: #222426;
    color: #fff;
}

.usrprofilepage .uploadFile {
    box-shadow: none !important;
    border: 1px solid #c6c6c6;
}

.uploadFile {
    width: 25%;
    box-shadow: 0px 0px 6px #0000001A !important;
    border-radius: 30px !important;
    border: none;
    background: var(--bg-white);
    overflow: hidden;
    padding: 0px 20px;
    position: relative;
    resize: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    cursor: pointer;
}

.uploadFile span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    font-size: 12px;
    color: #838B91;
}

.addthumnail {
    cursor: pointer !important;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    z-index: 1;
}

.schedulelivescheck {
    display: flex;
    align-items: center;
}

.schedulelivescheck .form-group {
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
}

.schedulelivescheck .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.schedulelivescheck .form-group label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: var(--color-black1);
}

.schedulelivescheck .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    box-shadow: inset 0px 0px 4px #00000029;
    padding: 12px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 100%;
}

.schedulelivescheck .form-group input+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 9px;
    width: 6px;
    height: 10px;
    border: solid #E2E2E2;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.schedulelivescheck .form-group input:checked+label:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

.schedulelivescheck .form-group input:checked+label:before {
    background: var(--primary-color);
}

.schedulelives .sdate-sec .e-time {
    margin-left: 15px;
}

.schedulelives.end-date {
    width: 65%;
}

.scheduledbtn {
    background: var(--primary-color);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px;
    padding: 0px 25px;
    margin-top: 20px;
    cursor: pointer;
}

.scheduledbtn.act {
    background: #D1A000;
}

.ideazliveform p.frmtle {
    font-size: 18px;
    color: var(--color-black1);
    text-align: left;
}

#e-date[readonly],
#e-time[readonly] {
    cursor: pointer !important;
}

.dropdown1 {
    width: 300px;
    position: relative;
}

.schedulelives .sdate-sec .e-time svg {
    top: 12px;
}

/* ---------------------------------------------
   42. Zi-Café
-----------------------------------------------*/
.livepost {
    background: var(--bg-white) none repeat scroll 0 0;
    border: none;
    border-radius: 17px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
    box-shadow: var(--box-shawdow);
}

.livepost .more {
    float: right;
    position: absolute;
    display: flex;
    align-items: center;
    right: 20px;
}

.livepost-cnt {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

.livepost-cnt .livethumnail {
    width: 40%;
    flex-shrink: 0;
}

.livepost-cnt .livethumnail img {
    border-radius: 7px;
}

.livepost-cnt .liveinfocnt {
    width: 55%;
}

.livepost-cnt .liveinfocnt .liveuserinfo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.livepost-cnt .liveinfocnt .liveuserinfo img {
    border-radius: 17px;
    width: 53px;
    height: 53px;
    margin-right: 10px;
}

.liveuserinfo .liuserdetails h4 {
    font-size: 16px;
    color: var(--color-black1);
    margin-bottom: 0px;
}

.liveuserinfo .liuserdetails p {
    font-size: 12px;
    color: #BABABA;
    margin-bottom: 0px;
}

.livecntsec {
    margin-top: 20px;
}

.livecntsec h4 {
    font-size: 16px;
    color: var(--color-black1);
    line-height: 1.2;
    margin-bottom: 10px;
}

.livecntsec p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #A5A5A5;
}

.liveinfocnt .more-post-optns>ul>li i.arciveicon svg {
    width: 20px;
    height: 20px;
}

.liveinfocnt .share-session svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.liveinfocnt .more-post-optns>ul>li {
    color: var(--color-black1);
}

.livebtns {
    display: flex;
    margin-top: 30px;
    justify-content: flex-end;
}

.livebtns .libtns.active_archive {
    background: var(--primary-color);
    color: #fff;
}

.livebtns .libtns.active_archive svg path {
    fill: #fff;
}

.livebtns .libtns {
    box-shadow: 0px 1px 8px #0000001F;
    height: 30px;
    display: flex;
    align-items: center;
    background: var(--bg-white);
    color: var(--color-black1);
    font-size: 14px;
    border-radius: 30px;
    padding: 0px 20px;
    cursor: pointer;
    margin-left: 10px;
}

.livebtns .libtns svg {
    width: 13px;
    margin-right: 7px;
}

.livebtns .libtns svg path {
    fill: var(--color-black1);
}

.livestreamicon {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.livestreamicon p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #DB0000;
}

.livestreamicon p img {
    margin-right: 10px;
}

#livepost_popup .popuptitle {
    display: flex;
    justify-content: flex-end;
    border: none;
    padding: 0px;
}

#livepost_popup .insidepopup {
    padding: 0px;
}

.livepostcntpop {
    display: flex;
    justify-content: space-between;
}

.livepostcntpop .afterlivevideo {
    width: 48%;
}

.afliveform label {
    color: #919191;
    font-size: 12px;
}

.afliveform input {
    border: none;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 40px;
}

.afliveform textarea {
    border: none;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
    border-radius: 0px;
    resize: none;
    padding: 0px;
}

.afliveform input:focus,
.afliveform textarea:focus {
    border: none;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
}

.livepostcntpop .afliveform {
    width: 48%;
}

.lipostbtns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.liebtns {
    display: flex;
    align-items: center;
}

.lipostbtns .uploadFile {
    height: 32px;
    width: fit-content;
}

.lipostbtns .livepost-btn {
    box-shadow: 0px 0px 6px #0000001c;
    background: var(--primary-color) !important;
    color: var(--color-white);
    font-size: 14px;
    height: 32px;
    border-radius: 22px;
    line-height: 32px !important;
    float: right;
    font-weight: normal;
    padding: 0px 15px;
    font-size: 14px;
    font-weight: normal;
}

.lipostbtns .livepostpromote-btn {
    background: var(--bg-white) !important;
    color: var(--color-black1);
    box-shadow: 0px 0px 6px #0000001c;
    margin-left: 10px;
    height: 32px;
    line-height: 32px !important;
    border: none;
    padding: 0px 15px;
    font-size: 14px;
    font-weight: normal;
}

.lipostbtns .uploadFile span {
    font-size: 14px;
    max-width: 130px;
}

/* ---------------------------------------------
   43. Zi-Café live summery
-----------------------------------------------*/
.cardsectiontransparent {
    background: transparent;
}

.cardsectiontransparent .crmsetupcnt {
    text-align: center;
    padding: 0px 100px;
    min-height: auto;
    margin-top: 20px;
}

.chartbox.livesummery-chart fieldset {
    justify-content: center;
}

.chartbox.livesummery-chart {
    margin-top: 40px;
}

/* ---------------------------------------------
   44. Feed back and ratings list
-----------------------------------------------*/
.ratingstars {
    display: flex;
    align-items: center;
}

.ratingstars .rstars {
    background: #E2E2E2;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 3px;
}

.ratingstars .rstars.fullact {
    background: var(--primary-color);
}

.ratingstars .rstars.halfact {
    background: linear-gradient(to right,
            #50b855 0%,
            #50b855 50%,
            #E2E2E2 50%,
            #E2E2E2 100%);
}

.ratingstars .rstars svg {
    width: 15px;
}

.ratingstars .rstars svg path {
    fill: #fff;
}

table.comntble thead {
    background: transparent;
    border: none;
}

table.comntble thead th {
    font-weight: normal;
    color: var(--color-black1);
}

table.comntble tbody tr {
    /* box-shadow: 0px 0px 25px #0000000f; */
    /* background: var(--bg-white); */
    border-radius: 14px;
}

table.comntble tr:nth-child(even) {
    background: #f8fff7;
}

table.comntble tbody tr td:first-child {
    -moz-border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-radius: 0 0 0 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 20px;
}

table.comntble tbody tr td:last-child {
    -moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

table.comntble tbody td {
    color: var(--color-black1);
    padding: 15px 20px 15px 10px;
    position: relative;
}

table.comntble {
    border: none;
    /* border-collapse: separate; */
    border-spacing: 0 10px;
    /* min-height: 420px; */
    /* background: var(--bg-lightgreen); */
}

.txt_left.fntbold {
    font-weight: bold;
}

table.comntble thead th {
    color: var(--color-black1);
    font-size: 14px;
    position: relative;
    padding: 15px 20px;
    font-weight: 500;
    cursor: pointer;
}

table.comntble thead .arrhidn:before,
table.comntble thead .arrhidn:after {
    content: none !important;
    pointer-events: none;
}

.filtertab.ratingsortby {
    position: relative;
    width: auto;
}

.filtertab.ratingsortby::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    height: 2px;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.filtertab.ratingsortby .sort-by {
    width: auto;
}

.ratingtabstabs {
    padding: 40px 0px 0px 0px;
}

.ratingtabstabs h1 {
    font-weight: bold;
    color: var(--color-black1);
    font-size: 18px;
    margin-bottom: 20px;
}

.sort-by select {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto;
}

/* ---------------------------------------------
   45. Rating page
-----------------------------------------------*/
.ratingform {
    text-align: center;
    margin-top: 20px;
}

.ratingform .rangbtn {
    background: var(--primary-color);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 30px;
    padding: 0px 25px;
    margin-top: 20px;
    cursor: pointer;
    margin: 0 auto;
}

.ratingform textarea {
    resize: none;
    text-align: center;
}

.ratingform h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.rate {
    display: inline-block;
    border: 0;
}

.rate>input {
    display: none;
}

.rate>label {
    float: right;
    margin-right: 0rem;
    margin-left: 0rem;
    color: #C6C6C6;
}

.rate>label:before {
    display: inline-block;
    font-size: 2rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 ";
}

.rate .half:before {
    content: "\f089 ";
    position: absolute;
    padding-right: 0;
}

.rate input:checked~label,
.rate label:hover,
.rate label:hover~label {
    color: #50B855;
}

.rate input:checked+label:hover,
.rate input:checked~label:hover,
.rate input:checked~label:hover~label,
.rate label:hover~input:checked~label {
    color: #3ba340;
}

/* ---------------------------------------------
   46. Terms & Conditions
-----------------------------------------------*/
.terms_class {
    display: none;
}

.terms-conditions .termstle h1 {
    font-size: 26px;
    color: var(--color-black1);
    padding-bottom: 20px;
}

.terms-conditions .termstle {
    border-bottom: 1px solid #e6e6e6;
}

.terms-conditions .termscnt {
    margin-top: 30px;
}

.terms-conditions .termscnt h4 {
    font-size: 18px;
    color: var(--color-black1);
    margin-bottom: 20px;
}

.terms-conditions .termscnt p {
    font-size: 14px;
    color: var(--color-black1);
}

/* ---------------------------------------------
   47. Faq's
-----------------------------------------------*/
.termscnt .accordion-title {
    border: none;
    color: var(--color-black1);
    font-size: 18px;
    padding: 20px 0px;
    background: var(--bg-white);
}

.termscnt .accordion-title:hover,
.termscnt .accordion-title:focus {
    /* background: transparent; */
}

.termscnt .accordion-content {
    background: var(--bg-white);
}

.termscnt .accordion-content {
    border: none;
    padding: 10px 0px;
}

.termscnt .accordion li {
    border-bottom: 1px solid #e6e6e6;
}

.termscnt .accordion li:last-child .accordion-content {
    border-bottom: none;
}

.termscnt :last-child:not(.is-active)>.accordion-title {
    border-bottom: none;
}

.termscnt .accordion .accordion-title::before {
    border: 2px solid var(--primary-color);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    top: 35%;
}

.terms-conditions .looksolution p {
    font-size: 20px;
    color: var(--color-black1);
    margin-top: 30px;
}

.terms-conditions .looksolution a {
    color: var(--primary-color);
}

/* ---------------------------------------------
   48. User Management
-----------------------------------------------*/
.usemanagementtabs {
    padding: 40px 0px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 20px;
}

.usemanagementtabs h1 {
    font-weight: bold;
    color: var(--color-black1);
    font-size: 18px;
    margin-bottom: 0px;
}

[data-theme="dark"] #userManagement td input,
[data-theme="dark"] #userManagement td select {
    background: #fff !important;
    color: #000 !important;
}

[data-theme="dark"] #userManagement td select:focus {
    border: 1px solid #fff !important;
}

[data-theme="dark"] .tooltip {
    background: #000 !important;
}

[data-theme="dark"] .tooltip.top:before {
    border-color: #000 transparent transparent;
}

[data-theme="dark"] .tooltip.bottom:before {
    border-color: transparent transparent #000;
}

[data-theme="dark"] .tooltip.right:before {
    border-color: transparent #000 transparent;
}

[data-theme="dark"] .tooltip.left:before {
    border-color: transparent transparent transparent #000;
}

[data-theme="dark"] button.rbtn {
    background: var(--bg-lightgreen);
    background: #ffffff !important;
    color: #000 !important;
    font-weight: 500;
}

[data-theme="dark"] td.umstatus a svg {
    filter: brightness(0) invert(1);
}

[data-theme="dark"] #userManagement td select {
    background: url(../images/br_down.png) right 20px center #fff no-repeat !important;
}

[data-theme="dark"] #userManagement td select {
    color: #ffffff !important;
    background: none !important;
}

.umstatus .tooltip {
    background: transparent !important;
    z-index: unset;
    padding: 0 !important;
}

.umstatus.hidec_ma1 .tooltip svg path {
    fill: #c5c0c0 !important;
}

#userManagement td input {
    box-shadow: 0px 0px 6px #00000029 !important;
    border-radius: 23px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    margin-right: 13px;
    background: var(--bg-white);
    border: none;
    width: 100px;
    margin: 0 auto;
}

#userManagement td select {
    box-shadow: 0px 0px 6px #00000029 !important;
    border-radius: 23px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    margin-right: 13px;
    border: none;
    background: url(../images/br_down.png) right 20px center var(--bg-white) no-repeat !important;
    background-size: 15px !important;
    margin-bottom: 0px;
}

.dataTables_empty {
    text-align: center;
}

.adduserbtn {
    padding: 8px 20px;
    border: 2px solid #50b855;
    border-radius: 12px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #50b855 !important;
}

.mobileusermanagement {
    display: none;
}

.adduserbtn:hover,
.adduserbtn:focus,
.adduserbtn:active {
    color: #ffffff;
}

.adduserbtn svg {
    margin-right: 7px;
    width: 16px;
    height: 16px;
}


#userManagement td select:focus {
    border: none !important;
}

#userManagement td input[type=number]::-webkit-inner-spin-button,
#userManagement td input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.status-options .switch {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 29px;
    border-radius: 20px;
    background: var(--bg-white);
    box-shadow: inset 0px 0px 4px #cacbcc;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0px;
}

.status-options input:checked+.switch::before {
    left: 35px;
    background: var(--primary-color);
}

.status-options .switch::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 21px;
    height: 21px;
    background: #D2D2D2;
    border-radius: 50%;
}

.status-options input:checked+.switch::before {
    left: 35px;
    background: var(--primary-color);
}

button.update_active {
    background: var(--primary-color) !important;
    color: #fff !important;
}

button.update_inactive {
    background: #EBEBEB !important;
    color: #A2A2A2 !important;
    pointer-events: none !important;
}

button.rbtn {
    font-size: 14px;
    color: var(--color-black1);
    box-shadow: 0px 1px 8px #0000001f;
    background: var(--bg-white);
    border-radius: 24px;
    padding: 10px 20px;
    position: relative;
    cursor: pointer;
}

#userManagement th {
    text-align: left;
    line-height: 1;
    border-bottom: none !important;
}

#userManagement tbody tr {
    /* border-bottom: none !important; */
}

#userManagement th.txt_left {
    text-align: left;
}

#userManagement th {
    color: var(--color-black1);
}

#userManagement td {
    color: var(--color-black1);
    /* border-bottom: none !important; */
    padding: 3px 15px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
}

table#userManagement.hover thead tr:hover {
    background-color: #ffffff !important;
}

table#userManagement.hover tbody tr:hover {

    background-color: #ecffee;
}

.manager_class {
    width: 140px;
}

#userManagement td .tooltip .tooltiptext {
    padding: 20px;
}

#userManagement td a svg {
    width: 20px;
    height: 20px;
}

#userManagement td select {
    box-shadow: none !important;
    font-weight: normal;
    -web-appearance: none !important;
    background: none !important;
    width: auto;
    margin: 0;
    padding: 0;
}

/* #userManagement td a svg path {
    fill: #000;
} */

[data-theme="dark"] #userManagement td a svg path {
    fill: #fff;
}

.nodata_class h2 {

    color: var(--color-black1);
    font-size: 18px;
    margin-bottom: 25px !important;
    text-align: center;
    background: var(--bg-white);
    padding: 20px;
    margin: 0px auto;
    border-radius: 16px;
    box-shadow: 0px 0px 25px #0000000f;
}

[data-theme="dark"] .nodata_class h2 {
    color: #fff;
}

/* ---------------------------------------------
   49. Add user
-----------------------------------------------*/
.ideazlive-tles h4 {
    font-size: 20px;
    font-weight: bold;
    color: var(--color-black1);
    margin: 30px 0px;
}

body.innerpage.otherpages.adduserpage .grid-x {
    justify-content: center;
}

body.innerpage.otherpages.adduserpage h1.bilng-title {
    font-size: 28px;
    color: var(--primary-color);
    font-weight: 500;
}

.billing-sec.addusersec label:hover {
    color: var(--color-black1);
}

.billing-sec label:hover {
    color: var(--color-black1);
}

input.numapperence::-webkit-inner-spin-button,
input.numapperence::-webkit-outer-spin-button {
    opacity: 1;
}

button.submtbtn:disabled,
button.submtbtn[disabled] {
    background: #CECECE !important;
    color: var(--color-white);
    cursor: default;
}

.pos_rel.adduserpass button.pwd_eye {
    top: 49px;
}

ul.Basic_check li {
    margin-right: 10px;
}

ul.Basic_check {
    display: flex;
    flex-wrap: wrap;
}

ul.Basic_check_radio p {
    margin: 0px 20px;
}

.privilegesactive label {
    pointer-events: none !important;
}

.privilegestogleactive .audience-options {
    pointer-events: none !important;
}

[data-theme="dark"] ul.Basic_check li label {
    color: #fff !important;
}

.privileges_cunt [type="radio"]:checked,
.privileges_cunt [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.privileges_cunt [type="radio"]:checked+label,
.privileges_cunt [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.privileges_cunt [type="radio"]:checked+label:before,
.privileges_cunt [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.privileges_cunt [type="radio"]:checked+label:after,
.privileges_cunt [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--primary-color);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.privileges_cunt [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.privileges_cunt [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

ul.Basic_check li label {
    margin: 0px 0px 10px 0px;
    color: #484848 !important;
}

.privileges_cunt_left .audience-options input:checked+.switch::before {
    left: 25px;
    background: #25AA3F;
}

.privileges_cunt_left .audience-options .switch::before {
    background: #D2D2D2;
}

.mrf0 {
    margin-bottom: 0px;
}

ul.Basic_check_radio label {
    display: flex;
    align-items: center;
}

.privileges_cunt {
    display: flex;
    align-items: start;
    margin-bottom: 15px;
}

.privileges_cunt h3 {
    font-size: 16px;
    color: var(--color-black1);
    font-weight: 800;
}

.switch.round.large input#exampleRadioSwitch3 {
    height: 24px;
}

ul.Basic_check_radio li {
    display: flex;
    align-items: center;
}

.privileges_cunt p {
    margin-bottom: 0px !important;
    color: var(--color-black1);
}

.privileges_cunt .switch.large .switch-paddle::after {
    top: 5px;
    left: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--primary-color);
    box-shadow: inset 0px 0px 4px #CACBCC;
}

.privileges_cunt .switch.large .switch-paddle {
    height: 2.5rem;
    font-size: 1rem;
    border-radius: 50%;
    border: 1px solid #CACBCC;
    background: transparent;
}

.privileges_cunt_right {
    margin-left: 15px;
}

.vertical_check label {
    display: flex;
    align-items: center;
    justify-content: start;

}

.Basic_check_radio {
    display: flex;
    align-items: center;
    margin: 10px 0px;
}

ul.Basic_check_radio [type="radio"]:checked+label:after {}

[data-theme="dark"] .privileges_cunt [type="radio"]:checked+label,
[data-theme="dark"] .privileges_cunt [type="radio"]:not(:checked)+label {
    color: #fff;
    margin-left: 0px;
}

[data-theme="dark"] tbody#user_management_data {
    background: transparent;
    border: 1px solid var(--box-border);
}

/* ---------------------------------------------
   50. Referrals
-----------------------------------------------*/
.refersinfo {
    padding-right: 100px;
    padding-left: 30px;
}

.refhead,
.ref-free {
    margin-bottom: 30px;
}

.refhead h4 {
    color: var(--color-black1);
    font-size: 24px;
}

.refhead p {
    color: var(--primary-color);
    font-size: 14px;
}

.ref-free h4 {
    color: var(--primary-color);
    font-size: 18px;
}

.ref-free p {
    color: var(--color-black1);
    font-size: 14px;
}

[data-theme="dark"] .sharebox {
    background: #000;
}

.sharebox {
    background: #FCFFFC;
    border-radius: 34px;
    padding: 20px;
}

.bgwhite {
    background: var(--bg-white);
    padding: 20px 30px;
    border-radius: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sharebox .copy-url {
    margin-bottom: 0px;
    width: 70%;

}

.sharebox .copy-url input {
    border-radius: 14px;
}

.sharebox .copy-url h4 {
    margin-right: 10px;
}

.sharebox ul li a {
    width: 65px;
    height: 65px;
    box-shadow: 0px 3px 6px #00000029;
    background: var(--bg-white);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;

}

.sharebox ul li a svg {
    width: 20px;
}

.sharebox ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sharebox ul li {
    margin-left: 10px;
}

.sharebox ul li.deskhide {
    display: none;
}

.refferalpage .sharebox ul li a {
    width: 70px;
    height: 70px;
}

.no-rewards {
    text-align: center;
    padding: 150px 100px;
}

.no-rewards h4 {
    font-size: 24px;
    color: var(--color-black1);
}

.no-rewards p {
    font-size: 14px;
    color: var(--color-black1);
}

.cliamlist {
    margin-top: 20px;
}

.cliambox {
    display: flex;
    justify-content: space-between;
    background: var(--bg-white);
    padding: 30px;
    border: 1px solid #50B855;
    border-radius: 34px;
    margin-bottom: 10px;
}

.cliamcnt1 h4 {
    color: var(--color-black1);
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.cliamcnt1 p {
    color: var(--color-black1);
    font-size: 14px;
}

.cliamcnt1 .claimdiv {
    display: flex;
    align-items: center;
}

.cliamcnt1 .claimdiv .clitext {
    width: 60%;
}

.cliamcnt2 .cliambtn {
    font-size: 14px;
    color: var(--color-black1);
    box-shadow: 0px 1px 8px #0000001f;
    background: var(--bg-white);
    border-radius: 24px;
    padding: 12px 25px;
    position: relative;
    font-weight: bold;
    cursor: pointer;
    height: 38px;
}

.cliamcnt2 {
    position: relative;
}

.cliamcnt2 p {
    margin-bottom: 0px;
    font-size: 14px;
    color: var(--color-black1);
    position: absolute;
    bottom: 0px;
}

.cliambox.climed {
    background: transparent;
}

.claimedstatus {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--color-black1);
    box-shadow: none;
    background: transparent;
    border-radius: 24px;
    padding: 12px 25px;
    position: relative;
    font-weight: bold;
    cursor: pointer;
    width: 117px;
    height: 38px;
}

.claimedstatus:hover,
.claimedstatus:hover svg {
    color: var(--primary-color);
    fill: var(--primary-color) !important;
}

[data-theme="dark"] #exampleModal1_ma.reveal {
    border: 1px solid var(--primary-color);

}

.claimedstatus svg {
    margin-left: 5px;
    width: 15px;
}

.cliamcnt1 {
    width: 60%;
}

.cliamcnt2 {
    width: 40%;
    display: flex;
    justify-content: flex-end;
}

/* .claimedstatus{
    display: none;
} */
.cliambox.climed .claimedstatus {
    display: flex;
}

.in-email {
    display: flex;
    align-items: center;
}

.in-email input {
    width: 80%;
}

.in-email input {
    width: 95%;
    margin-right: 10px;
}

.in-email a {
    width: 30px;
    height: 40px;
}

.in-email a svg {
    width: 30px;
    height: 30px;
    color: #c6c6c6;
}

.add_field_button {
    background: var(--bg-white);
    box-shadow: 0px 0px 6px #0000001c;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 14px;
    color: var(--color-black1);
    padding: 0px 20px;
    margin-right: 5px;
    line-height: 40px;
    cursor: pointer;
}

.add_field_button svg {
    margin-right: 5px;
    height: 20px;
}

.add_submit_button {
    background: var(--primary-color);
    box-shadow: 0px 0px 6px #0000001c;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 14px;
    color: var(--color-white);
    padding: 0px 20px;
    margin-right: 5px;
    line-height: 40px;
    cursor: pointer;
}

.embtns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
    padding: 10px 5px;
}

.popupscroll {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

.cemailphonepop .insidepopup {
    padding: 30px 10px;
}

/*_______10-02-2023_______*/
.fltrsec p {
    width: max-content;
}

img.fil_icon {
    height: 25px;
    margin-right: 10px;
}

[data-theme="dark"] img.fil_icon {
    filter: invert(1) !important;
}

button.messagebtns {
    background: var(--bg-white);
    padding: 0px 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #AFAFAF;
    border-radius: 30px;
    float: right;
    box-shadow: 0px 0px 6px #0000001c;
    cursor: pointer;
    font-size: 12px;
}

/* -----------------------------------
   51. Api Intergration CSS
-------------------------------------*/
.api-tle h4 {
    font-size: 24px;
}

.apicnt .selectindus .dropdown1,
.apicnt .uploadFile {
    width: 100%;
}

.apicnt .uploadFile {
    margin-top: 10px;
}

.apicnt .selectindus {
    margin-top: 0px;
}

/* -----------------------------------
  18_______03_______2023
-------------------------------------*/
#exampleModal1 .close-button {
    position: absolute;
    right: 20px;
    top: 20px;
}

.subscription-history .bill-goback.mgoback {
    display: flex;
}

.filtertab.ad-mang.filtertab {
    margin-top: 30px;
}

.filtertab.ad-mang label.control.control--checkbox {
    font-size: 14px;
}

.filtertab.ad-mang label.control.control--checkbox {
    margin-bottom: 0px !important;
}

/* for promotion menus*/
.update_inactive_ma {
    background: #EBEBEB !important;
    color: #A2A2A2 !important;
    pointer-events: none !important;
}

.disable_menu_ma {
    pointer-events: none !important;
    background: #EBEBEB !important;
}

/* 10-06-2023  */
.advertisementleadsec .dropdown1,
.advertisementleadsec .dwnloadbtn,
.advertisementleadsec .dropbtn.crmdropbtn {
    width: 140px;
}

.chatmessagepopup {
    background: #e6e6e6 !important;
    color: #AFAFAF !important;
    box-shadow: 0px 0px 6px #0000001c;
    padding: 0px 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    float: right;
    font-size: 12px;
}

[data-theme="dark"] .promotioninsightspage .messagebtns,
[data-theme="dark"] .promotioninsightspage .messagebtn {
    background: #000 !important;
    border: 1px solid rgb(80, 184, 85, 0.4);
}

ul.audienceli li span.segareaname {
    word-wrap: break-word;
}

/* 14-06-2023  Robin */
[data-theme="dark"] .filterresultulabtest li .filtercnt {
    background: #50b855 !important;
}

[data-theme="dark"] .filterresultul li .filtercnt {
    /* background: #50b855; */
    /* border: 1px solid #50b855; */
}

[data-theme="dark"] form#form-data .promotion-user.cards-sec .more-post-optns:hover>ul {
    top: 35px;
    transform: scale(1);
    visibility: visible;
    border: 1px solid;
}

[data-theme="dark"] .drp-calendar.left.single .calendar-table table.table-condensed thead {
    background: #131517;
    border: 0px solid;
}

[data-theme="dark"] .drp-calendar.left.single .calendar-table table.table-condensed thead tbody,
[data-theme="dark"] .drp-calendar.left.single .calendar-table table.table-condensed thead th {
    border: 0px solid;
}

[data-theme="dark"] .segcheck .radio-img svg,
[data-theme="dark"] .radio-img svg {
    width: 20px;
    height: 20px;
    border: 1px solid #ffffff7d;
    border-radius: 50%;
}

[data-theme="dark"] .direct-results ul .resultsbox {
    box-shadow: 0px 3px 20px #131517;
}

[data-theme="dark"] .select-interest button {
    background-color: #222426;
}

div#may_be_later1 a.btn.post-btn {
    width: fit-content;
    margin: 25px auto 0px;
}

div#may_be_later1 p {
    text-align: center;
}

[data-theme="dark"] .modal-dialog input.btn.btn-secondary {
    color: #000;
}

[data-theme="dark"] .reaction-peoples .reaction-list .reaction-info svg path {
    fill: #fff;
}

/* [data-theme="dark"] #post-upload {
    border: 0px solid rgb(80,184,85,0.4);
} */
ul.menu-list li a:hover {
    color: #50b855;
}

[data-theme="dark"] a.whatsappicn svg {
    fill: #fff !important;
}

[data-theme="dark"] .sharebox ul li a {
    width: 65px;
    height: 65px;
    box-shadow: 0px 0px 12px #222426;
    background: #000000;
}

[data-theme="dark"] .claimedstatus svg {
    fill: #fff;
}

[data-theme="dark"] button.cliambtn {
    background: #222426;
}

div#claim_data_apend button.cliambtn:hover {
    background: #50b855;
    color: #fff;
}

span.ti-layers.copyclass {
    color: #50b855;
}

[data-theme="dark"] section.oprn_roles .rols_head {
    border-top: 1px solid #c6c6c6;
}

.other-profile .otherind_product .copy-url div#copied-success-ref {
    top: 55px !important;
}

.copy-url div#copied-success-ref {
    position: absolute;
    right: 2% !important;
    top: 43px !important;
    left: unset !important;
    bottom: unset !important;
}

div#copied-success-ref {
    position: absolute;
    bottom: -24px;
    right: 6%;
}

#copied-success-fed {
    left: -50px;
    right: 0px;
    text-align: center;
    top: 60px;
}

[data-theme="dark"] #copied-success-fed span {
    color: var(--primary-color) !important;
}

[data-theme="dark"] button.pmsgbtn.sent_gren {
    background: var(--primary-color) !important;
    color: #fff;
}

[data-theme="dark"] .profeedbtn button:hover {
    background: var(--primary-color) !important;
    color: var(--color-white);
}

.reaction-info.sameuser .symbolclick {
    width: 20%;
    text-align: center;
}

.reaction-info.sameuser .reaction-msg {
    width: 35%;
}

.sharebox {
    background: #F4FEF4 0% 0% no-repeat padding-box;
}

div#feebackRatings_wrapper table#feebackRatings th,
div#feebackRatings_wrapper table#feebackRatings td {
    border-bottom: 0px;
}

div#feebackRatings_wrapper table#feebackRatings tbody#feebackRatingstble tr {
    /* box-shadow: 0px 0px 12px #50B8556E; */
}

.successbox {
    background: var(--bg-label);
}

[data-theme="dark"] .successbox h4,
[data-theme="dark"] .successbox p,
[data-theme="dark"] .successbox .claimedstatus {
    color: var(--bg-white);
}

[data-theme="dark"] .successbox .claimedstatus svg {
    fill: var(--bg-white);
}

.friend-info .uprofname ins img {
    min-width: 30px;
}

#post_form_la_image .interaction_1,
form#audio-upload_from .interaction_1 {
    position: relative;
}

/* [data-theme="dark"] input#myInput{
    border-color: var(--primary-color) !important;
} */
[data-theme="dark"] .top-search input#myInput {
    color: #fff;
    border: 1px solid #858585;
}

/* 12--08--2023 */
[data-theme="dark"] table#add-directresult th {
    border-bottom: 0px solid #222426;
}

[data-theme="dark"] .connections-users ul.connections-requests li .requests-memb {
    border-bottom: 1px solid #7E7E7E;
}

[data-theme="dark"] .poll-questions input {
    color: #fff;
}

[data-theme="dark"] select .rpstselect,
[data-theme="dark"] select .rpstselect option {
    background-color: #131517 !important;
}

[data-theme="dark"] select.rpstselect.is-invalid-input {
    background-color: #f9ecea !important;

}

[data-theme="dark"] select.rpstselect.is-invalid-input option {
    color: #cc4b37 !important;
}

[data-theme="dark"] tbody#lead_append,
[data-theme="dark"] tbody#feebackRatingstble {
    background-color: #131517;
}

[data-theme="dark"] .filtertab.ratingsortby::before {
    background-color: rgba(255, 255, 255, 0.3);
}

/* 14--08--2023 */
.bordert {
    border-top: 1px solid #707070;
}

[data-theme="dark"] .popuptitle,
[data-theme="dark"] .product-fields input,
[data-theme="dark"] .custom-select .nice-select.Category_list_la,
[data-theme="dark"] input#category_name_la,
[data-theme="dark"] .pro-menu ul li {
    border-bottom: 1px solid var(--box-border) !important;
}

[data-theme="dark"] #serachChatUser,
[data-theme="dark"] #serachgroupUser {
    background: url(../images/search-gry.png) left 20px center no-repeat !important;
    background-size: 18px !important;
    border-color: #858585 !important;
    padding: 8px 30px 8px 45px !important;
}

[data-theme="dark"] #serachChatUser::placeholder,
[data-theme="dark"] #serachgroupUser::placeholder {
    color: #858585;
}

[data-theme="dark"] form#edit_profile input,
[data-theme="dark"] .input-bx.urlinput,
[data-theme="dark"] span.select2-selection.select2-selection--single,
[data-theme="dark"] textarea#edit_about {
    border: 1px solid #858585;
}

[data-theme="dark"] .ind_checkbox {
    border-bottom: 1px solid #858585;
}

[data-theme="dark"] .edit_profile_inner .drop_down_content input::placeholder,
[data-theme="dark"] .post-comt-box form textarea::placeholder {
    color: var(--primary-color);
}

[data-theme="dark"] .edit_profile_inner .selected-flag {
    border: 1px solid var(--primary-color);
}

[data-theme="dark"] .share-options ul li a {
    background: #1d2630;
    box-shadow: 0px 3px 6px #00000029;
    /* border: 1px solid #50B855; */
}

[data-theme="dark"] .post-comt-box form textarea {
    border: 1px solid var(--primary-color);
    color: #fff;
}

[data-theme="dark"] #reportcmnd select,
[data-theme="dark"] textarea#edit_text_content12 {
    border: 1px solid #858585;
}

[data-theme="dark"] .more-post-optns>ul,
[data-theme="dark"] .cshare-popup {
    background: #263240;
}

[data-theme="dark"] .connct-others .cont-icon {
    background: var(--bg-white);
    color: #fff;
}

[data-theme="dark"] a.cont-icon.cont-more {
    /* background: #000000; */
}

[data-theme="dark"] .connct-others .cont-icon path {
    /* fill: #fff; */
}

[data-theme="dark"] .poll-questions .poll-option input {
    color: #fff;
    background: transparent;
    /* border: 1px solid var(--box-border); */
}

[data-theme="dark"] .poll-questions input {
    /* border-bottom: 1px solid #858585; */
}

[data-theme="dark"] .poll-questions input.is-invalid-input {
    background: #f9ecea !important;
    border-color: #cc4b37;
    background-color: #f9ecea;
    color: #cc4b37;
}

[data-theme="dark"] .feed-post-tab li.tab {
    /* background: #000 !important; */
}

[data-theme="dark"] .feed-post-tab li.tab:hover {
    background: var(--bg-white) !important;
}

[data-theme="dark"] .segmentscheckbox span.mark {
    background: #000;
}

[data-theme="dark"] #segVisisble {
    background: url(../images/search.png) left 20px center #000 no-repeat !important;
    background-size: 18px !important;
}

[data-theme="dark"] .fs-label-wrap {
    background: #000000 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 7px #50B8555C;
    border: 1px solid #000;
    border-radius: 9px;
}

[data-theme="dark"] input.autosuggestloc1,
[data-theme="dark"] input.autosuggestloc2,
[data-theme="dark"] input.segmentreachcls,
[data-theme="dark"] .promotionli-box.divider {
    border: 1px solid #858585;
}

[data-theme="dark"] .fs-dropdown,
[data-theme="dark"] .fs-wrap.multiple .fs-option .fs-checkbox i,
[data-theme="dark"] .paddingcustom .abtest.cards-sec.abtest-sec {
    background: #000;
}

[data-theme="dark"] .more-post-optns>ul {
    border: 1px solid #263240 !important;
}

[data-theme="dark"] input[readonly] {
    border: 1px solid #858585;
}

[data-theme="dark"] .deletesbtns .cancelpst {
    background: #000;
}

[data-theme="dark"] .promotion-details {
    border-top: 2px solid #858585;
}

table#promotion-analytics th {
    border-bottom: 0px solid #000;
}

[data-theme="dark"] .promotionanalysistabs ul li a {
    background: #000;
}

.promotionanalysistabs ul li.active a {
    background: var(--primary-color) !important;
}

[data-theme="dark"] .cls-1 {
    fill: #fff;
}

button#resend_otp1 {
    margin-top: 15px;
}

[data-theme="dark"] button#resend_otp1 {
    color: #fff;
}

[data-theme="dark"] .we-comment .more-post-optnska>ul.showm {
    background: #263240;
}

[data-theme="dark"] .form-sec.cardsec.loginfrm input,
[data-theme="dark"] div#appleid-signin {
    border: 1px solid #858585;
}

div#appleid-signin {
    border: 1px solid #dadce0;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
}

#appleid-signin div div:nth-child(1) svg+span {
    position: absolute;
    left: 0;
}

[data-theme="dark"] div#area_feed_ma .container-checkbox:hover input~.checkmark {
    color: #fff !important;
}

[data-theme="dark"] .sno-date input,
[data-theme="dark"] .sno-date input:focus {
    background: #222426;
    border: 1px solid #222426;
}

.sno-date input[type=number]::-webkit-inner-spin-button,
.sno-date input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sno-date input[type=number] {
    -moz-appearance: textfield;
}

table#downloadid thead tr th {
    border-bottom: 0px solid #000;
}

[data-theme="dark"] .tableheight.customscrollbar table.audiencefollowtable.unstriped thead {
    border: 0px solid #222426;
}

[data-theme="dark"] .ufdetails.fprofile-detail {
    /* background: #222426; */
}

.fourth img.Pattern {
    width: 20%;
}

div#exampleModal1_voters button#ref_box_close {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
}

.vopic {
    display: flex;
    gap: 30px;
    margin: 20px 0px;
}

img.voters_profile_pic {
    height: 50px;
    width: auto;
}

.vopic h4 {
    font-size: 16px;
}

/* ___29____08____2023_____ */
div#popmodel_cookie .row {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

div#popmodel_cookie {
    text-align: center;
}

.mchartcarousel.owl-carousel.owl-theme {
    display: block;
}

div#popmodel_cookie .cookie_btn_cls {
    background: var(--bg-white) !important;
    color: var(--color-black1);
    border: 1px solid var(--primary-color) !important;
}

a.btn.post-btn.cookie_ok_bt1 {
    border: 1px solid var(--primary-color) !important;
}

[data-theme="dark"] .ideazmeetliveaudiopage .uploadFile,
[data-theme="dark"] .ideazmeetliveaudiopage .dropdown.mr10 .dropbtn,
[data-theme="dark"] .dropbtn {
    background: var(--bg-white);
    box-shadow: 0px 0px 6px #0000001A !important;
}

@media only screen and (max-width:767.8px) {

    [data-theme="dark"] .bill-goback.mgoback svg.svg-icon path {
        fill: #fff;
    }

    [data-theme="dark"] .bill-goback.mgoback span {
        color: var(--color-black1);
    }

    [data-theme="dark"] .bill-goback.mgoback svg {
        background: #263240;
    }

    [data-theme="dark"] .promotionanalysistabs ul li.active a {
        background: transparent !important;
        color: var(--primary-color) !important;
    }

    [data-theme="dark"] .promotionanalysistabs ul li a {
        background: transparent !important;
    }

    [data-theme="dark"] .promotionanalysistabs ul {
        border-top: 1px solid #ffffff47;
        border-bottom: 1px solid #ffffff47;
    }

    [data-theme="dark"] .tabs-panel.is-active .bill-goback.mgoback svg {
        background: #000000;
    }

    [data-theme="dark"] .tabs-panel.is-active .bill-goback.mgoback svg.svg-icon path {
        fill: #50B855;
    }

    .comparisionlist-box .audiencebox {
        height: 300px !important;
        gap: 20px;
    }

    .comparisionlist-box .audiencebox .chartjsparent {
        width: 55% !important;
        height: 75% !important;
    }

    .comparisionlist-box .audiencebox .audiencecnt,
    .audiencebox .apex-charts,
    .apexcharts-canvas {
        width: 55% !important;
    }

    .audiencebox {
        flex-direction: unset !important;
    }

    .comparisionlist-box.engagementlistbox div#apexchartstsmbee1o {
        width: 100% !important;
    }

    [data-theme="dark"] .dropdown1 .dropdown-label {
        background: #222426;
        color: #fff;
        border: 1px solid #ffffff3d;
    }

    .dropdown1 {
        width: 130px;
        position: relative;
    }

    .aspayactivitiespage .vmbox {
        text-align: left;
    }

    .mbreceiptdownload a {
        justify-content: left !important;
    }

    [data-theme="dark"] .promo-sec input.search-field.error {
        color: #fff !important;
    }

    div#grd2 .connect-memb {
        flex-direction: unset;
        gap: 20px;
        margin-left: 10px;
    }

    div#grd2 .cnt-cnt span {
        word-break: break-word;
    }
}

/* bj Add css */
.poll_word_count {
    position: absolute;
    bottom: 0px;
    right: 0;
}

.poll-questions_b .poll-optnlist {
    padding-bottom: 25px;
    position: relative;
}

.userserachmu {
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 5px 0px;
}

.go_backbsec {
    padding: 35px 60px 0px 60px
}

.promotionanprevpage .DirectResults ul {
    position: relative;
}

.promotionanprevpage .headbtn {
    position: absolute;
    top: -57px;
    right: 23%;
}

#share_popup_b .share-options {
    position: initial;
    margin-top: 20px;
}

#share_popup_b .close-button {
    position: absolute;
    right: 15px;
    top: 10px;
}

.cookies-setcon {
    padding: 20px;
    margin: 10px -20px;
    max-height: 180px;
    overflow: auto;
}

.cookies-setcon .audience-options {
    justify-content: space-between;
    margin-bottom: 0;
    padding: 15px 10px;
    border-radius: 0.45em;
}

.cookies-setcon .dnychange img {
    transform: rotate(270deg);
    width: 14px;
    margin-right: 5px;
}

.cookies_content {
    height: 0;
    opacity: 0;
    display: none;
}

.cookies_content p {
    margin-bottom: 10px !important;
}

.cookies-setcon .cookies_opt {
    margin-bottom: 15px !important;
}

.cookies_content p:last-child,
.cookies-setcon .cookies_opt:last-child {
    margin-bottom: 0px !important;
}

.selected_cookie .cookies_content {
    transition: opacity 0.2s ease-out;
    height: auto;
    display: block;
    opacity: 1;
    padding: 15px 20px;
}

.selected_cookie .dnychange img {
    transform: rotate(360deg);
}

.cookies-setcon {
    display: none;
}

.cookies-setcon.cookiesopt_show {
    display: block;
}

[data-theme="dark"] .plansubscriptionspage .nice-select.currency-selector {
    color: #fff;
}

body.about_uspage .header {
    position: fixed;
}

.advertisementdirectpage #add_directresults .pro-post a {
    position: relative;
}

.advertisementdirectpage #add_directresults .pro-post .anal-hovt {
    left: 35px;
    top: 25px;
    width: fit-content;
}

.ratingopen li:last-child {
    cursor: pointer;
}

/* end of bj */
/* 29-09-23 css bj */
.notificationpage #noti-cnt-id p b {
    font-weight: normal;
}

[data-theme="dark"] #sharetospaceModal {
    border: 1px solid var(--primary-color) !important;
}

.feedpage .likes-info .cmtscnt svg,
.searchpostpage .likes-info .cmtscnt svg {
    margin-bottom: -2px;
}

[data-theme="dark"] .skillbar.active .skillbar-title,
[data-theme="dark"] .skillbar.active .skill-bar-percent {
    color: #222426;
}

.user-post .video-expand {
    bottom: 250px;
}

#image_filterpopup .imgcont {
    overflow: hidden;
}

/* end of 29-09-23 css bj */
.abtestresultpage .bill-goback.mgoback {
    display: flex !important;
}

.abtestresultpage .promote-tlesec h1 {
    display: none;
}

.gsearch_ulb {
    margin-left: 0;
}

.usrprofilepage .pro-vertical .pro-image img,
.activities_productact .pro-vertical .pro-image img {
    width: 120px;
    height: 120px;
    object-fit: cover;

}

.usrprofilepage .pro-vertical .pro-image img,
.activities_productact .pro-vertical .pro-image img {
    box-shadow: var(--box-shawdow);
}

#post_view .postmediasec {
    display: block !important;
}

#post_view .postprevsec .darktext.pop p {
    color: black;
}

[data-theme="dark"] #post_view .postprevsec .darktext.pop p {
    color: white;
}

/* star rating popup css */
form#rating_form {
    width: 600px;
    text-align: left;
    margin: 0px auto;
    background: var(--bg-white) none repeat scroll 0 0;
    box-shadow: var(--box-shawdow);
    border-radius: 17px;
    padding: 20px 30px 30px 40px;
}

.rating_flex {
    display: inline-flex;
    align-items: center;
}

.rats_subt {
    font-size: 16px;
}

.rating_flex h4 {
    margin-bottom: 0px !important;
    margin-left: 10px;
}

.global_rating {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

.global_rating input {
    display: none;
}

.global_rating p {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
    width: max-content;
    white-space: nowrap;
}

.global_rating .slctoptn {
    width: 100%;
}

.global_rating_cunt h4 {
    text-align: center;
}

.ratingform h4 {
    font-size: 24px;
    font-weight: bold;
}

.global_rating_cunt h4 {
    margin: 30px 0 0 0;
    font-size: 16px;
}

.global_rating .poll_percentage {
    width: 70%;
    position: relative;
}

#rating_form .count-hovt {
    left: 0 !important;
    right: auto;
}

.start_rat_sec .skill-bar-percent {
    right: 0;
}

.reveal#star_ratingshow {
    width: max-content;
    padding: 0;
}

#newproduct .filename.change-thumb {
    color: var(--primary-color) !important;
}

#rating_form .rating_flex {
    pointer-events: none;
}

#star_ratingshow .skillbar {
    background: #BBEBBD;
    transition: 1s ease 0.3s;
    width: 0%;
    border-width: 0px;
    margin-bottom: 0px;
}

#star_ratingshow .skill-sec {
    border: 1px solid var(--primary-color);
}

#star_ratingshow .close-button {
    top: 10px !important;
    right: 15px;
}

#star_ratingshow .skill-bar-percent {}

#star_ratingshow .ratingform {
    margin-top: 0px;
}

#rating_form .skill-bar-percent {
    position: relative;
}

.skill-sec .analy-para {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

/* end of star rating popup css */
/*suneditor css */
.sun-editor-editable {
    height: fit-content !important;
}

#suneditor_imgtext .se-container {
    display: flex;
    flex-direction: column-reverse;
}

.se-resizing-bar {
    display: none !important;
}

.wysiwyg {
    overflow-x: visible;
}

#suneditor_imgtext .se-menu-list button.se-btn {
    position: relative;
    background: #F5F5F5;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 90% 50%;
    padding: 0px 25px 0px 10px !important;
    margin-right: 4px !important;
    align-items: center;
}

.sun-editor .se-list-layer {
    background-color: white;
    border: 1px solid #bababa;
}

[data-theme="dark"] .sun-editor .se-list-layer {
    background-color: #0f0f0f !important;
    border: 1px solid rgb(80, 184, 85, 0.4) !important;
}

.sun-editor .se-btn-primary {
    border: 1px solid #80bdff;
}

[data-theme="dark"] .sun-editor .se-btn-primary {
    border: 0px solid #80bdff;
}

[data-theme="dark"] #suneditor_imgtext .se-menu-list button.se-btn {
    background-color: #000000;
    color: #757575;
}

.sun-editor .se-btn:enabled.active {
    background: var(--primary-color) !important;
    color: #ffff !important;
}

[data-theme="dark"] .sun-editor .se-btn:enabled.active {
    /* color: #4592ff !important; */
}

.sun-editor .se-toolbar {
    background-color: transparent;
    border-top: 1px solid #EFEFEF;
    outline: none;
    padding: 10px 0px 0px;
    margin-top: 10px;
}

[data-theme="dark"] .sun-editor .se-toolbar {
    border-top: 1px solid #4D4D4D !important;
}

[data-theme="dark"] .se-list-layer ul li button {
    color: white !important;
}

[data-theme="dark"] .sun-editor .se-list-layer .se-btn-list:hover,
[data-theme="dark"] .sun-editor .se-btn-list.default_value {
    background-color: #4487da;
    border: none !important;
    border-radius: 0px;
}

.sun-editor {
    border: none;
    background-color: #fff !important;
}

[data-theme="dark"] .sun-editor {
    background-color: #1d2630 !important;
}

.sun-editor-editable {
    background-color: #fff;
    border: 1px solid;
}

[data-theme="dark"] #post-upload .sun-editor-editable {
    background-color: transparent !important;
    color: #9F9F9F !important;
}

.sun-editor .se-btn-list {
    min-height: 15px !important;
}

.se-wrapper .sun-editor-editable {
    height: 145px !important;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.sun-editor-editable {
    padding: 16px 10px !important;
}

.sun-editor .se-list-inner .se-list-basic li button.active {
    color: #fff !important;
}

.sun-editor .se-list-inner li>button {
    background: none;
}

.sun-editor .se-btn-list.default_value {
    border: none;
}

button.se-btn-list.se-btn-list {
    font-size: 14px !important;
}

.sun-editor .se-wrapper .se-placeholder {
    padding-left: 10px;
}

#text-upload #theText span {
    font-family: inherit;
}

/* end suneditor css */
/* .advertisementinsightspage .audienceheader {
    margin-bottom: 0px;
} */
.advertisementinsightspage .promotionanalysistabs ul,
.advertisementdirectpage .promotionanalysistabs ul {
    margin-top: 0px;
}

.advertisement-comparisonb .promotionanalysistabs ul {
    margin-top: 28px !important;
}

.promomenu {
    margin-top: 10px !important;
}

.we-comment svg {
    width: 14px;
    margin-right: 5px;
}

.we-comment svg path {
    fill: var(--color--grey8);
}

.we-comment svg #Path_1251 {
    fill: rgb(106, 182, 97);
}

.we-comment .hide-cmnt[data-val1="0"] svg #Path_1251 {
    fill: red;
}

.we-comment .hrcomment li {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.dropdownaddedb .calldropdown-select {
    display: none !important;
}

.post-meta.post_text_class1 {
    background-image: none !important;
}

.sun-editor-editable.invalid_btext {
    background-color: #f9ecea !important;
    color: #cc4b37 !important;
    border-radius: 14px;
}

.toolcnt p {
    margin-bottom: 0;
}

[data-theme="dark"] .procmn .dropbtn {
    background: #000;
}

.noticla a {
    color: #AFAFAF;
    background: #D8D9DA;
    border-radius: 50px;
    cursor: pointer;
    pointer-events: none;
}

.noticla {
    padding-bottom: 15px;
}

.noticla.countadded a {
    background-color: var(--primary-color) !important;
    color: var(--color-white) !important;
    pointer-events: auto;
}

body.paddingremove {
    padding-left: 10px !important;
}

body.paddingremove .promote-section .grid-container,
body.paddingremove .main-section .grid-container {
    padding-left: 0 !important;
}

#post-upload .selectpostusid,
#inquire-post-upload .selectpostusid,
#querypollModal .selectpostusid {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-width: 185px;
    height: 32px;
    border-radius: 22px;
    padding-right: 40px !important;
    background-position: 95% 50% !important;
    color: #838B91 !important;
}

[data-theme="dark"] #post-upload .selectpostusid,
[data-theme="dark"] #inquire-post-upload .selectpostusid,
[data-theme="dark"] #querypollModal .selectpostusid {
    color: #fff !important;
}

#post-upload .dflex-right .interaction,
#inquire-post-upload .dflex-right .interaction,
#querypollModal .dflex-right .interaction {
    position: initial;
    margin-right: 10px;
}

div.unset_styles {
    font-weight: normal !important;
}

.cmnt-sec .nice-select .currentb,
.cmnt-sec #cmt_class_ma li i {
    /* display: flex; */
    /* align-items: center; */
}

.cmnt-sec .nice-select.open .list {
    width: auto;
}

.cmnt-sec .nice-select {
    border: none;
}

.cmnt-sec #cmt_class_ma li:first-child {
    width: auto;
}

.cmnt-sec #cmt_class_ma .nice-select li {
    margin: 0;
    font-size: 14px !important;
    font-weight: normal;
}

.cmnt-sec #cmt_class_ma .nice-select li:hover svg path {
    fill: #fff;
}

.cmnt-sec #cmt_class_ma .nice-select li span {
    display: flex;
}

.cmnt-sec .nice-select:after {
    display: none;
}

div.unset_styles.text_bold {
    font-weight: bold !important;
}

.pro-post .dropdown-option .anal-hovt {
    top: 23px;
}

#repost_pop .close-button {
    position: absolute;
    right: 20px;
    top: 15px;
}

#repost_pop .repost-areas {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 10px 0px 10px;
    margin-top: 10px;
    background: var(--bg-lightgreen);
    border-radius: 17px;
    margin-top: 20px;
    max-height: 405px;
    overflow: auto;
}

[data-theme="dark"] #repost_pop .repost-areas {
    border: 1px solid #fafafa
}

#repost_pop .post-comt-box {
    width: 100%;
}

#repost_pop .post-comt-box {
    padding-left: 0;
}

#repost_pop .postcntsecpop {
    margin-top: 25px;
}

#repost_pop .coment-areab {
    margin-top: 25px;
}

.usrprofilepage #cmt_class_ma li:first-child {
    width: auto;
}

.repost-areas .postcntsecpop,
.repost-areas .postprevsec {
    pointer-events: none;
}

.repost-areas .friend-name {
    display: none;
}

.repostb_sec {
    border: 1px solid #fafafa;
    padding: 8px;
    margin-top: 10px;
    background: var(--bg-lightgreen);
    border-radius: 12px;
    margin-top: 20px;
}

[data-theme="dark"] .repostb_sec {
    border-color: var(--box-border);
}

.user-post .badgeclass img {
    min-width: 15px !important;
    max-width: 15px;
}

.remove_prpic {
    box-shadow: 0px 1px 17px #0000001c;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    background: var(--bg-white);
    position: absolute;
    bottom: 7px;
    left: 0;
    color: var(--bg-black1);
    z-index: 95;
}

.coverimageurl .pfrfediticon {
    right: 17px !important;
    bottom: 16px !important;
}

.usrprofilepage .pro-pic {
    /* margin: 4px 0px 0px 4px; */
}

.editprofilepage .avatar-upload .remove_prpic {
    bottom: 6px;
    left: 7px;
}

.usrprofilepage .avatar-upload .remove_prpic {
    width: 37px;
    height: 37px;
    bottom: 8px;
    left: 0px;
}

[data-theme="dark"] .remove_prpic {
    background: #fff;
}

.remove_prpic svg {
    width: 20px;
}

.repostb_sec_postdata,
.reposted_data .postmediasec {
    background: var(--bg-lightgreen);
    border-radius: 0px 0px 17px 17px;
    margin-top: 0px;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    padding: 10px 10px 10px 10px;
}

[data-theme="dark"] .reposted_data .repostb_sec_postdata,
[data-theme="dark"] .reposted_data .postmediasec {
    border-color: var(--box-border);
}

.reposted_data .post-meta {
    margin-top: 0px;
}

/* .reposted_data .videothum-wrapper {
    left: 10px;
    right: 10px;
    bottom: 10px;
} */
/* .reposted_data .video-expand {
    bottom: 260px;
    right: 10px;
} */
.reposted_data .repostb_sec {
    padding: 10px 10px 0px 10px;
    margin-top: 10px;
    background: var(--bg-lightgreen);
    border-radius: 17px 17px 0 0px;
    margin-top: 20px;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px 1px 0 1px;
    padding-bottom: 20px;
}

[data-theme="dark"] .reposted_data .repostb_sec {
    border-color: var(--box-border);
}

.reposted_data .darktext {
    padding: 20px 20px 0px 20px;
}

.reposted_data .post-meta .darktext,
.reposted_data .postmediasec .darktext {
    padding: 0px 20px 0px 20px !important;
}

.friend-info .badgeclass img {
    min-width: 14px !important;
    max-width: 15px;
}

.reposted_data .darktext p {
    color: var(--color-black2);
}

[data-theme="dark"] .reposted_data .darktext p {
    color: #fff !important;
}

[data-theme="dark"] #sharetochatModal {
    border: 1px solid rgb(80, 184, 85, 0.4) !important;
}

.fa-expand:before {
    content: "\f065";
    /* display: block;
    content: ' ';
    background-image: url(../images/video_exp.svg);
    background-size: 25px 25px;
    height: 25px;
    width: 25px; */
}

.usrprofilepage .likes-info .cmtscnt svg {
    margin-bottom: -2px;
}

[data-theme="dark"] .cmnt-sec .nice-select.open .list {
    border: 1px solid rgb(80, 184, 85, 0.4) !important;
}

#vid-upload #get_video .text-bg {
    height: auto;
}

#vid-upload #get_video .uploadFile {
    box-shadow: none !important;
    border: 1px solid #c6c6c6;
}

[data-theme="dark"] #vid-upload #get_video .uploadFile {
    background: var(--bg-lightgreen);
}

#post-upload #vid-upload .add_thumb_up,
#inquire-post-upload #vid-upload .add_thumb_up {
    display: none;
}

.profile_pic_side_nav {
    /* display: none; */
}

.profile_pic_side_nav.profile_img_re,
.profile_pic_side_nav.profile_img_add {
    display: block;
}

.coverimageurl .file-input__label,
.coverimageurl .pfrfediticon {
    width: 37px;
    height: 37px;
}

[data-theme="dark"] #rating_form .skill-sec a[href] {
    color: #000;
}

.usrprofilepage .pro-pic {
    overflow: visible;
}

.subscriptionyplan #previous_plan_id {
    max-height: 460px;
    overflow: auto;
    padding-right: 5px;
}

.failed_retry {
    padding: 10px 45px;
    color: #fff !important;
}

.cmnt-sec .likeicons.nice-select {
    font-size: 12px;
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active,
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus,
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover {
    border: 3px solid #6df717;
}

.advertisementdirectpage .headbtn {
    margin-bottom: 20px;
}

.post-meta.post_video_class.ctaviedio .video-expand {
    bottom: 310px !important;
}

#text-upload #theText {
    flex-direction: column;
}

.promotionanprevpage .plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 0;
}

.promotionanprevpage .post-meta.post_video_class.ctaviedio .video-expand {
    bottom: 258px;
}

#text-upload #theText {
    flex-direction: column !important;
}

.edit_profile_sec .deletaccount {
    visibility: hidden;
}

/* .se-btn-module li button[data-command="fontColor"].a{
    background: var(--primary-color) !important;
} */
/* .se-color-pallet button.active{
    border: 3px solid var(--primary-color) !important;
} */
/* new corrections css */
.advertisementaudiencepage .nice-select li:hover::before,
.promotionaudiencepage .nice-select li:hover::before {
    content: attr(data-value1);
    position: absolute;
    max-width: -webkit-fill-available;
    border-radius: 5px;
    padding: 0px 5px;
    color: #666;
    background: rgb(255 255 255);
    border: solid 2px rgba(230, 230, 230, 0.8);
    font-size: 12px;
    top: 30px;
    max-height: 200px;
    z-index: 9999;
    overflow: hidden;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
    font-weight: normal;
    height: auto;
    white-space: initial;
    line-height: normal;
    word-wrap: break-word;
}

.advertisementaudiencepage .nice-select li,
.promotionaudiencepage .nice-select li {
    position: relative;
    overflow: visible !important;
}

.engagementcnt .nice-select li::before {
    display: none !important;
}

.drop_down_content.signbup ul {
    flex-direction: column !important;
}

.drop_down_content.signbup {
    display: block;
}

@media only screen and (max-width:1023px) {

    .coment-area.show {
        overflow: hidden;
        padding-bottom: 0px !important;
    }

    .procmn .main-section .grid-container {
        padding-left: 0px !important;
    }

    .personal-info div {
        margin-bottom: 0px !important;
    }

    .comparisionlist-box .tabs-title a {
        font-size: 13px;
    }

    #sign_popup .ti-arrow-left {
        display: none;
    }

    .more-post-optns>ul>li {
        margin-bottom: 0;
    }

    .sidemenu .a_middle_sec {
        padding: 0px 0 !important;
    }
}

/* end of new corrections css */
div#pro_featurep svg path.cls-1 {
    fill: #0e0101;
}

[data-theme="dark"] div#pro_featurep svg path .cls-1 {
    fill: #ffff;
}

[data-theme="dark"] header {
    background-color: var(--bg-white);
}

.sun-editor-editable h3,
.sun-editor-editable h4,
.sun-editor-editable h1,
.sun-editor-editable h2 {
    margin: 0 !important;
}

.promoteeditpage .promotion-user.cards-sec .post_text_class {
    flex-direction: column !important;
}

#post_view .reposted_data .postmediasec {
    border: none !important;
}

#repost_pop .repost-areas .repostb_sec {
    border: none;
}

.subscriptions-prices .taxhind {
    color: var(--color--grey7070);
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

[data-theme="dark"] .repost_read_data .f14.darktext {
    color: var(--color-black2);
}

.promotionaudiencepage .nice-select ul,
.advertisement-audience-filter .nice-select ul {
    max-height: 200px;
}

.sun-editor .se-menu-list li:last-child button.se-btn.se-tooltip:not(.se-btn._se_color_picker_remove) {
    /* background: url(../images/rgb.png) !important; */
    /* background-repeat: no-repeat !important; */
    /* background-position: center !important; */
    /* background-color: #F5F5F5 !important; */
}

#suneditor_imgtext .se-menu-list button.se-btn {
    position: relative;
    background: #F5F5F5;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 90% 50%;
    padding: 0px 25px 0px 10px !important;
    margin-right: 4px !important;
    align-items: center;
}

.sun-editor .se-menu-list li:last-child button.se-btn.se-tooltip:not(.se-btn._se_color_picker_remove) svg {
    /* display: none; */
}

#post-upload .sun-editor .se-container,
#inquire-post-upload .sun-editor .se-container {
    display: flex;
    flex-direction: column-reverse;
}

#post-upload .wysiwyg #editor.img-editor,
#inquire-post-upload .wysiwyg #editor.img-editor {
    border-bottom: none !important;
}

#post-upload .sun-editor .se-container .se-menu-list button.se-btn,
#inquire-post-upload .sun-editor .se-container .se-menu-list button.se-btn {
    position: relative;
    background: #F5F5F5;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 90% 50%;
    padding: 0px 25px 0px 10px !important;
    margin-right: 4px !important;
    align-items: center;
    color: grey;
}

#post-upload .sun-editor .se-container .se-menu-list button,
#inquire-post-upload .sun-editor .se-container .se-menu-list button {
    color: grey;
}

.sun-editor {
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    -moz-user-select: text !important;
}

.procmn .nice-select li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hash_text {
    color: var(--color-green);
}

.post-meta a {
    color: #1468a0;
    text-decoration: underline;
}

.se-wrapper-wysiwyg a {
    cursor: auto !important;
}

.advertisementaudiencepage .engagementlistbox {
    min-height: 412px;
}

.sidemenu .a_middle_sec {
    background-color: var(--bg-white);
    padding: 20px 0;
}

.notification-popup .n_icon {
    background: #0000004a;
    border-radius: 100%;
    padding: 6px 2px 3px 5px;
    margin-right: 10px;
}

.notification-popup .n_icon svg {
    height: 15px;
    width: 15px;
}

.notification-popup .n_icon svg path {
    fill: #fff;
}

.notification-popup {
    transition: transform .35s;
    -webkit-transform: translate(-150%, -50%) !important;
    z-index: -1;
    top: 50%;
    position: absolute;
    background-color: #50b855;
    border: 1px solid #50b855;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0 7px 17px 0 rgb(80 184 85 / 45%);
    left: 115px;
    width: max-content;
}

.notification-popup.show {
    -webkit-transform: translate(0, -50%) !important;
    transition: transform .35s;
}

.pro-video video {
    border: 1px solid var(--primary-color);
}

.coment-area .nice-select ul.list {
    margin-left: 0;
    border-radius: 10px;
}

.post-meta {
    overflow: auto;
}

::-webkit-scrollbar:horizontal {
    height: 3px;
}

.post-meta table,
.post-meta table tr,
.post-meta table th,
.post-meta table tbody,
.post-meta table tbody td {
    border: none;
    background: none;
}

#post_view table,
#post_view table tr,
#post_view table th,
#post_view table tbody,
#post_view table tbody td {
    border: none;
    background: none;
}

.post-meta table tr,
.post-meta table th,
#post_view table tr,
#post_view table th {
    display: flex;
    flex-wrap: wrap;
}

.post-meta table tbody td {
    border: none;
    background: none;
    overflow-wrap: anywhere;
}

a.edit-pro-icon.top.has-tip {
    /* color: #000018; */
    font-size: 17px;
    font-weight: 500;
    border: 0;
}

a.edit-pro-icon.top.has-tip:hover {
    color: #50b855;
}


/* badge popup css  */

div#badge_appr_popup div.btnfield {
    display: flex;
    justify-content: space-evenly;
}

div#badge_appr_popup div.btnfield .btn-primary {
    min-width: 100px;
    height: 35px;
}

div#badge_appr_popup div.btnfield .btn {
    display: unset;
    line-height: unset;
    background-color: var(--color-green);
}

.header {

    position: fixed !important;
    width: 100%;
}

.header ul.menu-list li:first-child a {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 45px;
    padding: 0px 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header ul.menu-list li:first-child a:hover {
    color: #fff !important;
}

.se-wrapper-wysiwyg .hastagyourfriend {
    pointer-events: none;
}

.profile-detailbox .personal-info p {
    margin-bottom: 0px;
}

.personal-info div {
    margin-bottom: 0 !important;
}


.nodatacl {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nodatacl .norecords-cls {
    position: relative !important;
}

div#sign_popup span.ti-arrow-left {
    display: none;
}

/* div#post_view .postcntsecpop {
    position: absolute;
    top: 35px;
    right: 25px;
    left: 25px;
}
div#post_view .postdatacl_popup{
    margin-top: 50px;
} */
button.rate-btn.shr-btn,
.request-badgebtn button {
    color: var(--bg-black1);
}

.landing_body .bottom-menu ul.menu-list li:first-child a:hover {
    color: #fff !important;
}

div#areasareas1 {
    margin-bottom: 40px;
    max-height: 250px;
    overflow-y: auto;
}

#areasareas1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#areasareas1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #D0D9E2;
    outline: 2px solid #D0D9E2;
}

#areasareas1::-webkit-scrollbar {
    width: 1px;
    border-color: #EEEEEE;
}

.post-meta .read-less-link,
.post-meta .read-more-link {
    color: var(--color-black);
    text-decoration: none;
    font-weight: 500;
}

.post-comt-box .se-toolbar.sun-editor-common {
    display: none !important;
}

.post-comt-box .se-wrapper-wysiwyg {
    background: var(--bg-white) none repeat scroll 0 0;
    border-color: transparent;
    border-radius: 14px;
    color: var(--color--grey3);
    font-size: 13px;
    border: 1px solid #C6C6C6;
    line-height: 28px;
    resize: none;
    transition: all .3s ease;
    margin-bottom: 10px;
    height: auto !important;
    padding: 12px 10px !important;
    /* min-height: 30px !important; */
    /* max-height: 45px !important; */
}

[data-theme="dark"] .post-comt-box .se-wrapper-wysiwyg {
    border-color: var(--box-border);
}

.post-comt-box .se-placeholder {
    padding-top: 12px !important;
}

.post-comt-box .sun-editor-editable p {
    margin: 0 !important;
}

.comment_form .invalid_btext {
    background-color: inherit !important;
    color: inherit !important;

}

.segments-reach.seg-sec label {
    color: var(--color--grey11);
    font-size: 11px;
    line-height: 1.3;
}




.pennding-msg ul {
    display: flex;
    gap: 8px;
    background: #ffe4e5;
    /* background: #000000; */
    cursor: pointer;
    padding: 8px;
    border-radius: 12px;
    /* margin-bottom: 15px; */
    align-items: center;
    color: black;
}

.pennding-msg ul li.meetme {
    /* width: 12%; */
}

.pennding-msg ul p {
    font-size: 12px;
    margin-bottom: 0;
}

.pennding-msg ul li img {
    /* height: 50px; */
    width: 50px;
}

.pennding-msg ul h2 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}

.pennding-msg.success ul {
    background: #e0ffe1;
}

.pennding-msg.success h2 {
    color: #19791d;
}

button#resend_otp[disabled] {
    color: #bbb;
    cursor: not-allowed;
    font-weight: 600;
}

body.other-profile .pro-vertical .pro-image img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    box-shadow: var(--box-shawdow);
}

button.rate-btn.shr-btn,
.request-badgebtn button {
    color: var(--bg-black1);
}

button#resend_otp1[disabled] {
    color: #bbb;
    cursor: not-allowed;
}

body.procmn .delete-postsum.prevdbtns {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: end;
    text-align: end;
    align-items: end;
}

@media only screen and (max-width: 1023px) {

    .landing_body footer .bottom-menu {
        width: auto !important;
    }

    .landing_body footer .header.botom {
        bottom: 0;
    }

    .landing_body footer .footerlist.bottom-menu,
    .landing_body footer .footerlist.bottom-menu .menu-list {
        width: -webkit-fill-available !important;
    }

    .landing_body footer .footerlist {
        height: auto;
    }

    body.procmn .delete-postsum.prevdbtns {
        flex-direction: row !important;
    }
}

/* Dark Mode New */
.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

.left-dark {
    display: none;
}

.ma_timestamp {
    display: none;
}

#people_company {
    .usersection {
        justify-content: end;

        a {
            display: none;
        }
    }

    .post-meta {
        /* margin-top: -15px; */
        padding: 0;
    }

    .ma_timestamp {
        display: block;
    }
}

/* Checkbox */
.custom-checkbox input {
    display: none;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.custom-checkbox .checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid #ddd;
    border-radius: 4px;
    margin-right: 8px;
    position: relative;
    transition: background-color 0.3s ease;
    display: none;
}

.custom-checkbox input:checked+.checkbox {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.custom-checkbox input:checked+.checkbox::before {
    content: '✓';
    position: absolute;
    top: -3px;
    left: 2px;
    font-size: 12px;
    color: white;
}

.custom-checkbox span {
    font-size: 14px;
}

.custom-checkbox:hover .checkbox {
    border-color: var(--primary-color);
}

#people_company .marketting_sec {
    margin: 0;
}

.marketting_sec p:first-child,
.marketting_sec p:first-child span {
    font-size: 20px;
    font-weight: 500;
    line-height: inherit;
    font-family: var(--primary-font) !important;
}

.marketting_sec p:nth-child(2) {
    line-height: inherit;
}

.marketting_sec p:last-child,
.marketting_sec p:last-child span {
    color: var(--primary-color) !important;
    font-style: italic;
    font-weight: 500;
    font-size: 14px !important;
}

[data-theme="dark"] {
    --bg-white: #1d2630;
    --border-color: #303f50;

    aside {
        border-right-color: var(--border-color);
    }

    .left-dark {
        display: block;
    }

    .left-white {
        display: none;
    }

    .custom-checkbox {
        border-color: #fff;
    }

    .fliter-refine li span {
        color: #fff;
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        filter: invert(1);
    }

}

.dataTables_info#userManagement_info {
    position: absolute;
    bottom: -55px;
}

#fc_frame {
    width: 50px !important;
    transform: scale(0.89);
    right: 2px !important;
}

#fc_frame.h-open-container,
#fc_frame.fc-widget-normal.h-open-container {
    height: 720px !important;
    width: 422px !important;
    transform: scale(1);
}

/* Search */
.search-wrap {
    position: relative;
}

.search-wrap .search-input {
    border-radius: 10px;
    padding-left: 44px;
    height: 40px;
    margin: 0;
    background: var(--bg-white) !important;
    border-color: var(--box-border) !important;
}

.search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    pointer-events: none;
}

.btn-add.sucess-btn {
    height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 14px;
    background: var(--primary-color);
    color: var(--bg-white);
    font-size: 13px;
}

.btn-add svg {
    width: 16px;
    height: 16px;
}

.bar-inner {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.search-wrap {
    width: 320px;
    max-width: 100%;
}

@media (max-width: 640px) {
    .bar-inner {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-add {
        justify-content: center;
    }
}

.profile {
    &.accordion {
        margin-top: 26px;
    }

    .accordion-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: bold;
        font-size: 18px;
        padding: 12px 22px;
        color: var(--bg-black);
        background: var(--bg-white);
        min-height: 58px;
        border-color: var(--box-border);
    }

    .accordion-content {
        border-top: 1px solid var(--box-border);
        padding: 1rem;
        background: var(--bg-white);
        border-color: var(--box-border);
    }

    .product-card {
        border: 1px solid var(--box-border);
        border-radius: 10px;
        padding: 16px;
        position: relative;
        color: var(--bg-black);
        background-color: var(--bg-white1);
         cursor: pointer;

        p {
            margin: 0;
            font-size: 16px;
            font-weight: 500;
        }

        svg {
            width: 11px;
        }

        .dot-icon {
            fill: var(--bg-black);
        }

        .edit-icon svg,
        .promtote-icon svg {
            fill: var(--color--grey8);
            width: 11px;
            height: 11px;
        }

        .post-icon,
        .postpromote-icon svg,
        .dele-icon svg {
            stroke: var(--color--grey8);
            width: 11px;
            /* height: 11px; */
        }
    }

    .product-card img {
        object-fit: contain;
        margin-bottom: 15px;
    }

    .add-btn {
        display: none;
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
        border-radius: 6px;
        background: var(--box-border);
        color: var(--bg-black);
        width: auto;
        box-shadow: none;
        border-radius: 30px;
        height: auto;
        padding: 10px 12px;
    }

    .is-active .add-btn {
        display: inline-block;
    }

    .is-active>.accordion-title::before {
        content: "";
    }

    .accordion-title::before {
        right: 22px;
        margin-top: -12px;
        font-size: 22px;
    }

    .product-card.certificate-card {
        padding: 0px;
        background: #f3f3f3;
        margin-bottom: 25px;
    }

    .product-card .certificate-card-image {
        height: 217px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .certificate-title {
        border-bottom-left-radius: 10px;
        background-color: #ffffff;
        padding: 15px;
        border-bottom-right-radius: 10px;
    }

    .product-card .certificate-card-image img {
        height: 100%;
        width: auto;
        object-fit: contain;
        margin: 0px;
        border-radius: 10px;
    }
}

.spec-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.spec-row input {
    flex: 1;
    margin: 0;
}

.remove-spec, .remove-editSpec {
    background: none;
    border: none;
    color: red;
    font-size: 18px;
    cursor: pointer;
}

.bar-inner {
    margin-bottom: 15px;
    /* border-bottom: 1px solid var(--cc-btn-secondary-hover-bg); */
    /* padding-bottom: 20px; */
}

.certificate-box {

    .more-post-optns::before {
        content: none;
    }

    .product-card svg {
        width: 26px;
        height: 26px;
    }

    .product-card .more {
        position: absolute;
        right: 36px;
        top: 40px;

        .more-post-optns {
            margin-left: 12px;
        }

    }

    .product-card.certificate-card {
        .more {
            right: 21px;
            top: 17px;
        }

        .more-post-optns {
            margin-left: 11px !important;
            display: initial !important;
            border: 1px solid #ffffff;
            border-radius: 8px;
            background: #ffffff;
            width: 27px;
            height: 27px;
            box-shadow: 0px 0px 7px -1px #00000040;
        }

        .more a.js-cert-edit,
        .more a.js-cert-delete {
            font-size: 16px;
            color: #000000;
            display: block;
            padding: 4px 4px 4px 30px;
            position: relative;
            line-height: 21px;
        }

        .js-cert-edit svg {
            width: 16px;
            height: 16px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            top: 7px;
        }

        .more a.js-cert-delete {
            color: red;
            ;
        }

        .js-cert-delete svg {
            width: 17px;
            height: 17px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            top: 7px;
        }

    }


}

.border-bottom {
    border-bottom: 1px solid var(--box-border);
}

.text-black {
    color: var(--bg-black);
}

.exp-sec-block p {
    margin-bottom: 0px !important;
}

.exp-sec-block p.desbock {
    margin: 14px 0 !important;
}

.exp-sec-block>div+div {
    border-top: 1px solid var(--box-border);
    margin-top: 10px;
    padding-top: 20px;
}

.required {
    color: #cc4b37;
}

.gap-3 {
    gap: 10px;
}

.user-url .check-aval.small-btn {
    border-radius: 6px;
    position: relative;
    padding: 8px 12px;
    border: 1px solid var(--primary-color);
    color: var(--color-green);
    font-size: 13px;
    min-width: 140px;
}

.user-url .badge {
    background: var(--box-border);
    color: var(--bg-black);
    border-radius: 6px;
    font-size: 14px;
    width: 100%;
    min-width: auto;
    margin: 0;
    text-align: left;
    padding: 5px 10px;
}

.user-url .user-url-block p:first-child {
    margin: 0;
    min-width: 234px;
}

.profile-page .sidebar.static.right {
    /* max-width: 286.563px; */
    position: sticky;
}

.profile-full .tab-content {
    margin-top: 20px;
}

@media print,
screen and (min-width: 64em) {
    .profile-full .grid-x>.large-3 {
        /* width: 20%; */
    }

    .profile-full .grid-x>.large-9 {
        /* width: 79%; */
        /* padding-left: 5px; */
    }
}

.upload-box {
    border: 1px solid var(--box-border);
    border-radius: 8px;
    padding: 20px;
    position: relative;
}

.upload-area {
    cursor: pointer;
}

.preview-item {
    position: relative;
    display: inline-block;
    margin: 5px;
    min-width: 250px;
    background: #f1f1f1;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
}
.preview-item img{    object-fit: contain;
    height: 167px;
    align-items: center;
    border-radius: 10px;}

.preview iframe {
    border: 1px solid var(--box-border);
    border-radius: 4px;
    object-fit: cover;
    width: 100px;
    height: 120px;
    padding: 8px 14px;
    border-radius: 4px;
}

.preview .remove-btn {
    position: absolute;
    top: -6px;
    right: -6px;
    color: red;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid;
    border-radius: 30px;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 12px;

    svg {
        width: 16px;
        height: 16px;
    }
}

.gray-btn {
    background: var(--box-border);
    color: var(--bg-black);
    border: 0;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;

    &:hover,
    &:focus {
        background: var(--box-border);
        color: var(--bg-black);
    }
}

.catalog-page {
    .user-img {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        transition: background-color 0.2s ease-in-out;
    }

    .personal-info h5 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .user_des_dis p {
        margin: 0;
    }

    .profile-top-sec {
        padding: 14px 20px;
        border-bottom: 1px solid var(--box-border);
    }
}

.bg-white {
    background-color: var(--bg-white);
}

#addProductModal .sun-editor .se-toolbar {
    outline: none;
    background: transparent;
    border: 0;
}

.profile_detailscontent {
    /* position: relative;
    padding-right: 29px; */

}

/* .profile_detailscontent .clas_ma_10 {
    position: absolute;
    right: -1px;
    top: -3px;
    padding: 0;
    margin: 0;
} */

.profile_detailscontent .clas_ma_10 img {
    height: 22px;
    margin-top: -7px;
}

.profileedit_button {
    /* position: absolute;
    right: -28px;
    top: 3px;
    fill: red; */
    margin: 0;
    height: 20px;
}

.profileedit_button svg {
    width: 26px;
    height: 26px;
    margin: 0 0 -5px;
}

.profileedit_button svg path {
    fill: var(--blue);
}

.catalog-view p {
    line-height: 22px;
}

.d-grid-col>div {
    display: grid;
    align-items: center;
    gap: 10px;
    grid-template-columns: 45px 1fr 52px;

    img {
        border-radius: 50%;
        max-width: 40px;
        max-height: 40px;
        min-height: 40px;
    }
}

.d-grid-col>div+div {
    margin-top: 12px;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    margin: 0px 4px 0px 8px !important;
    border-left: 0px !important;
}

.view-as svg {
    width: 19px;
    height: 19px;
    margin-right: 7px;
}

.badgeimg {
    margin-top: -4px;
}

.profile-information .side_badgetext .clas_ma_10 {
    margin-left: 6px;
}

.profile-information .side_badgetext .clas_ma_10 img {
    width: 18px !important;
    height: 18px !important;
    margin-top: -6px;
}

.profile-information .edit-pro-icon {
    display: none;
}

.side_badgetext .clas_ma_10.sidenavbadge {
    margin-top: -10px !important;
}

.side_badgetext .clas_ma_10.sidenavbadge img {
    width: 20px !important;
    height: 20px !important;
}

.connect-memb .connect-info .clas_ma_10 img {
    width: 17px !important;
    height: 26px !important;
    margin-top: -4px;
    margin-left: 5px;
    margin-right: 0px !important;
}

.connect-memb .connect-info .clas_ma_10 {
    margin-top: 0px !important;
    margin-left: 0px !important;
    min-width: 18px;
}

.innerpage .max-width-65rem {
    max-width: 67rem !important;
}

.profile-full .pdleft0.sideberrgtfixed .sidebar.right {
    width: initial !important;
}

.add_new.addyours {
    display: block !important;
}

.subindustrywrap.add_cat_open .add_category {
    display: block;
}

.categroryonfeed span {
    background-color: #d5ffda;
    padding: 0px 12px;
    margin: 0px 0px 10px;
    display: inline-block;
    border-radius: 25px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-green);
}

.specificationtable {
    margin-top: 10px;
}


#catalogMenu li a.is-active {
    background-color: #f8f8f8;
    color: var(--primary-color);
    font-weight: 500;
    border-left: 3px solid var(--primary-color);
}
#catalogMenu li{  
    border-top: 1px solid #f0f0f0;
    margin-top: -1px;}
#catalogMenu li a{line-height: 1.5;}

.addyourbuttons .btn {
    display: inline-block;
    height: 44px;
    padding: 15px 20px;
    line-height: 9px;
    margin-left: 10px;
    margin-top: 10px;
}

.addyourbuttons .btn.btn-cancel {
    color: var(--cc-btn-primary-bg);
    background-color: var(--themecolor-white);
    border: 1px solid var(--color-green1) !important
}

.btn-sm-icon {
    padding: 6px 10px !important;

    border: 1px solid var(--cc-btn-primary-bg) !important;
    display: inline-block;
    line-height: 27px !important;
    height: 26px;
    padding: 0px 8px 0 26px !important;
    font-size: 12px;
    position: relative;
}

.btn-sm-icon svg {
    position: absolute;
    left: 5px;
    top: 4px;
}

.subindustrywrap .choices__list--multiple .choices__item {
    width: fit-content;
    border-radius: 6px;
    position: relative;
    line-height: 26px;
    padding: 0px 10px;
    border: 1px solid #ccefce !important;
    font-weight: normal;
    color: var(--primary-color);
    margin-right: 5px;
    margin: 3px 5px 3px 5px;
    height: 26px !important;
    font-size: 12px !important;
    background: var(--bg-lightgreen1) !important;
    padding: 0px 0px 0px 6px !important;
}

.subindustrywrap .choices__inner {
    background-color: var(--color-white) !important;
    border: 1px dashed var(--cc-toggle-bg-readonly);
    border-radius: 11px;
    padding: 0 10px !important;
}

.subindustrywrap .choices__input {
    background-color: var(--color-white) !important;
    border: 0px !important;
    outline: none !important;
}

.actionbuttons_WE {
    position: absolute;
    right: 12px;
    z-index: 9;
}

.editidzbtn {
    background: #edffee;
    width: 25px;
    height: 25px;
    border-radius: 6px;
}

.editidzbtn svg path {
    fill: var(--cc-btn-primary-bg)
}

.deleteidzbtn {
    background: #fff7f7;
    width: 25px;
    height: 25px;
    border-radius: 5px;
}

.actionbuttons_WE .delete-btn.deleteidzbtn {
    float: right;
}

.user_about_dis {
    color: var(--color--grey3)
}

.usrprofilepage p {
    line-height: 24px;
    font-size: 14px;
    color: #262626;
}

.copyIDZBtn {
    background-color: #e8f1ff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
}

.profileurlBlock #usernameInput {
    width: auto;
    height: auto;
    padding: 0 5px;
    display: inline;
    border: 0px;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0;
    text-overflow: ellipsis;
    margin: 0;
}

.profilecontentblock button.btn {
    display: inline-block;
    line-height: 27px !important;
    height: 26px;
    padding: 0px 8px 0 26px !important;
    font-size: 12px;
    position: relative;
}

.profilecontentblock button.btn svg {
    position: absolute;
    left: 5px;
    top: 4px;
}

.hideeditview {
    display: none;
}

.profiledetails_idz span {
    margin-right: 19px;
    font-size: 14px;
}

.profiledetails_idz span svg {
    margin-bottom: -3px;
    margin-right: 3px;
}

.contact-skeleton {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.skeleton-icon {
    width: 24px;
    height: 24px;
    background-color: #f0f0f0;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}

.skeleton-text {
    width: 200px;
    height: 24px;
    background-color: #f0f0f0;
    border-radius: 4px;
    animation: pulse 1.5s infinite;
    margin-bottom: 7px;
}

.skeleton-text.short {
    width: 120px;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

.profile-skeleton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}

.skeleton-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f0f0f0;
    animation: pulse 1.5s infinite;
}

.profile-avatar {
    display: none;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}


.rightContainer .filtercustomtabs {
    background-color: #ffffff;
}

.rightContainer .sort-by {
    background-color: #ffffff;
}

#PreferenceEdit .choices__list--multiple .choices__item {
    width: fit-content;
    border-radius: 6px;
    position: relative;
    line-height: 26px;
    padding: 0px 10px;
    border: 1px solid #ccefce !important;
    font-weight: normal;
    color: var(--primary-color);
    margin-right: 5px;
    margin: 3px 5px 3px 5px;
    height: 26px !important;
    font-size: 12px !important;
    background: var(--bg-lightgreen1) !important;
    padding: 0px 0px 0px 6px !important;
}

#PreferenceEdit .choices__inner {
    background-color: #ffffff;
    align-items: center;
    flex-wrap: wrap;
    border: 1px dashed var(--cc-toggle-bg-readonly);
    padding: 5px;
    border-radius: 10px;
    padding: 0px 0 0 9px;
}

.subindustrywrap .choices[data-type*=select-multiple] .choices__button,
.subindustrywrap .choices[data-type*=text] .choices__button,
#PreferenceEdit .choices[data-type*=select-multiple] .choices__button,
#PreferenceEdit .choices[data-type*=text] .choices__button {
    background-size: 6px;
    width: 8px;
    background-color: #50b855;
    line-height: 1;
    opacity: .75;
    border-radius: 0;
    width: 15px;
    height: 15px;
    border-radius: 57px;
}

.sharebadge img {
    width: 18px;
    height: 18px;
}

/* .profile-des, profile-location {
    height: 21px;
    line-height: 17px !important;
} */
.popupidz {
    padding: 0px !important;
}

.popupidz .popupheader {
    border-bottom: 1px solid #eeeeee;
    padding: 15px 25px;
    margin: 0 0 18px;
}

.popupidz .popup-body {
    padding: 15px 25px;
    overflow-y: scroll;
    height: calc(100vh - 230px);
}


.popupidz .popup-body .form-group {
    padding-bottom: 1.4rem;
}

.popupidz .popup-body .form-group input,
.popupidz .popup-body .form-group select {
    margin: 0px;
}

.popupidz .popup-body label {
    font-size: 13px;
}

.popupidz .popup-body label.checkbox1 {
    margin: 0px !important;
}

.popupidz .popup-body input[type='checkbox'] {
    height: auto;
}

.popupidz .popup-footer {
    padding: 15px 25px;
    text-align: right;
    border-top: 1px solid #eeeeee;
    margin: 0px !important;
}

.popupidz .popup-footer button, .popupidz .popup-footer input[type="button"] {
    margin: 0px;
    display: inline;
    height: 38px;
    line-height: 33px;
    padding: 0px 22px;
        border-radius: 25px;
}

.singletextarea {
    height: calc(100vh - 326px);
}

.skillsidz .choices__inner {
    background-color: var(--bg-white) !important;
    border-radius: 12px;
    border-color: var(--input-border);
}

.skillsidz .choices__input {
    height: 33px;
    background-color: var(--bg-white) !important;
    border: none !important;
}

.skillsidz .choices__inner .choices__item {
    border: 1px solid #ccefce !important;
    color: var(--primary-color) !important;
    background: var(--bg-lightgreen1) !important;
}

.skillsidz .choices__inner .choices__item .choices__button {
    background-size: 6px;
    width: 8px;
    background-color: #50b855;
    line-height: 1;
    opacity: .75;
    border-radius: 0;
    width: 15px;
    height: 15px;
    border-radius: 57px;
}

.catealogmainwrap {
    position: sticky;
    top: 62px;
    z-index: 9;
    height: calc(100vh - 80px);
    border-radius: 11px;
    margin-right: 19px!important;
}

.catalogtopwrap {
    padding: 10px 15px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}

.catalogtopwrap h5 {
    margin: 0;
}

.catalogtopwrap button {
    padding: 6px 7px !important;
    border: 1px solid #50b855 !important;
    height: auto !important;
    margin: 0;
}

.catalogsearchwrap {
    padding: 0px 15px;
}

.catalogRightHead {
    position: sticky;
    z-index: 9;
    top: 50px;
    background: #ededed;
    padding: 10px;
    border-radius: 6px;
}

.catalogRightHead h4 {
    margin: 0px;
    padding-right: 213px;
    position: relative;
    /* min-height: 41px; */
}
.catalogRightHead h4 button {position: absolute;
    right: 0;
    top: 2px;
    color: var(--bg-white) !important;
    outline: none !important;
}
.categorypopupbody{height: 135px !important;}
.catalogRightHead .button.success:focus, .catalogRightHead .button.success:hover{color:var(--bg-white) !important ;}
.catmainhead{position: relative;width: 100%;   }
.catmainhead button{
    /* position: absolute;top: 0px; right: 10px;  */
    border: 0px !important;background: var(--primary-color)!important; }

.catalogRightHead button {
    margin: 0px;
    min-width: 127px;
    font-size: 14px !important;
}

#productsGrid .cell {
    margin: 0.96rem !important;
}

#productsGrid .cell:nth-child(3n) {
    margin-right: 0px !important;
}

#productsGrid .more {
    position: absolute;
    right: 17px;
    top: 14px;
    z-index: 1;
}

#productsGrid .more .more-post-optns {
    display: initial !important;
    border: 1px solid #ffffff;
    border-radius: 8px;
    background: rgb(255 255 255 / 77%);
    width: 27px;
    height: 27px;
    box-shadow: 0px 0px 7px -1px #00000040;
    margin: 0px !important;
}

#productsGrid .product-card .certificate-card-image {
    height: 169px;
}

#productsGrid .product-card.certificate-card {
    margin: 0px !important;
}

#productsGrid .product-card.certificate-card .more-post-optns::before {
    background: #dff2e0 none repeat scroll 0 0;
    border-radius: 8px;
    content: "";
    height: 27px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.2s linear 0s;
    width: 27px;
    z-index: 0;
}

#productsGrid .more .more-post-optns svg {
    width: 24px;
    margin-top: -7px;
}

#productsGrid .more .more-post-optns .fmorec svg {
    width: initial;
    height: initial;
    margin: 0;
}
#productsGrid .more .more-post-optns .fmorec .promtote-icon svg{fill: var(--bg-black)}
#productsGrid .more-post-optns>ul>li {
    position: relative;
    padding: 5px 5px 5px 35px;
    color: var(--bg-black);
    border-radius: 8px;
    font-size: 14px;
}

#productsGrid .more-post-optns>ul>li:hover {
    background-color: #ededed;
}

#productsGrid .more-post-optns>ul>li i {
    position: absolute;
    left: 4px;
    transform: none !important;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 1.8;
    margin: 0 auto;
}

#productsGrid .more-post-optns>ul>li i.dele-icon svg path {
    stroke: red
}

#productsGrid .more-post-optns>ul>li .js-prod-delete {
    color: red
}

#productsGrid .more-post-optns>ul>li:hover i {
    position: absolute;
    left: 4px;
}

#productsGrid .more-post-optns>ul>li+li {
    margin-top: 2px;
}

#productsGrid .more-post-optns>ul {
    padding: 9px;
    border-radius: 10px;
}

#productsGrid .more-post-optns>ul>li i.postpromote-icon {
    border: 1.6px solid #5c5c5c;
    line-height: 0.9;
    border-radius: 5px;
    width: 17px;
    height: 17px;
    text-align: center;
    left: 6px;
    top: 8px;
}

#productView.reveal.large {
    height: calc(100vh - 130px);
    padding: 0;
    border: 0px;
    max-width: 90rem;
    overflow: hidden;
}

#productView.reveal.large .catalog-view .cell#product-file-preview {
    background-color: black;
    height: calc(100vh - 130px);
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 65%;
    text-align: center;
}

#productView.reveal.large .catalog-view .cell#product-file-preview img {
    height: 100%;
    width: auto;
    object-fit: contain;
    align-items: center;
}

.productdetailswrap {
    padding: 25px 10px 25px 25px;
    width: 35% !important;
    min-height: 100%;
    margin: 0 !important;
}
.productdetailswrap h3{    padding-right: 40px;
    line-height: 28px;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 20px;}
.productoverwrp {
   height: calc(100vh - 268px);
    overflow-y: auto;
    padding-right: 18px;
    margin-bottom: 10px;
}

.mainwrapproduct {
    width: 100%;
}

button.close-button.productclosebtn {
    position: absolute;
    right: 20px;
    top: 10px;
}

.popupidz .popup-body::-webkit-scrollbar-track,.productoverwrp::-webkit-scrollbar-track,#catalogMenu::-webkit-scrollbar-track  {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #D0D9E2;
}

.popupidz .popup-body::-webkit-scrollbar,.productoverwrp::-webkit-scrollbar,#catalogMenu::-webkit-scrollbar {
    width: 1px;
    border-color: #EEEEEE;
}

.popupidz .popup-body::-webkit-scrollbar-thumb,.productoverwrp::-webkit-scrollbar-thumb, #catalogMenu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-color: #C3E8C3;
    outline: 2px solid #C3E8C3;
}
#product-spec-description li{margin-bottom: 4px !important;
    border-bottom: 1px solid #f0f0f0;
    padding: 5px 5px;}
#product-spec-description li:last-child{border: 0px!important;}
.product-specifications-title{background: #f7f7f7;
    padding: 10px 5px;
    border-radius: 7px;
    font-size: 17px;}
.form-group input,.form-group select,.form-group textarea,.form-group .select2-selection,#specification input, #editSpecification input {border-radius: 10px!important;}
#addProductModal .select2-selection__rendered, #product_category_dropdown_edit .select2-selection__rendered{font-size: 14px;}
#addSpecification, #addEditSpecification{margin: 10px auto 0;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);}
.preview-item .remove-btn{background: none!important;}

#addProductModal .custom-select select.Category_list_la{-webkit-appearance : auto!important;}
.impressions-count svg{    width: 20px !important;
    height: 20px;}
.post-meta .specificationtable table th, .post-meta .specificationtable table td{display: initial!important;}
 .post-meta .specificationtable table th{width: 50%!important;}
 .post-meta .specificationtable table thead tr{background: #f7f7f7 !important;
    border-radius: 10px;
    margin-top: 20px;}
.postimagewrap{    min-height: 254px;
    height: 232px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: #f5f5f5;}
.postimagewrap  img{    height: 100%;
    width: auto;
    object-fit: contain;
    margin: 0px !important;}
.video-expand{display: none;}
.product-view-pdf{    width: 100% !important;
    float: left !important;
    text-align: left;
    flex-direction: initial !important;
    margin-bottom: 18px;}
#workExpList p {color: var(--color--grey3)!important;}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){background-color: #50b855!important;border-radius: 5px!important;}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){    background-color: #d8d8d8!important;border-radius: 5px!important;
    color: #5b5b5b!important;}
.learnmore-prduct svg{ margin-top: 3px!important;}
.learnmore-prduct svg, .learnmore-prduct svg path{fill:#000000;}
#certificateView{    width: 60%;}
#certificateView .certificate-attachment{    height: 100%;}
#certificateView .certificate-attachment img{      height: 100%;
    width: auto;
    object-fit: contain;
    align-items: center;}
[data-theme="dark"] {
.profile-section .profile-cnt{background: linear-gradient(0deg, rgb(29 38 48) 0%, rgb(15 20 26) 36%, rgb(29 38 48) 100%);}
.profile-section .profile-img-cnt{box-shadow:0px 0px 10px #000000;}
.gambar{border:4px solid #243548;}
.profiletab.post-tab{background-color: #1d2630;}
.customtabs{background-color: #1d2630;border-bottom: 1px solid #1d2630;}
.tab{background: #1d2630;}
 .viewprofiletabs li{color: #8190a1;}
.tab.active{background-color: #151d27;}
.catalogRightHead,#certificateView .certificate-attachment{background: #1d2630;}
.catealogmainwrap{background-color: #1d2630!important;}
.catalogtopwrap{border-bottom: 1px solid #141a22;}
#catalogMenu li{border-top: 1px solid #171e27;}
#catalogMenu li a.is-active{background-color: #182028;    color: var(--primary-color);}
#catalogMenu li a{color:#8190a1}
.product-card.certificate-card{background: #1d2630;}
.certificate-title{background-color: #19212a;}
.certificate-title p{color: #8190a1;}
.close-button svg g#ui-gambling-website-lined-icnos-casinoshunter{fill:#939393;}
.more-post-optns .dele-icon svg g path{fill: #263240;}
.more-post-optns .post-icon svg g path:last-child{        fill: none;
        stroke: #ffffff;}
.more-post-optns .post-icon svg path{fill: none;stroke: #ffffff;}
  #productsGrid .more .more-post-optns{  border: 1px solid #131920;
    border-radius: 8px;
    background: rgb(42 54 69);}
#productsGrid .more-post-optns>ul>li:hover{background-color: #16212e;}
.add-product-btn svg path, .left-side-add-category-btn svg path{stroke:#131920}
.popupidz .popup-footer{border-top: 1px solid #151d25;}
.popupidz .popupheader{border-bottom: 1px solid #151d25;}
.form-group input, .form-group select, .form-group textarea{border-color:#404851!important;}
.usrprofilepage p.product-description {color: #ffffff;}
.product-specifications-title{background-color: #171e26;}
#product-spec-description li{border-bottom: 1px solid #203041;}
.productclosebtn svg g line{stroke: #ffffff!important;stroke-width: 36!important;}
.productdetailswrap h3{border-color: #263341;}
.other-profile-icons .more-post-optns svg path{fill:#ffffff!important;}
.usrprofilepage p{color: #fafafa;}
.profile-card{background-color: #202c39;}
.profiledetails_idz span{color: #d0d0d0;}
#settings-tabs .tabs-title>a{background:#1d2630 !important;color:#ffffff;}
#settings-tabs .tabs.vertical>li{border-bottom: 1px solid #2c3947!important;}
.tabs-content {
    /* background: #1d2630 !important; */
}
.setting_linkheaders{background: #202c39;}
.rightContainer .filtercustomtabs,.rightContainer .sort-by{background-color: #1d2630;}
.dataTables_empty{background-color: #1d2630!important;}
input:disabled, input[readonly], textarea:disabled, textarea[readonly]{background-color: #19222c;}
}
.requestbadge img{width: 15px; height:15px;}
#pageloader .loader-icon svg .cls-1{stroke:none!important;}
.promotionfeed{float: left;width:100%;}
#shareProfileBtn {
    background: #eeeeee!important;
    width: 25px;
    height: 25px;
    border-radius: 6px;
    margin-left: 6px;
}
#shareProfileBtn svg{width: 19px;
    height: 19px;}


    .catmainhead {
  display: flex;
  justify-content: space-between; /* heading left, button right */
  align-items: center; /* vertical centering */

  border-radius: 6px;
}

.catmainhead h4 {
  margin: 0; /* removes extra top/bottom spacing */
  flex: 0 4 auto;
  font-size: 16px;
}

.sucess-btn {
  display: flex;
  align-items: center;
  gap: 6px; /* space between + icon and text */
  background: #28a745;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 14px;
}
div:where(.swal2-container).swal2-center>.swal2-popup{border-radius: 20px;}
div:where(.swal2-container) button:where(.swal2-styled){font-size: 14px !important;    padding: 15px 25px!important;}

#addProductModal,#editProductModal{width: 85rem;max-width: 85rem;}

.hide-upload-box{display: none;}
/* #addProductModal.reveal.large {
    height: calc(100vh - 130px);
    padding: 0;
    border: 0px;
    max-width: 90rem;
    overflow: hidden;
} */
 .stickyupload{position: sticky!important;top:0;}

#addProductModal #filePreview .preview-item , #editFilePreview .preview-item{
    background-color: #f1f1f1;
    height: calc(100vh - 305px);
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
    text-align: center;
    display: flex;
}

#addProductModal  #filePreview .preview-item img, #editFilePreview img{
    height: calc(100% - 0px);
    width: auto;
    object-fit: contain;
    align-items: center;
    border-radius: 10px;
}

#addProductModal  #filePreview .preview-item video, #editFilePreview video{
    width: 100%;
    border-radius: 10px;
}

#addProductModal  #filePreview .preview-item iframe, #editFilePreview iframe{
    width: 100%;
    height: calc(100vh - 330px);
    border-radius: 10px;
}

.browse-btn{    height: calc(100vh - 342px);
    display: table;
    vertical-align: middle;
    width: 100%;
    padding: 20% 0;
    background: #f1f1f1;
    border-radius: 13px;
}
#editFilePreview{border-radius: 10px;}
#editProductModal .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 13px;}

/* .ai_button{  fill: #9b9608;
    width: 30px;
    height: 30px;
    top: 7px;
    right: 0;
    border: 1px solid #f0de36;
    padding: 6px;
    border-radius: 7px;
    background: linear-gradient(176deg, rgb(255 252 229) 0%, rgb(248 238 144) 100%);} */
.ai_button{ cursor: pointer;    fill: rgb(155, 150, 8);
    width: 51px;
    height: 30px;
    top: 7px;
    right: 0px;
    border: 2px solid transparent;
    padding: 5px;
    border-radius: 20px;
    /* background: linear-gradient(white, white) padding-box padding-box, linear-gradient(254deg, rgb(136, 132, 12), rgb(221, 215, 29)) border-box border-box; */
        position: absolute;
}

#aboutcharCount,#charCount{color: #999999;}