@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        General Style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
body {
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
}

p {
    font-size: 16px;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: inherit;
    font-weight: inherit;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 12px;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

span,
a {
    display: inline-block;
}

button:focus,
select:focus,
input:focus,
textarea:focus {
    outline: none;
}

input::-webkit-input-placeholder {
    line-height: normal !important;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.sb {
    justify-content: space-between;
}

.center {
    align-items: center;
}

.site-area {
    padding-left: 40px;
    padding-right: 40px;
}
pre {
    white-space: pre-wrap;
    color: #606060;
    display: block;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}
button {
    cursor: pointer;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        HEADER STYLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
header {
    display: flex;
    align-items: center;
    padding: 12px 26px 12px 40px;
    border-bottom: 1px solid #ADC2C0;
    justify-content: space-between;
}

.overlay-body {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
}

.profile-icons {
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: center;
    z-index: 99;
}

.profile-dp {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
}
.profile-dp img {
    border-radius: 50%;
    height: 29px;
    width: 29px;
}

.profile-name span {
    color: #252525;
}

.profile-name {
    margin-right: 10px;
}

.user-bar {
    position: relative;
    width: 250px;
    justify-content: flex-end;
}

.user-notifications>span {
    color: #fff;
    height: 25px;
    width: 25px;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    margin-right: 25px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #EF52A2;
}

.site-menu {
    width: calc(100% - 400px);
}

.site-menu ul li {
    margin-right: 40px;
    position: relative;
    display: inline-block;
}

.site-menu ul li a {
    color: #252525;
    padding: 0 30px 6px;
}

.site-menu.profile ul li a {
    padding-bottom: 4px;
}

.site-menu ul li.active:before {
    left: 0;
    right: 0;
    content: '';
    width: 100%;
    bottom: -16px;
    margin: 0 auto;
    position: absolute;
    border: 3px solid #35175E;
    background: #35175E;
}
.suggestion-filters {
    align-items: flex-end;
    padding-right: 60px;
}
.profile-options {
    background-color: #fff;
    position: absolute;
    top: 47px;
    right: 0;
    z-index: 999999;
    width: 258px;
    padding: 5px 15px;
    border-radius: 4px;
    border: 1px solid #35175D;
    box-shadow: 0 0 5px -2px #f5f7f7;
}
a#LIwPPundefined {
    padding: 0 !important;
}

.community-group-acts > .custom-row {
    justify-content: flex-end;
}
.profile-follow {
    margin-left: 10px;
}

.other-profile {
    justify-content: flex-start !important;
}
.community-creation {
    margin-top: 4px;
}

/*.web-alert {*/
/*    max-width: 590px;*/
/*    margin-left: 70px;*/
/*    margin-top: 20px;*/
/*    margin-bottom: 0;*/
/*}*/
#all_notes_listing,
#private_notes_listing,
#public_notes_listing {
    max-height: 750px;
    height: 100%;
    overflow-y: auto;
    padding-right: 10px;
}

#notification_tab,
#notebooks {
    height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

#notification_tab::-webkit-scrollbar,
#notebooks::-webkit-scrollbar,
.singleProducts-list::-webkit-scrollbar,
.all-comments-here::-webkit-scrollbar,
.video_comments::-webkit-scrollbar {
    width: 10px;
}
.order-filter.myOrd {
    margin-left: auto;
}
#notification_tab::-webkit-scrollbar-thumb,
#notebooks::-webkit-scrollbar-thumb,
.video_comments::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: grey;
}
.singleProducts-list::-webkit-scrollbar-thumb,
.all-comments-here::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #319da0;
}
.mentions-input-box {
    width: 90%;
}

.gp-post-cover .mentions-input-box {
    width: 100%;
}

.profile-options ul li a {
    /* padding: 5px 0; */
    font-size: 15px;
    color: #252525;
    display: block;
}

.profile-options ul li {
    padding: 8px 0;
    border-bottom: 1px solid #e8e8e8;
}
.profile-options ul li:last-of-type {
    border: none;
}

.profile-options {
    display: none;
}

.mombile-toggler {
    display: none;
}

.mombile-toggler span {
    height: 2px;
    width: 30px;
    display: block;
    margin-bottom: 8px;
    background-color: #000;
}

.mombile-toggler span:last-of-type {
    margin: 0;
}

.notifications-box {
    background-color: #fff;
    position: absolute;
    top: 48px;
    z-index: 1000;
    right: 140px;
    width: 340px;
    display: none;
    border: 1px solid #35175D;
    box-shadow: 4px 5px 8px 0px #35175D;
}

.notifications-box nav {
    display: flex;
    padding: 10px 10px;
    justify-content: flex-end;
    border-bottom: 1px solid #DBD8D8;
}

.notifications-box .nav-link {
    border: none;
    color: #252525;
    font-size: 9px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0;
}

.notifications-box .nav-link:first-of-type {
    margin-right: 15px;
}

.notifications-box .nav-link.active {
    color: #252525;
    border-bottom: 1px solid #000;
}

.notifications-box .nav-tabs {
    border-bottom: none;
}

.notification>a {
    display: flex;
    width: fit-content;
}

.msg-dp {
    height: 34px;
    width: 34px;
    margin-right: 10px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.msg-dp img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.msg-text p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.61);
    padding: 0;
    word-break: break-all;
}

.msg-text a {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.61);
    padding: 0;
    word-break: break-all;
}

.message-notify {
    padding: 5px 10px;
}

.msg-text {
    width: calc(100% - 47px);
}

.see-all {
    text-align: center;
    padding-bottom: 2px;
}

.see-all a {
    color: #252525;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.sms-body {
    max-height: 202px;
    overflow-y: auto;
}

.sms-body.empty {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sms-body::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-image: linear-gradient(to right, #4F377D 35%, #0CDDC2);
}

.modal-large .modal-dialog .modal-content {
    border: 5px solid;
    border-radius: 5px;
    border-color: #4F377D;
}

span.no-sms {
    color: #252525;
    font-size: 12px;
    font-weight: bold;
    padding: 80px 0;
    text-align: center;
    width: 100%;
}

.user-live {
    color: #009885;
    font-size: 13px;
    font-weight: 500;
    margin-right: 30px;
}

.message-functions {
    position: absolute;
    right: 1px;
    z-index: 9;
    top: 20px;
    width: 10px;
}

.chatbox-body .message-row .message-functions {
    top: 17px;
    right: 0;
}

.sms-dots span {
    height: 4px;
    width: 4px;
    background-color: #333;
    border-radius: 50%;
    display: block;
    z-index: 9;
    margin-bottom: 3px;
    cursor: pointer;
}

.receiver .smsTime {
    width: 100%;
    text-align: right;
    max-width: 100%;
    margin-left: 0;
    margin-top: 4px;
    padding-right: 25px;
}

.dots-list {
    position: absolute;
    z-index: 9;
    background-color: #fff;
    padding: 2px 10px;
    right: 0;
    border-radius: 4px;
    width: 85px;
    display: none;
}

.dots-list ul li {
    font-size: 14px;
    margin: 5px 0;
}

.message-content.flex .user-notifications {
    margin-left: 15px;
}

.message-content.flex .user-notifications span {
    margin-right: 0;
}

.comment-star.home-star {
    width: unset;
    margin-right: 5px;
}

.notebooks-msg,
.notebooks-msg:hover {
    color: #398d90;
    margin-right: 5px;
}

.note-image-upload {
    height: 50px;
    width: 35%;
    margin-right: 18px;
    position: absolute;
    left: 20px;
}

.note-image-upload img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /*margin-left: 20px;*/
}

.note-image-upload video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /*margin-left: 20px;*/
}

.video-uploaded-section {
    margin-top: 30px;
}

.note-adding.prof {
    text-align: left;
    margin-top: 30px;
}

.title-field input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #D8D8D8;
    color: #000;
}

.session-wrap.moods.mood-row {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.session-wrap.moods.mood-row > span {
    margin-right: 25px;
    position: relative;
    top: 4px;

}

.note-icons.pro-posting .note-image-upload.pro {
    top: -2px;
}

.note-image-upload.pro {
    right: 5px;
    left: unset;
    width: 65px;
    height: 45px;
}

.note-image-upload.pro i,
.note-image-upload i {
    position: absolute;
    top: -2px;
    right: -2px;
    background-color: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    font-size: 12px;
    align-items: center;
    color: red !important;
}

#community-post-image-preview i {
    margin: -62px;
    margin-left: 134px;
    background-color: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    display: flex;
    align-items: center;
    color: red !important;
}

.no-notification {
    text-align: center;
    margin-top: 100px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        SEARCH and TABS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.search-section {
    position: relative;
}

.search-content {
    padding: 30px 40px;
}

.search-field {
    width: 600px;
    position: relative;
}

.search-field input {
    width: 100%;
    color: #333;
    font-size: 16px;
    border-radius: 27px;
    border: 1px solid #CEDBDA;
    background-color: #F5F7F7;
    padding: 8px 39px 8px 20px;
    z-index: 999;
    position: relative;
}

.search-field input::placeholder {
    color: rgba(107, 119, 119, 0.6);
}
span.select2-search.select2-search--dropdown {
    padding: 0;
}

.select2-selection--single .select2-search__field {
    border: none !important;
    background: rgba(173, 194, 192, 0.2);
    border-radius: 20px;
    padding: 10px 20px !important;
    color: #333;
}

span.select2-dropdown.select2-dropdown--below {
    position: absolute;
    top: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    /*display: none;*/
}
.select2-selection.select2-selection--single:focus {
    outline: none;
}
.select2-selection.select2-selection--single #select2-add_refer_to-container,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    overflow: visible !important;
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.search-field button {
    position: absolute;
    top: 9px;
    right: 12px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 999999;
}
.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: relative;
    background: red;
    height: 20px;
    width: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 4px;
    left: 20px;
}
a#LIwPPundefined {
    background: none !important;
    width: 100%;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
}
#cwppButton {
    display: block;
}
a#LIwPPundefined b {
    color: #000;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
#file_product_1-error {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    top: 60px;
}
a#LIwPPundefined b:hover,
a#LIwPPundefined:hover b {
    text-decoration: none !important;
}
svg#CWPP_SVG_PPTM {
    display: none;
}
#product_is_shipping_cost-error {
    position: absolute;
    width: 200px;
    top: 16px;
    left: -20px;
}
#product_pick_up-error {
    position: absolute;
    width: 170px;
    bottom: -7px;
    left: 110px;
}
.noOrder {
    padding-left: 35px;
}
.serviceFilter {
    display: none;
}
.search-filter,
.productFilter,
.serviceFilter {
    cursor: pointer;
    margin-left: 35px;
}

.search-filter span,
.productFilter span,
.serviceFilter span {
    color: #252525;
    margin-left: 12px;
}
.productFilter img,
.serviceFilter img {
    display: inline-block;
    position: relative;
    top: -1px;
}
.video-filter {
    width: 400px;
    opacity: 0;
    /* bottom: 0; */
    right: 380px;
    z-index: -1;
    position: absolute;
    transition: 0.4s ease;
    top: 90px;
    background-color: #fff;
    padding: 5px;
    box-shadow: 4px 4px 3px 5px rgba(245, 247, 247, 0.5);
    border-radius: 5px;
    visibility: hidden;
}
.productFilters,
.serviceFilters {
    width: 325px;
    opacity: 0;
    z-index: 9999;
    position: absolute;
    transition: 0.4s ease;
    top: 35px;
    background-color: #fff;
    padding: 26px 20px;
    visibility: hidden;
    box-shadow: 0px 0px 25px -8px rgba(0, 0, 0, 0.18);
    right: -30px;
}
.marketPlace-filter-wrap {
    position: relative;
}
.productFilters.active,
.serviceFilters.active {
    opacity: 1;
    visibility: visible;
}
.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

.home-tabs {
    position: relative;
}

.home-tabs .nav-link {
    flex: unset;
    border: none;
    margin-right: 40px;
    padding: 0 25px 16px;
    color: #252525 !important;
}

.home-tabs .nav-link.active {
    border-bottom: 6px solid #35175E;
}

.home-tabs .nav-tabs {
    border-bottom: none;
}

.home-tabs nav {
    padding: 0 40px;
    border-bottom: 1px solid #ADC2C0;
}

.home-tabs .live-videos {
    padding: 45px 40px 60px;
}

.live-videos>h5,
.offline-videos>h5 {
    margin-bottom: 10px;
}

.session-wrap.tags .select2-selection.select2-selection--multiple,
.session-wrap.tags .select2-selection.select2-selection--single {
    border-radius: 40px !important;
    border: 1px solid #999;
}

.home-tabs .live-videos.with-filter,
.community-wrapper.with-filter,
.community-group-wrapper.with-filter {
    margin-top: 50px;
}

#trending.with-filter {
    margin-top: 50px;
}

.home-tabs .tab-content>h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.video-status span {
    color: #009885;
    font-size: 13px;
    font-weight: 500;
}

.home-tabs .offline-videos {
    padding: 35px 40px 24px;
    border-top: 1px solid #ADC2C0;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Tab1 SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.videos-section {
    padding: 50px 70px;
}

.videos-content h5 {
    color: #252525;
    font-weight: bold;
    margin-bottom: 20px;
}

.liveu-dp {
    height: 23px;
    width: 23px;
    margin-right: 10px;
    border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
}
.liveu-dp img {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
.live-user {
    margin-bottom: 10px;
}

.live-user a {
    color: #252525;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.vposter-wrap a {
    display: block;
}

.video-poster {
    height: 175px;
    width: 100%;
    border-radius: 10px;
    background: center/cover no-repeat;
    position: relative;
}

.mood-status {
    /*height: 4px;*/
    /*width: 49px;*/
    /*border-radius: 27px;*/
    margin-top: 8px;
    margin-left: auto;
    /*text-align: right;*/
    /*background-color: #60E2D1;*/
}

.live-videos .item,
.offline-videos .item {
    /*    margin-right: 30px;*/
}

.date-text p {
    color: #606060;
    font-size: 13px;
    display: inline;
    margin-left: 50px;
    word-break: break-all;
}

.date-text span {
    color: #606060;
    display: block;
    font-size: 13px;
    word-break: break-word;
}

.live-wrap.short,
.community-group-wrapper.short,
.dashboard.home-tabs.short {
    transition: 0.3s ease;
    width: calc(100% - 330px);
}

.live-wrap {
    transition: 0.3s cubic-bezier(0.5, 0.01, 0.76, 0.99);
}

.note-video img {
    height: 100%;
}

.account-detail-radio input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0;
    z-index: 9;
}

.account-details {
    position: relative;
}

.selected-status {
    position: absolute;
    left: -15px;
    top: 10px;
    height: 8px;
    width: 8px;
    background-color: #FF6C6C;
    border-radius: 50%;
    display: none;
}

.account-detail-radio input:checked~.selected-status {
    display: block;
}

.low-mode {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #c32323;
    border-radius: 5px;
    max-width: 360px;
    min-width: 360px;
}

.low-mode-content img {
    display: inline-block;
}

.low-mode-content h5 {
    color: #C32323;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.low-mode-content p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}

.hide-error {
    position: absolute;
    top: 10px;
    right: 8px;
}

.low-mode .mood-value span {
    color: #000;
    font-weight: bold;
    font-style: normal;
}

.low-mode .mood-range {
    margin-top: 20px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        SIDEBAR SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.site-wrap {
    position: relative;
    padding-bottom: 74px;
    /*    overflow-x: hidden;*/
}

.viewer-home.site-wrap {
    /*overflow: hidden;*/
}

.sidebar-section {
    top: 0;
    right: 0;
    z-index: 999;
    color: #fff;
    width: 360px;
    position: absolute;
    transition: 0.3s ease;
    background-color: #35175E;
    /* min-height: calc(100vh - 64px); */
    border-left: 1px solid #4EA1A6;
    display: block;
    min-height: 100%;
}

section.sidebar-section.main-page-sidebar {
    position: absolute;
    top: 0;
    /*    height: fit-content;*/
    /*    height: 100%;*/
}

.sidebar-section.main-page-sidebar:before {
    content: '';
    position: absolute;
    height: 100%;
    left: -18px;
    width: 18px;
    top: 5px;
    background-color: #fff;
}

/*
.sidebar-section.moveup {
    top: 0;
    min-height: 100vh;
}
*/
.sidebar-section.hide {
    right: -100%;
    display: none;
}

body.without-login .show-sidebar {
    position: absolute;
    top: 10px;
    right: 26px;
}

.show-sidebar {
    position: absolute;
    top: 17px;
    right: 23px;
}

.mood {
    padding: 15px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mood-header img,
.show-sidebar img {
    cursor: pointer;
}

.mood-range {
    padding: 0 7px;
    margin-top: 10px;
}

.mood-range span {
    font-size: 13px;
    margin-bottom: 5px;
}

.current-mode-wrap span {
    font-weight: 800;
}

.mood-value {
    margin-top: 6px;
    padding-right: 2px;
}

.mood-value span {
    color: #fff;
    font-size: 15px;
    font-style: italic;
    margin: 0;
}

li.select2-search.select2-search--inline {
    width: 250px;
}

.mood-message {
    border: 1px solid #0CDDC2;
    background-color: #fff;
    padding: 20px 10px;
    text-align: center;
    position: absolute;
    top: 86px;
    width: 89%;
    left: 0;
    right: 0;
    margin-left: 19px;
}

.mood-message span {
    color: #252525;
    font-size: 14px;
    font-style: italic;
}

.mood-message a {
    display: inline;
}

.mood-message img {
    position: absolute;
    top: 5px;
    right: 5px;
}

.image-uploader {
    width: 19px;
    height: 18px;
    position: relative;
}

.image-uploader img {
    cursor: pointer;
}

.image-uploader input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
}

/* Range Slider Goes here.... */
.mood-range .rangeslider__ruler {
    cursor: pointer;
    font-size: .7em;
    margin: 20px 3px 0 3px;
    position: relative;
    top: 100%;
    text-align: justify;
}

.mood-range .rangeslider__ruler:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.mood-range .rangeslider--horizontal,
.video-filter .rangeslider--horizontal,
.session-mood .rangeslider--horizontal,
.productFilters .rangeslider--horizontal,
.serviceFilters .rangeslider--horizontal {
    height: 10px;
}

.mood-range .rangeslider__handle,
.video-filter .rangeslider__handle,
.session-mood .rangeslider__handle,
.productFilters .rangeslider__handle,
.serviceFilters .rangeslider__handle {
    height: 20px;
    width: 20px;
    top: -6px;
    border: 2px solid #0CDDC2;
}

.mood-range .rangeslider__handle:after {
    display: none;
}

.mood-range .rangeslider,
.video-filter .rangeslider,
.productFilters .rangeslider,
.serviceFilters .rangeslider {
    background-color: #564A6C;

}

.rangeslider__fill {
    background: transparent;
}

.community-title-tag {
    display: inline-block !important;
    margin-left: 0 !important;
}

.collection-height {
    min-height: 110px;
}

.collection-bottom.flex.sb.center.postion-collection {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.date-text {
    padding-bottom: 40px;
}

.collection-height .date-text {
    padding-bottom: 20px;
}

.OT_publisher .OT_mute,
.OT_subscriber .OT_mute {
    right: 9px !important;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 34px !important;
    width: 37px !important;
}

.sidebar-moods-wraps .rangeslider__fill {
    background-image: none;
    background-color: transparent;
}

.video-filter.active {
    opacity: 1;
    display: block;
    visibility: visible;
    z-index: 9;
}

.video-filter.slide {
    right: 30px;
}

.video-filter p {
    color: #35175E;
    font-size: 15px;
    font-style: italic;
    margin-right: 4px;
    margin-top: 4px;
}

.credit-card-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card_no {
    width: 40%;
}

.card_no .icon-card {
    display: inline;
}

.card-action-btn {
    width: 30%;
}

.card-info {
    padding-left: 30px;
}

.card-donation-btn {
    color: #fff;
    border: none;
    padding: 10px 40px;
    background-color: #3FB898;
    border-radius: 2px;
    margin: 0 auto;
    cursor: pointer;
    display: block;
}

.new-card-add {
    display: inline-block;
    margin: 0 auto;
    text-decoration: underline;
    font-size: 14px;
}

#cards .close-modal {
    border: none;
    background-color: transparent;
}

.credit-card-item {
    margin-bottom: 20px;
}

#cards .modal-title h6 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.cart-holder .form-group:first-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cart-holder .form-group label {
    width: 100%;
}

.cart-holder>.form-group:first-of-type input {
    width: 48%;
}

#payment .close-modal {
    border: none;
    background-color: transparent;
}

#payment .modal-title h6 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

#payment .credit-cart-save button {
    background-color: #3FB898;
    color: #fff;
    margin: 0 auto;
    display: block;
    padding: 8px 45px;
}

.ranger input[type="range"] {
    display: block;
    -webkit-appearance: none;
    background-color: #564A6C;
    width: 300px;
    height: 10px;
    border-radius: 5px;
    margin: 0 auto;
    outline: 0;
}

.ranger input[type="range"]::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #0CDDC2;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
}

/* Sidebar Views */
.sidebar-views {
    padding: 20px 10px 0;
}

.views-content {
    min-height: 520px;
}

/* Hearder disable*/
header.disable {
    cursor: default;
    pointer-events: none;
}

.views-content .nav-tabs {
    border: 1px solid #fff;
    max-width: 338px;
    margin: 0 auto;
}

.views-content .nav-link {
    color: #fff;
    font-size: 15px;
    border-radius: 0;
    width: calc(100% / 3);
    background-color: transparent;
}

.views-content .nav-link.active {
    color: #35175E;
    background-color: #fff;
    font-weight: 500;
}

.views-content .nav-link:hover,
.views-content .nav-link {
    border: none;
}

.nav-triple {
    max-width: 326px !important;
}


.nav-triple .nav-link {
    width: calc(100% / 3);
}

.note-section {
    margin-top: 15px;
}

.notebox {
    background-color: #fff;
    padding: 20px 20px 12px;
    border: 1px solid #398D90;
}

.notebox span {
    text-transform: uppercase;
}

.note-icons {
    display: flex;
    margin-bottom: 25px;
    justify-content: flex-end;
}

.note-icons a {
    margin-left: 15px;
    margin-bottom: 15px;
}

.notebox textarea {
    width: 100%;
    border: none;
    resize: none;
    font-size: 16px;
}

.notebox textarea::placeholder {
    color: rgba(107, 107, 107, 0.6);
}

.notebox>span {
    color: #606060;
    font-size: 13px;
    text-align: right;
    display: block;
}

.public-check {
    margin: 13px 0 5px;
}

.note-adding {
    text-align: right;
    padding-bottom: 10px;
}

.note-adding input[type="submit"] {
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 400;
    border-radius: 27px;
    padding: 6px 26px;
    width: fit-content;
    background-color: #009885;
}

.public-check input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0;
}

.public-check .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 4px;
    border: 2px solid #fff;
}

.public-check .check-wrap {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 13px;
}

.public-check .checkmark:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

.public-check input:checked~.checkmark:after {
    display: block;
}

/** Notebook View **/
.notebook-section {
    margin-top: 15px;
    padding: 15px 10px 10px;
    background-color: #fff;
    border: 1px solid #398D90;
}

.notebook-srch input {
    width: 100%;
    color: #333;
    font-size: 14px;
    font-size: 16px;
    border-radius: 27px;
    border: 1px solid #CEDBDA;
    background-color: #F5F7F7;
    padding: 4px 39px 4px 20px;
}

.notebook-srch input::placeholder {
    color: rgba(57, 91, 88, 0.48);
}

.notebook-srch {
    width: calc(100% - 50px);
    margin-right: 10px;
}

.book-bg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border-radius: 50%;
    overflow-x: hidden;
    background: center/cover no-repeat;
}

.book-time span {
    font-size: 13px;
    font-weight: 500;
    color: rgba(95, 121, 119, 0.72);
}

.book-title span {
    color: #2F5261;
    font-size: 15px;
    font-weight: bold;
}

.notebook-boxes {
    overflow-y: scroll;
    min-height: 390px;
    height: calc(100vh - 500px);
    overflow-x: hidden;
    padding-top: 5px;
}

#all_notes_listing::-webkit-scrollbar,
#private_notes_listing::-webkit-scrollbar,
#public_notes_listing::-webkit-scrollbar,
.notebook-boxes::-webkit-scrollbar,
.note-comments-body::-webkit-scrollbar,
.library-slider::-webkit-scrollbar,
.post-comment-body::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
}

#all_notes_listing::-webkit-scrollbar-thumb,
#private_notes_listing::-webkit-scrollbar-thumb,
#public_notes_listing::-webkit-scrollbar-thumb,
.notebook-boxes::-webkit-scrollbar-thumb,
.note-comments-body::-webkit-scrollbar-thumb,
.library-slider::-webkit-scrollbar-thumb,
.post-comment-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #4F377D 40%, #0CDDC2);
}

.post-comment-body::-webkit-scrollbar {
    background-color: unset;
}

.notebook-box {
    margin-top: 25px;
    position: relative;
    padding: 0 10px 10px;
    border-bottom: 1px solid rgba(78, 161, 166, 0.62);
}

.notebook-box video {
    width: 100%;
    max-width: 100%;
}

.notebook-image {
    height: 165px;
    width: 100%;
    margin: 10px 0;
    background: center/cover no-repeat;
}

.book-title {
    margin-bottom: 10px;
}

.notebook-box .book-title {
    justify-content: flex-start;
}

.flexslider2.library-slider.personal {
    max-height: initial;
}

.community-title-tag {
    color: #939393;
    font-size: 12px;
    font-weight: 500;
    background-color: #F2F2F2;
    padding: 3px 8px;
    border-radius: 20px;
    margin-left: 10px;
}

.book-text p {
    color: #4E5958;
    margin: 15px 0;
    font-size: 13px;
}

.book-text img {
    margin: 15px 0;
}

.book-operations img {
    margin-right: 15px;
    cursor: pointer;
}

.book-operations.flex.center.dashboard-notes-act>a,
.notebook-operates.all-note-act>a {
    margin-right: 12px;
}

.notebook-operates.all-note-act>a:last-of-type {
    margin-right: 0;
}

.book-operations.flex.center.dashboard-notes-act>a>img,
.notebook-operates.all-note-act>a>img {
    margin-right: 0;
}

.book-footer {
    margin-top: 30px;
}

.recording-popup .modal-content {
    max-width: 350px;
    margin: 0 auto;
    background-color: #35175e;
    color: #fff;
}

button#recording-modal-repost,
#recording-modal-cancel,
.recording-popup .modal-footer button {
    padding: 5px 20px;
    border: none;
    background-color: #3fb898;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
}

button#recording-modal-repost {
    margin-right: 30px;
    min-width: 135px;
}

.recording-popup .modal-body {
    min-height: 100px;
    text-align: center;
}

.recording-popup .modal-footer {
    justify-content: center;
}

/*
Reply Screen
*/
.reply-to,
.reply-close {
    cursor: pointer;
}

.comment-screen {
    position: absolute;
    background: #fff;
    top: 100%;
    width: 100%;
    z-index: 9;
    padding: 20px 12px;
    left: 0;
    display: none;
}

.comment {
    margin-bottom: 20px;
}

.cs-head {
    padding-bottom: 4px;
    padding-right: 40px;
    border-bottom: 1px solid #35175E;
}

.cs-head img {
    width: 12px;
    height: 12px;
}

.cs-head p {
    color: #6B7777;
    font-size: 10px;
}

.comments-count {
    margin-right: 10px;
}

.comments-count p {
    color: #092536;
    font-size: 8px;
    font-weight: bold;
    margin-right: 4px;
}

.cs-body {
    height: 300px;
    overflow-y: auto;
    margin-top: 20px;
}

.cs-body::-webkit-scrollbar,
.sms-body::-webkit-scrollbar {
    width: 10px;
    background-color: #fff;
}

.cs-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #654e653b;
}

.user-comment {
    width: calc(100% - 42px);
}

.comment-dp {
    height: 30px;
    width: 26px;
    margin-right: 15px;
    border-radius: 50%;
    border: 1px solid #60e2d1;
    background: center/cover no-repeat;
}

.user-commenttop h6 {
    color: #092536;
    font-size: 10px;
    margin-top: 2px;
    font-weight: bold;
}

.user-commentbottom p {
    font-size: 10px;
    word-break: break-all;
    color: rgba(107, 119, 119, 0.6);
}

.user-commenttop div img {
    width: 12px;
}

.user-commenttop div span {
    color: #092536;
    font-size: 9px;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}

.comment-field input {
    width: 100%;
    font-size: 12px;
    padding: 5px 20px;
    border: 2px solid #35175E;
}

.comment-field input::placeholder {
    color: #092536;
    font-size: 8px;
    font-weight: bold;
}

.post-arrow {
    width: 15px;
    display: none;
}

/* Login Sidebar */
.sidebar-section.logged-out {
    padding: 30px;
    box-shadow: -8px 0 2px 10px #fff;
    background-image: linear-gradient(to bottom, #0D8576, #35175D);
}

.body.without-login .login-sidebtn {
    position: absolute;
    top: 10px;
    right: 25px;
}

.login-sidebtn {
    position: absolute;
    top: 10px;
    right: 28px;
}

body.without-login a.aside-close {
    right: 0;
    position: relative;
}

a.aside-close {
    right: 2px;
    position: relative;
}

.site-login h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.login-form .field {
    margin-bottom: 20px;
}

.login-form .field input {
    width: 100%;
    padding: 10px;
    border: none;
    color: #fff;
    font-size: 15px;
    border-bottom: 1px solid #fff;
    background-color: rgba(47, 135, 132, 0.63);
}

.login-form .field input::placeholder {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.50);
}

.login-form .field:nth-of-type(2) {
    margin-bottom: 0;
}

.pass-forget {
    text-align: right;
    margin-top: 3px;
}

.pass-forget a {
    color: #fff;
    font-size: 15px;
    text-decoration: underline;
}

.field-button {
    margin: 20px 0;
}

.field-button input {
    border: none;
    border-radius: 27px;
    padding: 6px 35px;
    font-size: 15px;
    background-color: #3FB898;
    color: #fff;
    font-weight: 500;
}

.create-account a {
    margin-left: 2px;
    text-decoration: underline;
}

.create-account span,
.create-account a {
    color: #fff;
    font-size: 15px;
}

.profile-menu.logged-out a {
    color: #EF52A2;
    margin-right: 25px;
    text-decoration: underline;
}

.profile-menu.logged-out a:last-of-type {
    margin: 0;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        REGISTERATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.registeration-wrapper {
    max-width: 1000px;
    margin: auto;
}

.registeration-content {
    padding-top: 60px;
}

.registeration-header h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}
.account-checks {
    margin-bottom: 18px;
}
.registeration-field.selected-options select {
    -webkit-appearance: none;
}

.registeration-field {
    margin-bottom: 10px;
}

.registeration-field.selected-options {
    position: relative;
}

.registeration-field.selected-options::before {
    content: '';
    position: absolute;
    background-image: url('http://139.162.3.157/a2i/public/assets/images/triangles.svg');
    height: 15px;
    width: 10px;
    background-size: cover;
    right: 9px;
    top: 35px;
    background-repeat: no-repeat;
    z-index: 1;
}
.account-checks .market_check input:checked ~ span,
.registeration-checkpost.public-check .checkmark {
    border-color: #fff !important;
    background: transparent;
    border-radius: 3px;
    border-width: 1px;
    height: 15px;
    width: 15px;
}
.registeration-checkpost.public-check .checkmark:after {
    border-color: #fff !important;
}
.account-checks .market_check label {
    color: #fff;
}
.registeration-field label {
    color: #252525;
    font-size: 16px;
    display: block;
    margin-bottom: 0;
}
.registeration-checkpost.public-check label, .registeration-checkpost.public-check a {
    color: #fff;
}
.registeration-field input {
    width: 100%;
    padding: 6px 10px;
    border: none;
    background-color: transparent;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}
.registeration-field input::placeholder {
    color: #fff !important;
}

.registeration-field select {
    padding: 5px 10px;
    border: 1px solid #979797;
    border-radius: 3px;
    width: 100%;
    color: #4A4A4A;
    cursor: pointer;
    background-image: linear-gradient(to right, #F2F2F2 60%, #d4d4d4);
}

.registeration-field.link {
    margin-top: 20px;
}

.registeration-field.link button {
    background-color: #3FB898;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 28px;
    border-radius: 27px;
}

.registeration-checkpost.public-check .checkmark,
.registeration-checkpost.public-check .checkmark:after {
    border-color: #3FB898;
}

.registeration-checkpost label,
.registeration-checkpost label a {.post-single-comment
    color: #606060;
    font-size: 15px;
}

.registeration-checkpost label a {
    text-decoration: underline;
}

.registeration-field input::placeholder {
    color: rgba(107, 119, 119, 0.61);
}

.registeration-text {
    width: 60%;
}

.registeration-form {
    width: 100%;
}

.registeration-text p {
    color: #35165e;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.registeration-text p strong {
    font-style: italic;
}

.similar-user {
    margin-top: 30px;
}

.similar-user .dp-img {
    height: 70px;
    width: 70px;
    margin-right: 20px;
    background-position: center right -5px;
}

.dp-img img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.similar-user .profile-name span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.more-users a {
    color: #EF52A2;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 30px;
}

.similar-user a {
    display: flex;
    width: fit-content;
    align-items: center;
}

.registeration-text {
    width: 60%;
    padding-top: 50px;
}

span.missionTag {
    color: #35165e;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
}

.account-stars {
    margin-bottom: 6px;
}

.account-stars i {
    color: #000;
    font-size: 20px;
    margin-right: 5px;
}

.follow-links {
    padding: 2px 22px;
    border: none;
    font-size: 13px;
    border-radius: 4px;
    color: #fff;
    background-color: #319da0;
    cursor: pointer;
    min-width: auto;
}

.notes-dropdown {
    position: absolute;
    width: 94%;
    background-color: #fff;
    color: #000;
    padding: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 2px 2px 10px 2px;
    z-index: 9;
    display: none;
    cursor: default;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Search Error
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.search-error {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 167px);
}

.error-message img {
    margin: 0 auto 30px;
}

.error-message h2 {
    color: #35175E;
    font-size: 50px;
    font-weight: bold;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Profile Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.breadcrumb-section {
    background-color: #35175E;
    border-bottom: 1px solid #ADC2C0;
}

.breadcrumb-content {
    padding: 21px 0;
}

.breadcrumb-content ul {
    display: flex;
    align-items: center;
}

.breadcrumb-content ul li {
    color: #fff;
    font-size: 14px;
}

.breadcrumb-content ul li a,
.breadcrumb-content ul i {
    color: #fff;
}

.breadcrumb-content ul li i {
    margin: 0 20px;
    font-weight: bold;
}

/* Profile Header */
.profile-header {
    padding-top: 30px;
    background-color: #35175E;
}

.edit-dp {
    position: relative;
    margin-right: 25px;
}

.dp-img {
    height: 55px;
    width: 55px;
    background: center/cover no-repeat;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.change-dp {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #0CDDC2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    position: absolute;
    bottom: 5px;
    right: -6px;
}

.change-dp input {
    opacity: 0;
    height: 20px;
    width: 20px;
    position: absolute;
}

.profEditing-options input[type="file"] {
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.edit-proname span {
    color: #fff;
    font-size: 20px;
    margin-right: 5px;
}

.edit-proname img {
    margin-top: 3px;
    display: inline-block;
}

.profile-following h6 {
    font-size: 15px;
    color: #fff;
}

.profile-following span {
    color: #00DEC2;
}

/* Profile Tabs */
.profile-tabs {
    margin-top: 40px;
}

.profile-tabs .nav-tabs {
    border: none;
    justify-content: space-between;
}

.profile-tabs .nav-tabs .nav-link {
    flex: unset;
    color: #fff;
    border: none;
    margin-bottom: 0;
    padding: 10px 26px;
    background-color: transparent;
    border-bottom: 7px solid transparent;
}

.profile-tabs .nav-tabs .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-bottom: 7px solid #0CDDC2;
}

.profile-tabs .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.profile-tabs .nav-tabs .nav-link.active:hover {
    border-color: #0CDDC2;
}

/* Profile Body */
.profile-body {
    padding: 30px 0;
}

.notebook-top h4 {
    color: #252525;
    font-size: 20px;
}

.notebook-top a {
    color: #fff;
    background-color: #EF52A2;
    padding: 3px 15px;
    font-size: 13px;
    border-radius: 30px;
}

.notebook-top a.videoUpload {
    margin-right: 20px;
    padding: 3px 25px;
}

.notebook-note {
    margin-top: 24px;
    margin-bottom: 2px;
    border: 1px solid #398D90;
    padding: 5px;
}

.low-margin .notebook-note {
    margin-top: 10px;
}

.notebook-field textarea {
    border: none;
    resize: none;
    font-size: 16px;
    width: calc(100% - 100px);
}

.note-icons.pro-posting {
    margin-bottom: 0;
}

.notebook-field textarea::placeholder {
    color: rgba(107, 119, 119, 0.61);
}

.notebook-icons {
    display: flex;
    justify-content: space-between;
    width: 90px;
}

.notebook-check.public-check {
    margin-top: 10px;
}

.notebook-check.public-check .checkmark {
    border-color: #009885;
}

.notebook-check.public-check .check-wrap {
    color: #606060;
    font-size: 13px;
}

.public-check .checkmark:after {
    border-color: #fff;
}

.notebook-bottom a {
    font-size: 13px;
    padding: 2px 16px;
    color: rgba(107, 119, 119, 0.61);
    border-radius: 27px;
    border: 1px solid rgba(107, 119, 119, 0.61);
}

.notebooks-body {
    margin-top: 50px;
    justify-content: space-between;
}

.notebook-notes nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ADC2C0;
}

.notebook-notes nav>span {
    color: #606060;
    font-size: 13px;
}

.notebook-notes .nav-tabs {
    border-bottom: none;
}

.notebook-notes .nav-link {
    border: none;
    flex: unset;
    color: #252525;
    margin-right: 80px;
    padding: 0 0 15px;
    background-color: transparent;
}

.notebook-notes .nav-link.active {
    color: #000;
    border: none;
    margin-bottom: 0;
    font-weight: bold;
}

.notebook-notes nav {
    margin-bottom: 40px;
}

.writer-img {
    height: 50px;
    width: 50px;
    background: center/cover no-repeat;
    border-radius: 50%;
    border: 1px solid #009885;
}

.note-details {
    margin-top: 5px;
    margin-left: 35px;
    width: calc(100% - 250px);
}

.note-details h6 {
    color: #092536;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
}

.message-text p {
    color: rgba(107, 119, 119, 0.61);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.note-details p {
    color: #6B7777;
    line-height: 1.3;
}

.note-video {
    height: 280px !important;
    width: 100%;
    margin: 10px 0 0 auto;
    background-color: #000;
    position: relative;
    background: center/cover no-repeat;
    padding: 10px 0;
}

#about .note-video {
    margin-left: 0;
    width: 100%;
    background: unset;
    background-color: #000;
}

#about .note-video a img {
    width: 52px;
    height: 50px;
}

.note-video:hover #pause-ico {
    opacity: 1;
}

.note-video a {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
}
.notification-text span img {
    max-width: 20px;
    margin-left: 5px;
}
.note-video a img {
    width: 70px;
    height: 65px;
}

#pause-wrap {
    display: none;
}

#pause-ico {
    opacity: 0;
}

.notebook-operates {
    justify-content: flex-end;
    margin: 10px 0;
}

.notebook-operates a {
    margin-right: 15px;
}

.notebook-operates a:last-of-type {
    margin-right: 0;
}

.notebook-operates a:nth-of-type(3) {
    margin-top: 4px;
}

/* Mood Tab */
.mood-content {
    padding: 0 70px;
}

.mood-filter {
    justify-content: flex-end;
    margin-bottom: 40px;
}

/*
.mood-filter span {
    cursor: pointer;
}
.mood-filter img {
    margin-right: 15px;
}
*/
.aboutMission-statement {
    margin-top: 50px;
}

.aboutMission-statement h4 {
    color: #35175E;
    font-weight: 600;
    text-decoration: underline;
    text-align: center;
    font-size: 22px;
    margin-bottom: 40px;
}
.aboutMission-statement p {
    color: #333;
    margin-bottom: 20px;
}
.aboutMission-statement span {
    display: block;
    text-align: center;
    color: #35175E;
    font-weight: 500;
    font-style: italic;
}
.search-suggestions {
    background-color: #f5f7f7;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    padding: 10px;
    z-index: 99;
    box-shadow: 0 1px 10px -3px rgba(0, 0, 0, 0.4);
    cursor: default;
    padding-top: 50px;
    border-radius: 22px;
}

.search-suggestions li {
    font-size: 14px;
    margin: 5px 0;
}

.search-suggestions ul li i {
    font-size: 14px;
    margin-right: 5px;
}

.tag-suggestions {
    background-color: #f5f7f7;
    position: relative;
    width: 95%;
    left: 0;

    right: 0;

    padding: 10px;
    z-index: 99;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.4);
    cursor: default;
}

.tag-suggestions li {
    font-size: 14px;
    margin: 5px 0;
}

.tag-suggestions ul li i {
    font-size: 14px;
    margin-right: 5px;
}

.mood-filter select {
    padding: 8px;
    min-width: 150px;
    border-radius: 2px;
    border-color: #afafaf;
    cursor: pointer;
}

.mood-image img {
    width: 100%;
}

.mood-slider {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #ADC2C0;
}

.mood-level span {
    color: #606060;
    font-size: 10px;
}

.mood-slider .item {
    padding-bottom: 20px;
}

.mood-slider .item::before {
    content: '';
    position: absolute;
    height: 4px;
    width: 80%;
    background-color: #B0B2B4;
    border-radius: 2px;
    bottom: 0;
    left: 0;
}

/* Notifications Tab */
.notifications-wrap {
    padding: 0 50px;
}

.notification {
    margin-bottom: 30px;
}

.notification-dp {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 30px;
    border: 1px solid #009885;
    background: center/cover no-repeat;
}

.notification-action.edit_pro a {
    background: #35175E;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    padding: 5px 12px;
}
.rateit .rateit-preset {
    background-position: left -32px !important;
}
.shippingCost-check.agreement input {
    top: 0;
    left: 0;
    z-index: 2;
}
.notification-text h6,
.message-text h6 {
    color: #092536;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
}

.notification-text p {
    color: #252525;
    line-height: 1.3;
    font-size: 14px;
}
.notify-time {
    color: #727272;
    font-size: 12px;
    margin-top: 5px;
    width: 100%;
    padding-left: 44px;
}
.notify_info_wrap {
    width: calc(100% - 140px);
}
.notebook-bottom.note-addition {
    margin-top: 10px;
}
.accept_req {
    color: #083717;
    font-size: 20px;
}
.notify_request a {
    margin: 0 8px;
}
.reject_req {
    font-size: 20px;
    color: #c65252;
}
/* Profile Details Tab */
#pdetails h5 {
    color: #252525;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}
/*
.profile-label {
    width: 150px;
} */

.profile-label label {
    color: #252525;
    font-size: 16px;
    margin-bottom: 4px;
}

.profile-info span {
    color: #252525;
    font-size: 15px;
    border-bottom: 1px solid #d4d4d4;
    display: block;
    padding-bottom: 2px;
}

.profile-info select {
    color: #BBBBBB;
    cursor: pointer;
    padding: 5px 20px 5px 10px;
    border-radius: 4px;
    border-color: #D8D8D8;
    min-width: 175px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 20px;
}
.profile-buttons {
    margin-top: 40px;
}
.save-account {
    background-color: #895bc7;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 6px 22px;
    border-radius: 27px;
    margin-right: 20px;
    cursor: pointer;
}
.note-video video {
    object-fit: cover;
}

.delete-account {
    border: none;
    background-color: transparent;
    color: #f14545;
    border-bottom: 1px solid #f14545;
    font-size: 16px;
    padding-bottom: 0;
    margin: 0;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}

/* Settings Tab */
.setting {
    padding: 11px 0 22px;
    border-bottom: 1px solid #ADC2C0;
}

#settings>h5 {
    color: #0D0D0D;
    font-size: 20px;
    margin-bottom: 55px;
}

.setting span {
    color: #252525;
    font-size: 16px;
    margin-right: 20px;
}

.setting p {
    color: #6B7777;
    line-height: 1.3;
    width: calc(100% - 115px);
}

/* Messages Tab */
#sms h5 {
    color: #252525;
    font-size: 16px;
}

.message-head {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ADC2C0;
}

.messages-content {
    position: relative;
    overflow-x: hidden;
    height: 550px;
    overflow-y: auto;
}

.message {
    padding: 20px 0;
    border-bottom: 1px solid #ADC2C0;
}

.message-list .message:last-of-type {
    border: none;
}

.message-content {
    cursor: pointer;
}

.message-dp {
    height: 45px;
    width: 45px;
    cursor: pointer;
    border-radius: 50%;
    margin-right: 20px;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
    display: flex;
    align-items: center;
    justify-content: center;
}
.message-dp img {
    height: 40px;
    width: 41px;
    border-radius: 50%;
}
.message-text {
    width: calc(100% - 122px);
}

.message-text h6 {
    color: #092536;
    font-size: 13px;
    margin-right: 15px;
}

.message-list {
    /*position: relative;*/
    height: 450px;
    overflow: auto;
}

.message-list a {
    width: 100%;
}

.message-list a:last-of-type .message {
    border: none;
}

.chat-dp {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 25px;
    border: 1px solid #009885;
    background: center/cover no-repeat;
}

.message-row>span {
    font-size: 10px;
    /* height: 100%; */
    margin-top: 0;
    color: rgba(0, 0, 0, 0.5) !important;
    max-width: calc(100% - 95px);
    margin-left: 50px;
    margin-top: 4px;
}

.message-row {
    margin: 15px 0;
    max-width: 70%;
}

.message-row.receiver {
    margin-left: auto;
    flex-direction: row-reverse;
    max-width: 70%;
    margin-top: 20px;
    position: relative;
}

.message-row.receiver .chat-dp {
    margin-right: 0;
    margin-left: 25px;
}

.chatbox-footer {
    padding: 15px 40px 0;
    border-top: 1px solid #ADC2C0;
}

.chat-form {
    position: relative;
}

.chat-form input {
    width: 100%;
    color: #252525;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid #979797;
    padding: 13px 35px 13px 20px;
    box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.5);
}

.chat-form button {
    position: absolute;
    right: 5px;
    border: none;
    background-color: transparent;
    top: 15px;
    width: 35px;
    -webkit-appearance: none;
    appearance: none;
}

.chat-form input::placeholder {
    font-size: 11px;
    font-style: italic;
    color: rgba(107, 119, 119, 0.61);
}

.message-chatbox {
    top: 0;
    width: 100%;
    z-index: 9;
    position: absolute;
    height: auto;
    background-color: #f0f0f0;
    height: 550px;
    opacity: 0;
    left: -100%;
    transition: 0.3s ease;
}

.message-chatbox.activate {
    left: 0;
    opacity: 1;
}

.chat-close {
    margin-right: 30px;
    cursor: pointer;
}

.chatbox-body::-webkit-scrollbar {
    width: 10px;
}

.chatbox-body::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #35175e;
}

.sms-dp {
    height: 30px;
    width: 30px !important;
    border-radius: 50%;
    border: 1px solid #009885;
    background: center/cover no-repeat;
}

.senderSmsImage {
    margin-right: 20px;
}

.sms-name {
    font-weight: 500;
    margin-left: 15px;
}

.chatbox-header {
    background-color: #f0f0f0;
    padding: 10px 20px;
    /* box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5); */
    border-bottom: 1px solid #ded8d8;
}

.chatbox-body {
    background-color: #f0f0f0;
    padding: 20px;
    overflow-y: auto;
    height: calc(100% - 140px);
}

.message-row.sender {
    max-width: 70%;
}

.message-row.sender p {
    color: rgba(0, 0, 0, 0.7);
    word-break: break-word;
    max-width: calc(100% - 80px);
}

.message-row.receiver p {
    color: rgba(0, 0, 0, 0.7);
    word-break: break-word;
    text-align: left;
    max-width: calc(100% - 80px);
}

.message-row.receiver .messageData {
    flex-direction: row-reverse;
    padding-right: 25px;
}

.message-row.receiver .messageData .sms-dp.senderSmsImage {
    margin-left: 20px;
    margin-right: 0;
}

/* Profile 2 */
.library-box {
    width: 25%;
    margin-bottom: 25px;
}

.library-box a {
    width: 100%;
}

.library-img {
    height: 130px;
    margin-right: 20px;
    margin-bottom: 20px;
    background: center/cover no-repeat;
}

.library-box span {
    color: #606060;
    font-size: 13px;
}

.library-box p {
    color: #606060;
    font-size: 13px;
}

.note-box {
    position: relative;
}

.note-comments-header>h6 {
    font-size: 16px;
    color: #6B7777;
    padding-bottom: 10px;
    border-bottom: 1px solid #35175E;
    padding-left: 10px;
}

.note-comment .user-commenttop {
    width: calc(100% - 60px);
}

.note-comment {
    padding: 10px 0;
}

.user-commenttop p {
    font-size: 14px;
    color: rgba(117, 119, 119, 0.61);
}

.note-comment-star {
    margin-top: 12px;
}

.comment-star>span {
    margin-left: 6px;
}

.note-comments {
    height: 230px;
    overflow: auto;
}

.note-comments-header {
    padding: 10px 0;
}

.note-comments-body {
    height: 175px;
    overflow: auto;
    padding-right: 10px;
}

.profile-reply-wrap {
    right: 0;
    width: 93%;
    z-index: 9;
    display: none;
    padding: 15px 15px 5px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #979797;
    margin-bottom: 20px;
    box-shadow: 4px 5px 8px 0px #35175D;
}

.note-reply {
    width: 100%;
    border-radius: 2px;
    padding: 10px 20px;
    position: relative;
    background-color: #fff;
    border: 1px solid #979797;
    /*    box-shadow: 4px 5px 8px 0px #979797;*/
}

.note-reply input {
    border: none;
    font-size: 16px;
    color: #252525;
    width: calc(100% - 35px);
}

.note-reply input::placeholder {
    font-size: 11px;
    font-style: italic;
    color: rgba(107, 119, 119, 0.61);
}

.note-reply button {
    background: none;
    border: none;
    position: absolute;
    right: 5px;
    top: 13px;
    cursor: pointer;
}

.note-reply button img {
    width: 20px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            Host Live Session
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.profile-setups a {
    color: #EF52A2;
    font-size: 15px;
    margin-right: 20px;
    text-decoration: underline;
}

.profile-setups a:last-of-type {
    margin: 0;
}

.breadcrumb-section.host-session {
    background-color: #fff;
    padding-right: 40px;
    padding-left: 40px;
    border-bottom: 1px solid #ADC2C0;
}

.host-session .breadcrumb-content ul li,
.host-session .breadcrumb-content ul li a,
.host-session .breadcrumb-content ul i {
    color: #000;
}

.host-section {
    margin-top: 50px;
}

.host-content h5 {
    color: #0d0d0d;
    font-size: 20px;
    margin-bottom: 30px;
}

section.host-section form {
    max-width: 800px;
}

.session-wrap>span {
    color: #252525;
    font-size: 16px;
    margin-bottom: 5px;
}

.session-checkbox.public-check .check-wrap {
    padding-left: 30px;
}

.session-checkbox.public-check .checkmark {
    border-color: #009885;
    height: 18px;
    width: 18px;
    top: 1px;
}

.session-checkbox.public-check input:checked~.checkmark {
    background-color: #009885;
}

.host-content .session-checkbox.public-check input:checked~.checkmark:after {
    width: 5px;
    height: 11px;
    border-color: #fff;
    left: 5px;
    top: 1px;
}

.notebook-check.public-check input:checked~.checkmark:after {
    border-color: #009885;
    top: 1px;
    left: 4px;
}

.session-checkbox.public-check {
    margin: 0 80px 0 0;
}

.session-checkbox label {
    color: #606060;
}

.field-session input {
    width: 100%;
    padding: 5px 10px;
    color: #6B7777;
    font-size: 16px;
    border: 3px solid rgba(6, 7, 7, 0.2);
    background-color: rgba(173, 194, 192, 0.13);
}

.field-session input::placeholder {
    color: rgba(107, 119, 119, 0.61);
}

.session-wrap.title {
    margin-top: 30px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ADC2C0;
    max-width: 800px;
}

.session-wrap.terms label a {
    color: #606060;
    display: inline;
    text-decoration: underline;
}

.session-wrap.checks {
    margin-bottom: 10px;
}

.session-wrap.tags {
    margin: 10px 0;
    position: relative;
}

/*
.session-wrap.tags::before {
    content: '';
    position: absolute;
    background-color: #ADC2C0;
    bottom: 5px;
    left: 0;
    height: 1px;
    width: 100%;
}
*/
.session-wrap.tags ul.select2-selection__rendered li.select2-selection__choice {
    border: none;
    font-size: 16px;
    margin-right: 5px;
    padding-right: 0;
    padding-left: 0;
    color: #000;
    background-color: rgba(61, 61, 61, 0.1);
    padding: 0px 8px;
    margin-top: 0;
}

.session-wrap.tags ul.select2-selection__rendered {
    position: relative;
    top: 2px;
}

.session-wrap.tags ul li.select2-selection__choice .select2-selection__choice__remove {
    /*display: none;*/
    color: #fff;
    position: relative;
    top: 0;
    right: -3px;
    background-color: red;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.session-wrap.tags .select2-selection.select2-selection--multiple,
.session-wrap.tags .select2-selection.select2-selection--single {
    width: 100%;
    border: none;
    display: block;
    border-radius: 0;
    border-radius: 20px;
    padding: 6px 5px 3px 10px;
    background-color: rgba(173, 194, 192, 0.2);
}
.session-wrap.tags .select2-selection.select2-selection--single {
    height: 42px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 20px !important;
}

.select2-container {
    max-width: 100%;
}

.session-wrap.tags .selection {
    width: 100%;
    max-width: 800px;
}

.select2-container--open .select2-dropdown {
    width: 100%;
    max-width: 800px;
}

.session-btn button {
    background-color: #3FB898;
    border: none;
    padding: 8px 40px;
    margin-top: 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 27px;
    cursor: pointer;
}

.session-wrap.session-btn {
    margin-bottom: 20px;
}
.select2-selection.select2-selection--single .select2-selection__arrow {
    display: none;
}
.session-wrap.options select {
    color: #4A4A4A;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    border-radius: 3px;
    border: 1px solid #979797;
    padding: 10px 15px;
    background-image: linear-gradient(to right, #F2F2F2, #D4D4D4);
    width: 220px;
}

.session-date {
    margin-right: 50px;
}

.session-mood {
    width: 100%;
}

.session-wrap.moods {
    margin: 10px 0;
}

.session-wrap.moods img {
    display: inline;
    margin-left: 5px;
    margin-top: -2px;
}

.profile-following.other-lists-items.flex {
    flex-direction: column;
}

.other-follow-lists {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.profile-follower.flex.center {
    flex-wrap: nowrap;
}

.date-time-field {
    position: relative;
}

.date-time-field input {
    border: none;
    color: #606060;
    font-size: 16px;
    width: 200px;
    padding: 2px 10px 8px 0;
    border-bottom: 1px solid #009885;
}

.date-time-field img {
    position: absolute;
    top: 10px;
    right: 0;
}

.ui-datepicker {
    width: 14em;
}

.date-time {
    display: none;
}

.tags-input {
    height: 45px;
    display: flex;
    color: rgba(107, 119, 119, 0.61);
    overflow: hidden;
    padding: 5px 10px;
    font-size: 14px;
    align-items: center;
    border: 3px solid rgba(6, 7, 7, 0.2);
    background-color: rgba(173, 194, 192, 0.13);
}

.tags-input span {
    color: #6B7777;
    margin-right: 4px;
    border-radius: 20px;
}

.tags-input:focus {
    outline: none;
}
.singleComment-action.vye {
    right: 5px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Presenter Videos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.presenterhead-content,
.viewershead-content {
    padding: 10px 0;
    border-bottom: 1px solid rgba(85, 132, 157, 0.18);
}

.short .presenter-header {
    padding-right: 38px;
}

.go-back {
    margin-bottom: 10px;
}

.go-back img {
    margin-right: 10px;
    display: inline-block;
}

.go-back a {
    color: #000;
    font-size: 13px;
}

.session-img {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-right: 10px;
    background: center/cover no-repeat;
}

.session-info h6 {
    color: #009885;
    font-size: 13px;
    margin-left: 5px;
}

.session-details span {
    color: #606060;
    font-size: 13px;
    margin-right: 30px;
}

.session-details a {
    color: #fff;
    font-weight: 500;
    background-color: #3FB898;
    border-radius: 27px;
    padding: 7px 30px;
}

/* Presenter Video */
.live-head h3 {
    color: #092536;
    padding: 20px 0;
    margin-right: 10px;
}

.presenter-live video {
    object-fit: contain;
    background-color: #000;
}

.rated-comment {
    background-color: #FFFCFC;
    padding: 14px 20px;
    max-width: 98%;
    margin: 10px auto 10px;
    box-shadow: 5px 5px 10px -4px #35175E, -2px 0px 10px -4px rgba(0, 0, 0, 0.6);
}

.comment-text span {
    color: #092536;
    font-weight: bold;
    font-style: italic;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}

.call-popup .modal-content {
    width: 300px;
    height: inherit;
    margin: 0 auto;
    order-radius: 10px;
    background-color: #35175E;
}

.call-popup h5 {
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.call-popup .modal-footer {
    border-top: none;
    display: flex;
    justify-content: space-around;
}

.call-popup .modal-footer button {
    border: none;
    color: #009885;
    cursor: pointer;
    background-color: transparent;
}

.combine-video .presenter-live {
    display: none;
    height: 430px;
}

.presenter-live {
    width: 100%;
    height: 500px;
}

.presenter-live.dual {
    display: block;
    width: 49%;
}

.profile-followers,
.profiles-followings {
    position: relative;
}

.following-link,
.followers-link {
    cursor: pointer;
}

.followers-link {
    margin-right: 40px;
}

.followers-list,
.following-list {
    left: 0;
    padding: 5px;
    display: none;
    border-radius: 4px;
    position: absolute;
    top: 30px;
    background-color: #fff;
    width: auto;
    box-shadow: 5px 8px 12px -6px #000;
}

.new_video_uploader {
    margin-top: 10px !important;
}

input#video_title {
    padding: 6px 16px;
}

.main-sidebar-views .views-content {
    min-height: auto !important;
}

.sidebar-views.main-sidebar-views {
    background-color: #35165e;
    padding-bottom: 50px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0 !important;
}

.follower-img {
    height: 35px;
    width: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.follower-img img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.follower-text a {
    color: #000;
    font-size: 14px;
}

.followers-list,
.following-list {
    max-height: 190px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9;
}

.profile-follower {
    margin-bottom: 6px;
}

.people-views {
    right: 15px;
    padding: 5px;
    display: none;
    bottom: 55px;
    z-index: 99;
    position: absolute;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: -1px 1px 11px -4px rgba(0, 0, 0, 0.7);
}

.people-like-views {
    top: 25px;
    padding: 0;
    /* right: -63px; */
    display: none;
    border-radius: 4px;
    position: flex;
    background-color: #fff;
    box-shadow: 2px 5px 22px -6px #6666669c;
}

.people-views-content {
    max-height: 120px;
    overflow-y: auto;
    padding-right: 20px;
}

.people-views-content::-webkit-scrollbar,
.followers-list::-webkit-scrollbar,
.following-list::-webkit-scrollbar {
    width: 4px;
}

.people-views-content::-webkit-scrollbar-thumb,
.followers-list::-webkit-scrollbar-thumb,
.following-list::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #B0B2B4;
}

.view-img {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-right: 7px;
    background: center/cover no-repeat;
}

.view-text span {
    color: #092536;
    font-size: 13px;
    font-weight: bold;
}

/* Comments Area */
.commenting-area .post-comment-section {
    padding-left: 32px;
}

.commenting-head {
    position: relative;
    padding: 5px 10px;
    background-color: #3FB898;
}

.end-link a {
    color: #fff;
    font-size: 13px;
    padding: 6px 30px;
    border-radius: 27px;
    border: 1px solid #fff;
}

.session-status h6 {
    color: #fff;
    font-size: 13px;
    margin-left: 30px;
}

.show-views {
    cursor: pointer;
}

.session-status h6 span {
    font-weight: bold;
}

.commenting-body {
    height: calc(100% - 110px);
    overflow: auto;
    padding: 12px 105px 20px 20px;
    max-width: calc(100% - 10px);
}

.comment-detail h6 {
    color: #092536;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

.comment-detail p {
    color: #092536;
    font-size: 15px;
}

.comment-detail span {
    color: #07AE82;
    font-size: 15px;
    font-weight: 500;
}

.live-comment {
    margin-bottom: 15px;
    align-items: center;
}

.commenting-body::-webkit-scrollbar {
    width: 6px;
}

.commenting-body::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #B0B2B4;
}

.comment-star {
    width: 70px;
    display: flex;
    position: relative;
    align-items: center;
}

.comment-star .far.fa-star {
    color: #6E6E6E;
    cursor: pointer;
    font-size: 14px;
}

.all-comment-star .far.fa-star {
    color: #6E6E6E;
    cursor: pointer;
}

.comment-star .fas.fa-star {
    color: #398D90;
    cursor: pointer;
}

.all-comment-star .fas.fa-star {
    color: #398D90;
    cursor: pointer;
}

.comment-star span i {
    font-size: 16px;
}

.comment-star span {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-left: 3px;
    text-decoration: underline;
}

/* Presenter Sidebar */
.sidebar-control {
    position: absolute;
    top: 15px;
    right: 21px;
}

.presenter-tabs {
    margin-top: 50px;
    padding: 0 20px 65px 20px;
}

.presenter-tabs .nav-tabs {
    border-bottom: 1px solid #ADC2C0;
}

.presenter-tabs .nav-link,
.presenter-tabs .nav-link.active {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 15px;
    flex: unset;
}

.presenter-tabs .nav-link:first-of-type {
    margin-right: 35px;
}

.presenter-tabs .nav-link.active {
    border-bottom: 7px solid #0CDDC2;
}

.postnote {
    padding-top: 20px;
    position: relative;
}

.post-note-session h5 {
    margin-bottom: 5px;
}

.posting-note {
    position: relative;
    padding-top: 50px;
    background-color: white;
}

.note-icons.presenter {
    position: absolute;
    right: 5px;
    top: 15px;
    width: 100%;
}

.posting-note h5 {
    margin-bottom: 10px;
}

.posting-note textarea {
    width: 100%;
    resize: none;
    font-size: 15px;
    border: none;
    color: rgba(57, 91, 88, 0.61);
    padding: 10px 38px 10px 15px;
}

.posting-note textarea::placeholder {
    font-size: 15px;
    color: rgba(57, 91, 88, 0.61);
}

.posting-note a {
    top: 45px;
    right: 18px;
    position: absolute;
}

.posting-note .expand {
    position: absolute;
    bottom: 15px;
    right: 18px;
    color: #395B58;
    font-size: 13px;
    text-transform: uppercase;
}

.donors-content {
    height: 150px;
    overflow: auto;
    border-bottom: 1px solid #ADC2C0;
    box-shadow: inset -10px -30px 18px 0px rgba(0, 0, 0, 0.2);
}

.donors {
    margin-top: 10px;
}

.donors h6 {
    font-size: 13px;
    margin-bottom: 10px;
}

.donors-content.public-check .checkmark:after {
    left: 0;
    top: 0;
    width: 15.5px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #979797;
    transform: unset;
}

.donors-content label {
    display: block;
    margin-bottom: 12px;
}

.donors-content::-webkit-scrollbar {
    width: 5px;
}

.donors-content::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: rgba(216, 216, 216, 0.2);
}

.donors-content label:nth-of-type(5) {
    opacity: 0.3;
}

.postnote-footer {
    margin-top: 30px;
    justify-content: flex-end;
}

.postnote-footer span {
    font-size: 13px;
    margin-right: 20px;
}

.postnote-footer a {
    border: 1px solid #ADC2C0;
    color: rgba(173, 194, 192, 0.61);
    border-radius: 27px;
    padding: 4px 18px;
}

.people-donations {
    margin-top: 40px;
    height: 178px;
    overflow-y: auto;
}

.people-donations::-webkit-scrollbar {
    width: 5px;
}

.people-donations::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: rgba(216, 216, 216, 0.2);
}

.people-donation {
    padding-right: 50px;
}

.people-donation span {
    color: #D8D8D8;
    font-size: 13px;
    font-weight: bold;
}

.people-donation span:last-of-type {
    color: #fff;
    width: 40px;
    font-size: 15px;
}

.donations-border {
    position: absolute;
    bottom: 100px;
    height: 1px;
    width: 88%;
    background-color: #adc2c045;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* Send Message Popup */
.send-message {
    margin: 0 auto;
    max-width: 800px;
}

.send-message .modal-content {
    padding: 20px;
    background-color: #391B61;
}

.send-message .modal-body {
    padding: 0;
}

.send-message .modal-content h4 {
    color: #D8D8D8;
    font-style: italic;
    margin-bottom: 20px;
}

.send-message-field textarea {
    width: 100%;
    padding: 10px;
    color: #606060;
    border: 2px solid #9C9C9C;
}

.send-message-field textarea::placeholder {
    color: #606060;
}

.message-viewrs span {
    color: #FFFAFA;
    display: block;
}

.send-message .modal-footer {
    margin-top: 10px;
    padding-right: 0;
    border-top: 1px solid rgba(65, 184, 152, 0.2);
    justify-content: center;
    padding-bottom: 0;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
}

.post-rank.community-rank {
    position: relative;
}

.send-message .modal-footer button {
    background-color: transparent;
    border: none;
    color: #009885;
    font-size: 21px;
    cursor: pointer;
    font-weight: bold;
}

.message-viewrs {
    height: 140px;
    overflow-y: auto;
}

.message-viewrs::-webkit-scrollbar {
    width: 6px;
}

.message-viewrs::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #B0B2B4;
}

.message-progress {
    position: fixed;
    bottom: 50px;
    z-index: 9999;
    width: 0;
}

#community-modal .session-wrap.tags .select2.select2-container.select2-container--default {
    width: 95% !important;
}

#community-modal .add-community-form {
    padding-bottom: 50px;
}

#progressBar {
    height: 50px;
    width: 100%;
    background-color: #D8D8D8;
    position: relative;
}

.barStatus {
    top: 0;
    width: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: 1.5s ease;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3fb898;
}

.barStatus p {
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    display: none;
}

.barStatus.show,
.message-progress.show {
    width: 100%;
    opacity: 1;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Viewrs Video page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.viewrs-profiling .profile-following {
    margin-right: 30px;
}

.viewrs-profiling .profile-following h6 {
    color: #000000;
    font-size: 13px;
}

.commenting-head.viewers {
    padding: 5px 20px;
}

.user-actions {
    padding: 10px;
}

.user-actions a {
    margin-right: 15px;
}

.post-check h5 {
    color: #fff;
    margin-bottom: 12px;
}

.slider:before {
    background-color: #fff;
    bottom: -3px;
    content: "";
    height: 20px;
    left: 0px;
    position: absolute;
    transition: .4s;
    width: 20px;
}

.switch {
    height: 14px;
    width: 34px;
    position: relative;
    display: inline-block;
}

.switch input {
    display: none;
}

.slider {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
    background-color: rgba(252, 252, 252, 0.3);
}

.slider:before {
    background-color: #fff;
    bottom: -3px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    transition: .4s;
    width: 20px;
    border: 1px solid #707070;
}

.switch input:checked+.slider {
    background-color: rgb(89, 185, 152, 0.8);
}

.switch input:checked+.slider:before {
    transform: translateX(20px);
    background-color: #3AF2C1;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.post-check {
    margin-top: 25px;
    margin-bottom: 20px;
}

.donations-here {
    margin-top: 15px;
}

.donations-here span {
    font-size: 13px;
}

.add-donation {
    width: 180px;
    position: relative;
}

.donations-here input {
    width: 100%;
    text-align: right;
    padding: 5px 5px 5px 15px;
    border: 1px solid #979797;
}

.add-donation span {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #3B6C88;
    font-size: 18px;
}

.loader {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #111111;
}

.rating-popup .modal-content {
    max-width: 400px;
    margin: 0 auto;
    background-color: #35175E;
    color: #fff;
}

.rating-popup .modal-footer {
    border-top: none;
}

.rating-popup .modal-footer button {
    background-color: transparent;
    border: none;
    color: #009885;
    font-size: 20px;
}

.rating-stars i {
    margin-right: 15px;
}

.rating-stars {
    margin-bottom: 30px;
    margin-top: 10px;
}

.rating-report a {
    color: #F30D0D;
    font-size: 15px;
}

.rating-report {
    text-align: right;
    margin-bottom: 20px;
}

.rating-stars a {
    margin-right: 15px;
}

.rating-stars img {
    width: 22px;
    display: inline-block;
}

.chat-del.dots-list {
    right: 0;
    background-color: #eeeded;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

.flex.feedback-heads {
    justify-content: space-between;
}

.rating-stars.feedback-data {
    margin-top: 30px;
    margin-bottom: 0;
    max-height: 350px;
    overflow: auto;
    padding-right: 6px;
}

.rating-stars.feedback-data::-webkit-scrollbar {
    width: 10px;
}

.rating-stars.feedback-data::-webkit-scrollbar-thumb {
    width: 100%;
    border-radius: 20px;
    background-color: #fff;
}

.rating-stars.feedback-data .flex {
    justify-content: space-between;
}

.flex.review-provider {
    align-items: center;
}

#loader {
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin: 0 auto;*/
    /*display: inline-block;*/
    /*width: 40px;*/
    /*top:50vh;*/
}

.loader-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 99998;
}

#loader {
    z-index: 99999;
    position: relative;
}

.loader-wrap img {
    width: 200px;
    object-fit: contain;
}

.stop {
    overflow: hidden;

}

/****************************
        Community Tab
*****************************/
.community-wrapper {
    /*padding: 30px 0;*/
}

.community-top-bar {
    display: flex;
    flex-wrap: wrap;
    padding-left: 8px;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

nav.community-navigation {
    border-bottom: none;
    padding: 0 !important;
}

.community-navigation .nav-link {
    color: rgba(0, 0, 0, 0.3) !important;
    font-weight: bold;
    font-size: 14px !important;
    padding: 0 !important;
    border: none !important;
    margin-right: 25px !important;
}

.community-navigation .nav-link.active {
    color: #000 !important;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0 !important;
    border: none;
    font-size: 14px !important;
    padding-bottom: 0;
}

.recommended-headings {
    width: calc(100% - 350px);
}

.communities-search {
    margin-right: 40px;
}

.communities-search .field button {
    top: 5px;
    right: 0;
    padding: 0;
    border: none;
    position: absolute;
    background-color: transparent;
}

.communities-search .field {
    width: 140px;
    position: relative;
}

.communities-search .field input {
    border: none;
    border-bottom: 1px solid #EAEAEA;
    padding: 5px 28px 0px 0;
    color: rgba(107, 119, 119, 0.61);
    font-size: 14px;
    width: 100%;
}

.communities-search form {
    width: 100%;
}

.communities-search .field button img {
    width: 20px;
}

.community-creation img {
    display: inline-block;
    margin-right: 5px;
}

.community-creation button {
    border: none;
    background: #7F4CC2;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    padding: 6px 40px;
    border-radius: 24px;
}

.community-creation {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.group-members {
    padding-left: 10px;
    display: flex;
    margin-left: 4px;
    margin-bottom: 6px;
}
.type-tag {
    margin-left: 10px;
    font-size: 12px;
    color: #222;
    padding: 3px 15px;
    background: #e8e8e8;
    border-radius: 20px;
    position: relative;
    top: -2px;
}
.moodCheck label {
    margin-bottom: 0;
}

.moodCheck {
    margin-left: 60px;
}
.moodCheck {
    margin-left: 20px;
}
.filters-wrap {
    margin-top: 10px;
}
.group-members ul li {
    height: 24px;
    width: 24px;
    display: inline-block;
    margin-left: -16px;
}

.group-members ul li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #fff;
}

.group-members ul li:first-of-type {
    z-index: 5;
    position: relative;
}

.group-members ul li:nth-of-type(2) {
    position: relative;
    z-index: 4;
}

.group-members span {
    color: #6D6D6D;
    font-size: 14px;
    margin-top: 3px;
    margin-left: 5px;
}

.group-info h5 {
    color: #35175E;
    font-weight: bold !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    cursor: pointer;
}

.group-info p {
    color: #6D6D6D;
    font-size: 14px;
}

.action-links {
    margin-top: 20px;
}

.join-buton {
    background-color: #398D90;
    border: none;
    padding: 5px 30px;
    border-radius: 17px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin-top: 7px;
}

.requested-buton {
    color: #000;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #398D90;
    padding: 5px 20px;
    border-radius: 20px;
}

.joined-buton {
    border: none;
    color: #398D90;
    margin-top: 7px;
    min-height: 31px;
    background-color: transparent;
}

.joined-buton img {
    width: 12px !important;
    object-fit: contain;
    display: inline-block !important;
}

.group-background {
    height: 150px;
    width: 100%;
    background: center/cover no-repeat;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    cursor: pointer;
    position: relative;
}

.community-groups {
    display: flex;
    flex-wrap: wrap;
}

.group-info {
    padding: 15px;
    border: 1px solid #EFEFEF;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.community-group {
    padding: 0 8px;
    margin-right: 0;
    margin-bottom: 15px;
}

.community-popup .modal-content {
    max-width: 840px;
    margin: 0 auto;
}

.community-popup .modal-content .modal-body {
    padding-bottom: 0;
}

.community-popup .modal-body h5 {
    color: #35175E;
    font-weight: bold;
    font-size: 18px;
}

form.add-community-form {
    margin-top: 20px;
    width: 100%;
}

form.add-community-form .field input,
form.add-community-form .field textarea {
    padding: 10px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    resize: none;
}

.add-community-form .field {
    margin-bottom: 10px;
}

.add-community-form .field.members-selection {
    margin-bottom: 0;
}

form.add-community-form .field input::placeholder,
form.add-community-form .field textarea::placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.members-add .select2.select2-container.select2-container--default,
.members-add .select2.select2-container.select2-container--default span.selection {
    width: 100% !important;
    display: block;
}

.members-add .select2-selection.select2-selection--multiple {
    padding: 6px;
    border: 1px solid #E5E5E5;
}

.select2-container--open .select2-dropdown {
    top: 0 !important;
}

li.select2-selection__choice {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: relative;
    right: 20px;
    top: 3px;
}

.image-list {
    display: flex;
    align-items: center;
}

.thumbimage,
.flag {
    height: 27px;
    width: 27px;
    border-radius: 50%;
    margin-right: 10px;
    background: center/cover no-repeat;
}
.img-changer-text {
    color: #000;
    font-size: 14px;
    width: calc(100% - 35px);
    max-width: 420px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.members-add .select2 ul li.select2-selection__choice {
    border: none;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    background-color: #F1F1F1;
    padding: 5px;
    border-radius: 5px;
}

.members-add .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    position: relative;
    top: 0;
    right: -3px;
    background-color: red;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.field.create-btn button {
    color: #fff;
    font-size: 18px;
    background-color: #0CDDC2;
    border: none;
    padding: 10px 35px;
    border-radius: 4px;
    cursor: pointer;
}

.close-cross {
    top: 13px;
    right: 13px;
    position: absolute;
}

.field.create-btn {
    text-align: right;
}

.live-videos .owl-nav,
.offline-videos .owl-nav {
    display: none;
}

.notebox.user_landing_note {
    position: relative;
}

.notebox.user_landing_note .note-image-upload {
    right: 35px;
    top: 5px;
    width: 80px;
    left: unset;
}

.notebox.user_landing_note .note-image-upload img {
    border-radius: 2px;
}

/**** Group Chat *****/
.groupchat-wrapper {
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
}

.groupchat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0 20px;
}

.groupchat-header h5 {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.groupchat-header span {
    color: #35175E;
    font-size: 12px;
}

.receiving-sms {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
    justify-content: space-between;
}

.groupchat-body {
    padding: 15px 0;
}

.chat-avatar-bg {
    height: 30px;
    width: 30px;
    background: center/cover no-repeat;
    border-radius: 50%;
}

.sms-text p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
}

.chat-details {
    width: calc(100% - 40px);
}

.sms-text {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    border-top-left-radius: 0;
}

.sms-time {
    color: rgba(0, 0, 0, 0.4);
    font-size: 11px;
    text-align: right;
    margin-top: 6px;
}

.sending-sms {
    display: flex;
    margin-bottom: 20px;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.sending-sms .chat-details .sms-text {
    background-color: #F4F4F4;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
}

.groupchat-body {
    overflow: auto;
    margin-top: 5px;
    min-height: 200px;
    max-height: 410px;
    padding-right: 5px;
}

.groupchat-body::-webkit-scrollbar {
    width: 12px;
}

.groupchat-body::-webkit-scrollbar-thumb {
    width: 100%;
    border-radius: 20px;
    background-color: #35175E;
}

.groupchat-footer {
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
    padding-top: 5px;
}

form.groupchat-form .field input {
    width: 100%;
    padding: 5px;
    border: none;
    color: #545454;
    font-size: 14px;
}

.sms-media {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.sms-media-box {
    height: 68px;
    width: 68px;
    border-radius: 10px;
    margin-right: 10px;
}

.sms-media-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
}

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

form.groupchat-form .field {
    width: calc(100% - 95px);
}

.field-icons {
    display: flex;
    flex-wrap: wrap;
}

.field-icons .image-uploader {
    margin-right: 4px;
}

.field-icons a {
    margin-right: 4px;
}

.field-icons a:last-of-type {
    margin-right: 0;
}

.community-group-imag {
    height: 120px;
    width: 120px;
    background: center/cover no-repeat;
    border-radius: 50%;
    border: 4px solid #E7E7E7;
    position: relative;
    margin: auto;
}

.community-group-header {
    background-color: #F5F7F7;
    border-bottom: 1px solid #adc2c0;
    padding: 15px 60px;
    z-index: 999;
    position: relative;
}

/* .community-group-header-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
} */

.community-group-prof {
    /* display: flex;
    flex-wrap: wrap;
    align-items: flex-starts;
    width: 50%; */
}
.home-tabs .nav-filter nav {
    border-bottom: none;
}
.nav-filter {
    border-bottom: 1px solid #ADC2C0;
    padding-right: 48px;
}
.community-group-info {
    text-align: center;
    margin-top: 10px;
}

.community-group-go-back {
    width: 50px;
}

.community-group-go-back img {
    width: 25px;
    cursor: pointer;
}

.community-group-info h5 {
    color: #252525;
    font-weight: bold;
    margin-bottom: 3px !important;
    font-size: 22px !important;
    cursor: pointer;
    max-width: 120px;
}

#view-all-members {
    cursor: pointer;
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
}

.cards {
    width: 80%;
    display: flex;
    align-items: center;
}

.is-defalut {
    width: 20%;
    text-align: right;

}

.is-defalut a {
    position: relative;
    z-index: 10;
}

.d_history-header .balance-detail {
    width: unset;
}

.custom-row .group-members {
    margin-bottom: 0;
    margin-right: 10px;
}

.custom-row .group-members ul {
    height: 24px;
}

.group-members-addition-link a {
    color: #EF52A2;
    font-size: 12px;
}

.community-group-acts .custom-row {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.group-chat-btn img {
    display: inline-block;
    margin-right: 5px;
}

.group-chat-btn a {
    color: #fff;
    font-size: 13px;
    padding: 6px 30px;
    display: flex;
    align-items: center;
    border-radius: 20px;
}
.group-chat-btn a img {
    filter: brightness(0) invert(1);
}
.group-chat-btn {
    padding-right: 14px;
}
.group-chat-btn.goLive a {
    background-color: #7F4CC2;
}
.group-chat-btn.group_chat a,.group-chat-btn.make_private a {
    background: #319DA0;
}
.group-leave a {
    color: #C32323;
    font-size: 14px;
    padding-left: 14px;
}

.group-leave a img {
    display: inline-block;
    margin-right: 5px;
}

.short .community-group-acts {
    padding-right: 25px;
}

.group-posting-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.gp-background {
    height: 41px;
    width: 41px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
}
.gp-background img {
    height: 37px;
    width: 37px;
    border-radius: 50%;
}
.group-posting {
    padding: 20px 60px;
}

.gp-writer {
    display: flex;
    align-items: center;
}

.gp-profile h6 a {
    color: #092536;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.gp-profile h6 {
    display: inline-block;
    margin-right: 10px;
}

.gp-profile span {
    font-size: 12px;
    color: #092536;
}

.gp-image {
    margin-right: 12px;
}

.join-requests button {
    background-color: transparent;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    padding: 6px 21px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}

.join-requests button span {
    color: #C32323;
    margin-right: 4px;
}

.group-posting-content {
    margin-top: 20px;
    border: 1px solid #eaeaea;
    padding: 15px;
}

form.gp-form .field textarea {
    resize: none;
    width: 100%;
    border: 1px solid #eaeaea;
    color: rgba(107, 119, 119, 0.61);
    border: none;
    font-size: 14px;
}

form.gp-form .field textarea::placeholder {
    color: rgba(107, 119, 119, 0.61);
}

.gp-content-footer {
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gp-content-footer .field-icons .image-uploader {
    margin-right: 15px;
}

.gp-content-footer .field-icons a {
    margin-right: 15px;
}

.post-update button {
    color: #398D90;
    background-color: transparent;
    border: none;
    font-weight: bold;
}

.group-recent-posts {
    padding: 20px 60px;
}
.recent-posts-header h6 {
    color: #000;
    font-size: 18px;
}
.post-search input {
    width: 200px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #4F6C69;
    background-color: #d6dfe352;
    padding: 8px 10px;
    border-radius: 4px;
}
.message-row.linkSend .singleProduct.flex {
    margin-bottom: 8px;
}

.message-row.linkSend .singleProd-img {
    min-height: 70px;
}
.recent-posts-header {
    margin-bottom: 20px;
    padding-right: 26px;
}
.group-recent-posts>h6 {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
}

.gp-post-time {
    display: flex;
    align-items: center;
}

.gp-post-dots span {
    display: inline-block;
    height: 5px;
    width: 5px;
    background-color: #7963a6;
    border-radius: 50%;
}

/* .group-recent-posts .gp-post-cover:last-of-type {
    margin-bottom: 0;
} */
#community .pinned-post {
    border: none;
    padding: 0;
}

.other-profile-scroll {
    height: 500px !important;
}

#community .pinned-post .gp-post-cover {
    border-color: #499885;
}

.short .gp-post-cover,
.short .group-posting {
    margin-right: 25px;
}

.gp-post-cover {
    padding: 30px;
    margin-bottom: 15px;
    border: 1px solid #eaeaea;
}

.group-posting-detail {
    padding-left: 53px;
}

.group-posting-tags span {
    color: #B3B3B3;
    font-weight: bold;
    font-size: 12px;
}

.group-posting-tags {
    margin-bottom: 10px;
}

.group-posting-detail p {
    color: #4E5958;
    font-size: 14px;
    overflow-wrap: break-word;
}

.gp-post-time {
    position: relative;
}

.gp-post-time>span {
    color: #6A6A6A;
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
}

.gp-post-dots {
    cursor: pointer;
}

.gp-post-contr {
    display: none;
}

.gp-post-contr .custom-row {
    position: absolute;
    top: 30px;
    background-color: #fff;
    padding: 2px;
    z-index: 10;
    width: 160px;
    right: 0;
    box-shadow: 0 0 5px 2px #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ADC2C0;
}
#modal_community_commenting_options , #modal_note_commenting_options{
    margin-top: 20px;
    width: 100%;
    padding: 14px 8px;
    border-radius: 5px;
    font-size: 14px;
}
.comm-postWrap > span {
    padding-left: 54px;
    display: block;
    margin-top: 0;
    font-size: 13px;
    padding: 6px;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
    background: #f1f1f1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 350px;
}
.join-reuests-all {
    padding: 20px 60px;
}
.comm-postWrap {
    position: relative;
}
.notebook-posts-wrap.comm-postWrap {
    padding-bottom: 35px;
}
.notebook-posts-wrap.comm-postWrap > span {
    max-width: 300px;
}
.comm-postWrap2 {
    position: relative;
}
.comm-postWrap2 {
    padding-bottom: 28px !important;
}
.comm-postWrap2 span.nocomment {
    padding-left: 54px;
    display: block;
    margin-top: 0;
    font-size: 11px;
    padding: 6px;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
    background: #f1f1f1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #333;
    max-width: 250px;
}
.short .join-reuests-all {
    margin-right: 25px;
}
.shippingAddress > h6 {
    color: #404040;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}
.shipping-user {
    margin: 8px 0;
}
.shipping-user span {
    margin-left: 10px;
    color: #454553;
    font-size: 16px;
    font-weight: 600;
}
.shippingAddress > span {
    color: #454553;
    font-size: 16px;
}
.shippingAddress {
    margin-bottom: 20px;
}
.join-request-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}
.join-request-header h6 {
    color: #35175E;
    font-weight: bold;
    font-size: 18px;
}
.jr-body {
    padding-top: 15px;
}
.join-bg {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
    background: center/cover no-repeat;
}
.join-request-infos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.join-request-text {
    width: calc(100% - 140px);
}
.join-request-text p {
    font-size: 14px;
    color: #000;
}
.join-request-text p strong {
    color: #35175E;
}
.join-request-text span {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
}
.jr-actions {
    display: flex;
    width: 72px;
}
.single-join-request {
    margin-bottom: 15px;
}
.accept-join {
    border: 1px solid #5FC63B;
    background-color: #D8F3DC;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 30px;
    margin-right: 10px;
}
.reject-join {
    border: 1px solid #D22C2C;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F6D5D5;
}
.accept-join img {
    position: relative;
    top: 2px;
}

.reject-join img {
    position: relative;
    top: 1px;
}
.orderStatus label {
    font-size: 12px;
    color: #000;
    margin-bottom: 8px;
}
.viewrs-profiling.flex.center {
    margin-right: 10px;
}

span.liker {
    cursor: pointer;
}

.show-like-views {
    cursor: pointer;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

/*********************
        Settings
**********************/
.setting-tab-head h5 {
    color: #0D0D0D;
    font-size: 20px;
}

.col-20 {
    width: 110px;
}

.col-80 {
    width: calc(100% - 110px);
}

.info-title h5 {
    color: #252525;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}

.info-data p {
    color: #707070;
    font-size: 14px;
    margin-bottom: 30px;
}

.privacy-check.public-check .checkmark:after {
    border-color: #ff6c6c;
    left: 3px;
    top: 1px;
    width: 4px;
    height: 8px;
}


.add-card-wrap {
    margin-bottom: 10px;
    text-align: right;
}

.add-card-wrap a {
    font-size: 14px;
    color: #fff;
    background-color: #3ce3ce;
    padding: 10px 31px;
}

.account-details {
    align-items: center;
    width: calc(100% - 180px);
}
.comming-soon {
    font-size: 14px;
    font-weight: 500;
    color: #ff1b1b;
}
.balance-detail {
    text-align: right;
}

.account-details h6 {
    color: #000;
    font-size: 14px;
    margin-right: 20px;
    min-width: 70px;
}

.card-number span {
    font-size: 14px;
    margin-right: 20px;
    color: rgba(0, 0, 0, 0.3);
}

.account-details a {
    color: #FF0D0D;
    font-size: 14px;
    font-weight: 500;
}

.balance-detail span {
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.payment-section {
    border-top: 1px solid #d4d4d4;
    padding-top: 20px;
}

.d_history-section {
    margin-top: 20px;
}

.d_history-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #97979769;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.d_history-header h5 {
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.d_history-data {
    margin-top: 20px;
}

.donater .dp {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: center/cover no-repeat;
    margin-right: 10px;
}

.donater span {
    color: #707070;
    font-size: 14px;
    font-weight: 500;
}

.donater {
    min-width: 125px;
}

.blocking .donater {
    min-width: 30%;
}

.donater-amount span {
    font-size: 14px;
    color: #BBAF00;
    font-weight: 500;
}

.donater-amount {
    width: calc(100% - 190px);
}

.donate-time span {
    font-size: 14px;
    color: #707070;
    font-weight: 500;
}

.donate-time span {
    font-size: 14px;
    color: #666;
}

.flex.d_hisrtory {
    margin-bottom: 15px;
}

.more-donations a {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.4);
}

.form-passwords .field {
    width: 400px;
    margin-bottom: 20px;
}

.form-passwords .field input {
    padding: 10px 5px 10px 10px;
    width: 100%;
    font-size: 15px;
    border: 1px solid #E2E2E2;
    color: rgba(37, 37, 37, 0.7);
}

.form-passwords .field input::placeholder {
    color: rgba(37, 37, 37, 0.7);
}

.form-passwords .field label {
    color: #252525;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

.field.pass-btn button {
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 16px;
    background-color: #3CE3CE;
}

.field.pass-btn {
    text-align: right;
    width: 100%;
}

.privacy-check label {
    color: #707070;
    font-size: 14px;
}

.privacy-check.public-check .checkmark {
    border-color: #FF6C6C;
    height: 14px;
    width: 14px;
    border-radius: 0;
    top: 2px;
}

.privacy-check .public-check .checkmark:after {
    left: 3px;
    top: 0px;
    width: 4px;
    height: 8px;
    border-color: #FF6C6C;
}

.privacy-check .check-wrap {
    padding-left: 25px;
}

.privacy-check .check-wrap label {
    color: #000;
    margin-bottom: 0;
}

.privacy-check.public-check {
    margin-top: 0;
}

.privacy-check label a {
    color: #391B61;
    text-decoration: underline;
}

.blocking-status button {
    background-color: transparent;
    border: none;
    color: #42B50D;
    font-size: 14px;
    font-weight: 500;
}

.blocking.flex {
    margin-bottom: 15px;
}

.comment-check.privacy-check {
    margin-top: 20px;
}

.comment-check.privacy-check label {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
}

.help-data p {
    color: #6B7777;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.2;
}

.problem-report {
    margin-top: 40px;
}

.problem-report a {
    display: inline-block;
    color: #391B61;
    font-size: 16px;
    border: 1px solid #391B61;
    padding: 7px 18px;
}

.support-request-section {
    margin-top: 40px;
}

.support-header span {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.support-header {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}

.support-request-list {
    margin-top: 20px;
    background-color: #F2F2F2;
    padding: 20px;
}

.time span {
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    margin-right: 15px;
}

.support-request-info {
    margin: 20px 0;
}

.support-request-info p {
    color: #000;
    font-size: 14px;
}

.support-attached-media span {
    color: #391B61;
    font-size: 12px;
}

.support-attached-media img {
    display: inline-block;
    margin-right: 10px;
}

.cards-image {
    margin-right: 10px;
}

.community-description {
    margin: 20px 0;
    background-color: #f7f7f7;
    padding: 25px;
}

.community-description h5 {
    margin-bottom: 10px !important;
    font-size: 18px;
}

.community-description p {
    font-size: 14px;
    color: #4e5958;
}

.problem-modal-heading h5 {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
}

#problem-modal .modal-content {
    border-radius: 0;
}

#problem-modal .modal-body {
    padding: 30px;
    border-radius: 0;
}

form.problem-form label {
    display: block;
    margin-bottom: 8px;
    color: #000000;
    font-size: 14px;
}

form.problem-form .field input,
form.problem-form .field textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #DCDCDC;
    border-radius: 0;
    color: #666;
    resize: none;
}

form.problem-form .field {
    margin-bottom: 15px;
}

form.problem-form .field:last-of-type {
    margin-bottom: 0;
}

.problem-farward {
    background-color: #3CE3CE;
    border: none;
    padding: 17px 20px;
    display: block;
    color: #fff;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}

form.problem-form .field.prob-uploader input {
    width: 112px;
    height: 40px;
    position: absolute;
    border: none;
    padding: 0;
    opacity: 0;
    background-color: transparent;
    color: transparent;
    top: 10px;
}

.prob-upload-wrap {
    padding: 10px;
    border: 1px solid #DCDCDC;
    text-align: right;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.prob-upload-wrap span {
    margin: 0;
    color: #fff;
    font-size: 12px;
    background-color: #391B61;
    padding: 11px 25px;
}

#problem-modal .close-cross {
    top: 0px;
    right: 10px;
    position: absolute;
}

#problem-modal .close-cross span {
    margin: 0;
    color: #000;
    font-size: 18px;
}


/**
Library Style Addition
**/
.notebook-notes {
    width: 60%;
}

.library-sidebar {
    width: 34%;
    padding: 0 40px;
}

.library-slider {
    margin-top: 42px;
    max-height: 495px;
    overflow-y: auto;
}

.library-slider ul.slides li .item {
    padding-bottom: 15px;
}

.library-sidebar h5 {
    color: #252525;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ADC2C0;
    padding-bottom: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

div#all_notes_listing .notebook-posts-wrap:last-of-type {
    /* background-color: red; */
    padding: 0;
    margin: 0;
    border: none;
}

.gp-content-footer.post-reply-footer {
    display: flex;
    justify-content: flex-end;
}

.gp-content-footer.post-reply-footer button {
    cursor: pointer;
}

/*****************************
        View More Page
******************************/
.view-more-page {
    position: absolute;
    top: 30px;
    left: -100%;
    width: 100%;
    background-color: #f5f5f5;
    height: 100%;
    transition: 0.3s ease;
}

.view-more-page.active {
    left: 0;
}

.settings-content {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.view-more-page-content {
    padding: 40px;
}

.view-more-page-header {
    padding-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
}

.view-more-page-body {
    padding-top: 20px;
}

.view-more-hide {
    cursor: pointer;
}

/* note video tags */
.video-uploaded-section {
    margin-top: 30px;
}

.title-field>input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #D8D8D8;
    color: #000;
}

.session-wrap.moods.mood-row {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.session-wrap.moods.mood-row > span {
    margin-right: 25px;
    position: relative;
    top: 4px;
}

.note-adding.prof {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Collection video*/
.collections-area {
    margin-top: 50px;
}

.collection-area-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.collection-area-header h4 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.collection-area-header a {
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.collection-area-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #ADC2C0;
}

.collection {
    background-color: #019885;
    max-width: 190px;
    color: #fff;
    padding: 10px 15px;
    margin-right: 30px;
    min-width: 190px;
}

.all-collections {
    margin-top: 20px;
}

.collection-title span {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.video-count {
    font-size: 10px;
}

.collection-acts a {
    color: #fff;
    font-size: 10px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.collection-acts a:first-of-type {
    margin-right: 6px;
}

.top-heading {
    text-align: center;
    margin-bottom: 20px;
}

.community-popup#create-collection .modal-content,
.community-popup#existing-collection .modal-content {
    max-width: 661px;
}

.create-collection-form .field {
    margin-bottom: 20px;
}

.create-collection-form h6,
#existing-collection h6 {
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
}

.create-collection-form .field input[type="search"] {
    width: 100%;
    padding-bottom: 10px;
    border: none;
    border-bottom: 1px solid #979797;
}

.create-collection-form .field input[type="text"],
.existing.field input[type="search"] {
    width: 100%;
    padding: 15px;
    border: 1px solid #DCDCDC;
    color: #000;
    font-size: 12px;
}

.collection-bg {
    height: 50px;
    width: 80px;
    background: center/cover no-repeat;
    margin-right: 20px;
    border-radius: 5px;
    position: relative;
}

.collection-video.flex.center {
    margin-bottom: 20px;
    position: relative;
}

.collection-videos-list {
    padding-top: 20px;
    max-height: 375px;
    overflow-y: auto;
}

.collection-videos-list::-webkit-scrollbar,
.collection-boxes-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F4F4F4;
    border-radius: 12px;
}

.collection-videos-list::-webkit-scrollbar-thumb,
.collection-boxes-list::-webkit-scrollbar-thumb {
    background-color: #585353;
    border-radius: 12px;
}

.check-me {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
}

.collection-check {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #82D63F;
    left: 30px;
    right: 0;
    top: 15px;
    display: none;
}

.collection-check::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 0px;
    width: 6px;
    height: 15px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

input.check-me:checked~.collection-check {
    display: block;
}

.create-collection-btn button {
    display: block;
    width: 100%;
    background: #391B61;
    color: #fff;
    border-radius: 27px;
    padding: 10px;
    border: 1px solid #391b61;
    cursor: pointer;
}

.create-collection-btn {
    margin: 20px 0;
}

#create-collection .modal-body,
#existing-collection .modal-body {
    padding: 15px 30px 0;
}

.existing-collection-addition button {
    display: block;
    width: 100%;
    border-radius: 27px;
    border: 1px solid #391b61;
    color: #000;
    background: transparent;
    padding: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.collection-box {
    background: #EFEFEF;
    padding: 15px;
    margin-bottom: 12px;
    position: relative;
}

.collection-box .collection-video-title {
    font-size: 14px;
    display: block;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.4);
}

.collection-video-count {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.4);
}

.collection-box input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.collection-box .collection-check {
    right: 18px;
    left: unset;
    top: 26px;
}

.collection-box input:checked~.collection-check {
    display: block;
}

.collection-box input:checked~.collection-video-title,
.collection-box input:checked~.collection-video-count {
    color: rgba(0, 0, 0, 1);
}

.collection-boxes-list {
    max-height: 435px;
    overflow-y: auto;
    padding-right: 20px;
}

.collection-inner-content {
    margin-top: 30px;
}

.collection-inner-data h4 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.collection-inner-header span {
    color: #5F5F5F;
    font-size: 12px;
}

.collection-inner-link a {
    color: #fff;
    background: #0CDDC2;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 20px;
}

.collection-inner-header {
    margin-bottom: 20px;
}

.collection-inner-content {
    margin-top: 30px;
}

.collection-inner-data h4 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.collection-inner-header span {
    color: #5F5F5F;
    font-size: 12px;
}

.collection-inner-link a {
    color: #fff;
    background: #0CDDC2;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 20px;
}

.collection-inner-header {
    margin-bottom: 20px;
}

.col-tag {
    color: #939393;
    font-size: 12px;
    font-weight: 600;
    background-color: #F2F2F2;
    padding: 4px 10px;
    border-radius: 20px;
}

.collection-bottom a {
    color: #FF3434;
    font-size: 8px;
    font-weight: 600;
}

.collection-bottom {
    margin-top: 12px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        SETTING TABS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.settings-sidebar {
    width: 30%;
    border-right: 1px solid #e2e2e2;
}

.settings-pan {
    width: 70%;
    padding-left: 40px;
}

.settings-tabs1.nav-tabs {
    border-bottom: none;
}

.settings-sidebar a {
    width: 100%;
    border-radius: 0 !important;
    color: #999 !important;
    padding: 15px 20px;
    border: none !important;
    text-align: left !important;
    margin-bottom: 5px !important;
    font-size: 14px;
    border-left: 4px solid transparent !important;
}

.settings-sidebar a:last-of-type {
    margin-bottom: 0 !important;
}

.settings-sidebar a.active {
    color: #313131 !important;
    background-color: #f7f7f7 !important;
    border-left: 4px solid #0cddc2 !important;
}

.community-desc {
    margin-top: 5px;
}

.community-desc p {
    color: #4E5958;
    font-size: 12px;
}

.gp-post-contr a img {
    display: inline-block;
    margin-right: 9px;
}

.gp-post-contr a {
    color: #181818;
    font-size: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F4F4F4;
    padding: 8px 0 8px 12px;
}

.gp-post-contr a i {
    font-size: 15px;
    margin-right: 8px;
    min-width: 15px;
}

.gp-post-contr a:last-of-type {
    border: none;
    color: #FF5353;
}

.gp-post-contr .custom-row::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 8px;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: #adc2c0 transparent;
}

.gp-post-contr .custom-row::after {
    content: '';
    position: absolute;
    top: -6px;
    right: 9px;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: #FFFFFF transparent;
}

.post-acts {
    display: flex;
    /*margin: 15px 0;*/
    margin: -10px;
    padding-left: 48px;
}

.post-status {
    margin-right: 20px;
}

.post-status span {
    color: #919191;
    font-size: 10px;
}

.post-status img {
    margin-right: 8px;
}

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

.post-status img {
    margin-right: 5px;
}

.post-acts {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 1px;
}

.post-status span {
    font-size: 10px;
    color: #919191;
}

.mention-profiles {
    margin-top: 20px;
}

.mention-profiles span {
    color: #009885;
    font-size: 12px;
    margin-right: 5px;
}

.mention-profiles a {
    color: #009885;
    font-size: 12px;
    margin-right: 5px;
}

.post-ranks {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.post-rank {
    display: flex;
    align-items: center;
    /* margin-right: 30px; */
}

.post-rank img {
    margin-right: 6px;
    color: red;
}

.post-rank span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.post-comment-section {
    margin-top: 10px;
    padding-left: 55px;
}

.notebook-posts-wrap .post-comment-section {
    position: relative;
}

.post-comment-header span {
    color: #092536;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.post-comment-header {
    color: #092536;
    font-size: 14px;
    font-weight: bold;

}

.post-single-comment {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    position: relative;
    padding: 10px;
    border: 1px solid #a9a9a9;
    border-radius: 10px;
    margin: 15px 0;
}
.post-single-comment .commenting-star {
    position: absolute;
    bottom: 0;
    right: 8px;
    z-index: 10;
    width: 90px;
    display: flex;
    justify-content: space-between;
}

.singleComment-action {
    position: absolute;
    top: 7px;
    right: 6px;
}
.singleDots {
    cursor: pointer;
}
.singleComment-action span {
    display: block;
    height: 4px;
    width: 4px;
    background-color: #311e60;
    margin-bottom: 1px;
    border-radius: 50%;
}
.avat-bg {
    height: 30px;
    width: 30px;
    background: center/cover no-repeat;
    margin-right: 12px;
    border-radius: 50%;
}
.singleList {
    position: absolute;
    right: 2px;
    background-color: #fff;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
    color: red;
    top: 18px;
    z-index: 9;
    cursor: pointer;
    display: none;
}
.commenting-text h5 {
    color: #35175E;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    cursor: pointer;
}

.commenting-text p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    cursor: pointer;
    overflow-wrap: break-word;
}

.commenting-text {
    /*margin-top: 5px;
    margin-right: 10px;
    width: calc(100% - 85px);*/
    margin-top: 5px;
    margin-right: 10px;

    width: calc(100% - 110px);
}

.session_presenter {
    display: flex;
    align-items: center;
    position: relative;
}

.commenting-star {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.completeSession-comment .post-comment-footer {
    padding-left: 0 !important;
}
.commenting-width {
    width: auto;
}
.message-functions ul li {
    cursor: pointer;
}
.people-like-views {
    position: absolute;
    width: 120px;
    top: 45px;
    padding: 0;
    right: 0
}

.commenting-star i {
    color: #CACACA;
}

.commenting-star a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.commenting-star a span {
    color: #333;
}

.more-comments a {
    color: #35175e;
    font-weight: 500;
    font-size: 14px;
}

.more-comments {
    padding-left: 6px;
    padding-top: 0;
}

.commenting-area {
    position: relative;
    min-height: 300px;
    background-color: rgba(234, 234, 234, 0.44);
    box-shadow: inset 0 -7px 12px -8px rgba(0, 0, 0, 0.4);
    padding-right: 9px;
}

.comment-field-post input[type="text"] {
    width: 100%;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #4F6C69;
    /* background-color: #d6dfe352; */
    padding: 14px 65px 14px 15px;
}

.comment-field-post input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.comment-field-post input[type="submit"] {
    color: #7963a6;
    font-size: 14px;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 8px;
    top: 12px;
    cursor: pointer;
    z-index: 100;
}

.comment-field-post {
    position: relative;
}

.notebook-posts-wrap video {
    width: 100%;
}
.market_check.filter-radio {
    border: none;
    max-width: 328px;
    margin-left: auto;
    position: relative;
    top: -90px;
}
select#category_id {
    width: 60%;
    margin-left: 20px;
}
.video-cat label {
    margin-bottom: 0;
}
.message-head {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.message-head a {
    color: #fff;
    background-color: #0CDDC2;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
}

.message-head a i {
    margin-right: 5px;
}

.sendNewMessage .modal-title {
    color: #391B61;
    font-weight: 500;
    font-size: 18px;
}

.search-people .field input[type="search"] {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #DCDCDC;
}

.search-people .field input[type="search"]::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.sendNewMessage button.close {
    top: 10px;
    right: 10px;
    position: absolute;
}

.people-result-head {
    margin: 20px 0;
}

.people-result-head h6 {
    font-size: 14px;
    font-weight: 500;
}

.people-bg {
    height: 38px;
    width: 38px;
    border: 1px solid #009885;
    border-radius: 50%;
    background: center/cover no-repeat;
}

.people-person span {
    font-size: 12px;
    margin-left: 10px;
    font-weight: 500;
    color: #000;
}

.people-msg-btn button {
    background-color: transparent;
    border: 1px solid #0CDDC2;
    border-radius: 20px;
    padding: 4px 22px;
    font-size: 12px;
    cursor: pointer;
}

.people-message {
    margin-bottom: 20px;
}

.collections-area {
    margin-top: 50px;
}

.collection-area-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.collection-area-header h4 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.collection-area-header a {
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.collection-area-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #ADC2C0;
}

.collection {
    background-color: #019885;
    max-width: 190px;
    color: #fff;
    padding: 10px 15px;
    margin-right: 30px;
    min-width: 190px;
    margin-bottom: 10px;
}

.session-wrap.moods.hot-mood-range {
    width: 100%;
}

.session-wrap.moods.hot-mood-range.prof {
    width: 100%;
    max-width: 620px;
}
.emoji-width.white-expressions .expression-type {
    margin-right: 15px;
}

.emoji-width.white-expressions .mood-expressions.flex.center {
    justify-content: flex-start;
}
.all-collections {
    margin-top: 20px;
}

.collection-title span {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.video-count {
    font-size: 10px;
}
.community-group.admin-community .main-coomunity-group{
    padding: 0;
    border-radius: 15px;
}
.collection-acts a {
    color: #fff;
    font-size: 10px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.collection-acts a:first-of-type {
    margin-right: 6px;
}

.top-heading {
    text-align: center;
    margin-bottom: 20px;
}

.community-popup#create-collection .modal-content,
.community-popup#existing-collection .modal-content {
    max-width: 661px;
}

.create-collection-form .field {
    margin-bottom: 20px;
}

.profile-row select,
.profile-row input {
    min-width: 296px;
    max-width: 100%;
}

.profile-row input[type="checkbox"] {
    min-width: unset;
}

.profile-row {
    margin: 20px 0;
}

.create-collection-form h6,
#existing-collection h6 {
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
}

.create-collection-form .field input[type="search"] {
    width: 100%;
    padding-bottom: 10px;
    border: none;
    border-bottom: 1px solid #979797;
}

.create-collection-form .field input[type="text"],
.existing.field input[type="search"] {
    width: 100%;
    padding: 15px;
    border: 1px solid #DCDCDC;
    color: #000;
    font-size: 12px;
}

.collection-bg {
    height: 50px;
    width: 80px;
    background: center/cover no-repeat;
    margin-right: 20px;
    border-radius: 5px;
    position: relative;
}

.collection-video.flex.center {
    margin-bottom: 20px;
    position: relative;
}

.collection-videos-list {
    padding-top: 20px;
    max-height: 375px;
    overflow-y: auto;
}

.collection-videos-list::-webkit-scrollbar,
.collection-boxes-list::-webkit-scrollbar {
    width: 6px;
    background-color: #F4F4F4;
    border-radius: 12px;
}

.collection-videos-list::-webkit-scrollbar-thumb,
.collection-boxes-list::-webkit-scrollbar-thumb {
    background-color: #585353;
    border-radius: 12px;
}

.check-me {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
}

.collection-check {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #82D63F;
    left: 30px;
    right: 0;
    top: 15px;
    display: none;
}

.collection-check::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 0px;
    width: 6px;
    height: 15px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

input.check-me:checked~.collection-check {
    display: block;
}

.create-collection-btn button {
    display: block;
    width: 100%;
    background: #391B61;
    color: #fff;
    border-radius: 27px;
    padding: 10px;
    border: 1px solid #391b61;
    cursor: pointer;
}

.create-collection-btn {
    margin: 20px 0;
}

#create-collection .modal-body,
#existing-collection .modal-body {
    padding: 15px 30px 0;
}

.existing-collection-addition button {
    display: block;
    width: 100%;
    border-radius: 27px;
    border: 1px solid #391b61;
    color: #000;
    background: transparent;
    padding: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.existing-collection-addition a {
    display: block;
    width: 100%;
    border-radius: 27px;
    border: 1px solid #391b61;
    color: #000;
    background: transparent;
    padding: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.collection-box {
    background: #EFEFEF;
    padding: 15px;
    margin-bottom: 12px;
    position: relative;
}

.collection-box .collection-video-title {
    font-size: 14px;
    display: block;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.4);
}

.collection-video-count {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.4);
}

.collection-box input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.collection-box .collection-check {
    right: 18px;
    left: unset;
    top: 26px;
}

.collection-box input:checked~.collection-check {
    display: block;
}

.collection-box input:checked~.collection-video-title,
.collection-box input:checked~.collection-video-count {
    color: rgba(0, 0, 0, 1);
}

.collection-boxes-list {
    max-height: 435px;
    overflow-y: auto;
    padding-right: 20px;
}

/***** New Message ******/
.search-people textarea {
    width: 100%;
    resize: none;
    border: none;
    padding: 10px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
}

.field.text {
    border: 1px solid #DCDCDC;
    margin-top: 15px;
}

.field.msg-send {
    margin-top: 15px;
    text-align: right;
}

.field.msg-send button {
    border: none;
    background: #391B61;
    color: #fff;
    font-size: 12px;
    padding: 6px 34px;
    border-radius: 20px;
}

.mesg-files {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}

.library-sidebar>a,
.collections-show-all a {
    color: #35175E;
    font-size: 12px;
    font-weight: 500;
}

.sidebar-collection {
    margin-top: 20px;
}

.sidebar-collection-items {
    margin-top: 20px;
}

.sidebar-collection-items .collection {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 20px;
}

.sidebar-collection-items .collection:last-of-type {
    margin-bottom: 0;
}

.notebook-section .notebook-boxes .notebook-posts-wrap .post-comment-body {
    min-height: 20px;
    overflow-y: auto;
    max-height: 200px;
    margin-bottom: 6px;
}

#all_notes_listing .notebook-posts-wrap .comment-field-post {
    border: 1px solid #4F6C69;
    background-color: #d6dfe352;
}

#all_notes_listing .notebook-posts-wrap .more-comments {
    padding-left: 0;
}

#all_notes_listing .notebook-posts-wrap .comment-field-post input[type="text"] {
    border: none;
}

.notebook-posts-wrap .post-comment-footer {
    bottom: 0;
}

.post-undo {
    position: absolute;
    top: 25px;
    font-size: 12px;
    color: #000;
    border: 1px solid #ADC2C0;
    width: 110px;
    text-align: center;
    padding: 5px;
    display: none;
    align-items: center;
    z-index: 2;
}

.post-undo a {
    color: #000;
}

.reposts {
    position: relative;
    cursor: pointer;
}

.post-rank.reposts .post-undo img {
    opacity: 0.5;
    margin-right: 0;
    display: inline-block;
}

.collection-inner-content {
    margin-top: 30px;
}

.collection-inner-data h4 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.collection-inner-header span {
    color: #5F5F5F;
    font-size: 12px;
}

.collection-inner-link a {
    color: #fff;
    background: #0CDDC2;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 20px;
}

.collection-inner-header {
    margin-bottom: 20px;
}

.mood-graph2 canvas {
    max-height: auto !important;
    /* object-fit: contain; */
    width: 100% !important;
    height: 100% !important;
    max-width: 56%;
    margin: 0 auto;
}

.percentage-count {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 26px;
    z-index: -1;
    padding-right: 20px;
}

.mood-percentages {
    position: relative;
}

.total-presents {
    display: flex;
    align-items: center;
}

.mood-graph2 {
    /* max-height: 300px; */
}

/* Mood Filter*/
.mood-graph2 canvas {
    /* max-height: 300px !important;
    object-fit: contain; */
}

.color-indicators {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.color-title {
    font-size: 14px;
    color: #363B4E;
}

.mood-color {
    margin-right: 30px;
}

.solid-color {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.neutral {
    background-color: #8479FF;
}

.sad {
    background-color: #3181E8;
}

.angry {
    background-color: #E86C31;
}

.scared {
    background-color: #E83131;
}

.happy {
    background-color: #EE24A4;
}

.powerful {
    background-color: #EEB824;
}

.peaceful {
    background-color: #2ABF1A;
}

.notebook-box-pin-header .gp-post-dots span {
    background-color: #545454;
}

.trending-words h6 {
    font-size: 14px;
    color: #363B4E;
    font-weight: 500;
    margin-bottom: 8px;
}

.trending-words span {
    display: block;
    font-size: 12px;
    color: #363B4E;
    margin-bottom: 5px;
}

.trending-words {
    /* position: absolute; */
    right: 0;
    top: 0;
    text-align: left;
    width: 150px;
    margin-left: auto;
}

.mood-graph2 {
    position: relative;
}

.slice-panel {
    position: absolute;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.18);
    z-index: 99;
    min-width: 294px;
    display: none;
    top: 50px;
    right: 60px;
    max-width: 294px;
    height: 250px;
    overflow: auto;
}
.mood-percentages div#graph-mood {
    height: auto!important;
}
.slice-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../images/Combined%20Shape.png');
}

.slice-panel ul li h6 {
    color: #391B61;
    font-weight: bold;
    font-size: 12px;
}

.slice-panel ul li span {
    color: #5F5F5F;
    font-size: 10px;
    font-weight: 600;
}

.slice-panel ul li a {
    color: #5F5F5F;
    font-size: 10px;
    font-weight: 600;
}

.slice-panel ul li {
    padding: 15px 0;
    border-bottom: 1px solid #EAEAEA;
}

.slice-panel ul li:last-of-type {
    border: none;
}

.slice-panel1::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    background-image: url(../images/Combined%20Shape.png);
    height: 20px;
    width: 20px;
}

/* Side section comment*/
.commenting-head.viewers {
    padding: 5px 20px;
}

.commenting-area .post-comment-section {
    padding-left: 32px;
    padding-right: 22px;
}

.views-content {
    min-height: 520px;
}

.views-content .note-section {
    margin-top: 0;
}

.post-check {
    margin-top: 0;
}

.views-content .notebox {
    padding: 12px 12px 12px;
}

.notebox-comment-send {
    text-align: right;
}

.note-adding {
    margin-top: 20px;
    width: 100%;
}

#noteslisting .group-posting-detail {
    padding-left: 0;
}

#noteslisting .post-comment-section {
    padding-left: 0;
}

.mood-slider .item:hover .delete-community {
    display: inline-flex;
}

.personal .item .vposter-wrap:hover .delete-community {
    display: inline-flex;
}

#noteslisting .post-single-comment {
    margin-bottom: 5px;
}

.notebook-posts-wrap video {
    width: 100%;
}

.note-message {
    height: auto !important;
    min-height: 150px !important;
}

form#add_note_form {
    margin-top: 15px;
}

.title-field .select2.select2-container,
.title-field span.selection {
    width: 100% !important;
}

.video_tags {
    margin-top: 0;
}

.space {
    margin-top: 0;
}

.notebook-boxes .mention-profiles {
    margin-top: 0;
}
span#track-date {
    position: relative;
}
input#date_tracker {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

/********
final UI fixes
*********/
.mentions-input-box textarea {
    border: none !important;
    overflow: hidden !important;
    max-height: 40px !important;
}

.mentions-input-box .mentions>div>strong {
    background: none !important;
}

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

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

.footer-lists li a {
    padding: 0 10px;
    color: #4E5958;
    font-size: 14px;
}

.footer-column1 {
    width: auto;
}

.footer-lists li:last-child a {
    border-right: none;
}

.footer-lists li a {
    border-right: 1px solid #e8e3e3;
}

.footer-coypright p {
    color: #4E5958;
    font-size: 14px;
}

.main-footer .container-fluid {
    padding: 12px 26px 12px 40px;
}

.single-note-title {
    color: #252525;
    text-align: left;
    border-bottom: 1px solid #ADC2C0;
    padding-bottom: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.single-note-title h3 {
    font-size: 16px;
    font-weight: 500;
}

.main-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}

.single-post-main-container .video-uploaded-section {
    margin: 0;
}

.note-video.note-imgs {
    height: auto;
    margin: 0 auto;
}

.note-video.note-imgs img {
    height: auto;
}

.padding-left-posts {
    padding-left: 67px;
}

.new_pinned .post-acts {
    padding: 0;
}

.notebook-posts-wrap {
    padding-bottom: 20px;
    border-bottom: 1px solid #ADC2C0;
    margin-bottom: 20px;
}

.new_user_search {
    padding-bottom: 20px;
    border-bottom: 1px solid #ADC2C0;
    margin-bottom: 20px;
}

.notebooks-body.single-note-lists {
    margin: 0;
}

.library-titles {
    display: none;
}

.close-lists {
    display: none;
}

.personal .slides .item {
    margin-bottom: 20px;
}

.delete-community {
    color: #fff;
    font-size: 10px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: rgba(73, 151, 133, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 5px;
}

.community-group:hover .group-background .delete-community {
    display: inline-flex;
}

.profile-forms-new {
    max-width: 500px;
}

.profile-forms-new .profile-info {
    text-align: left;
}

.profile-forms-new .profile-info select,
.profile-forms-new .profile-info input,
.profile-forms-new .profile-info textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #d4d4d4;
    padding: 0 !important;
    color: #252525;
    font-size: 15px;
    border-radius: 0;
}
.profile-row .market_check label {
    color: #666;
}
.profile-forms-new .profile-info textarea {
    resize: none;
}

.profile-forms-new .profile-info input[type="checkbox"] {
    width: auto;
}

.notebook-boxes .notebook-posts-wrap:nth-last-of-type(1) {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.payment-info-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-info-detail h5 {
    margin: 0;
}

.d_history-header.donation_history h5 {
    margin: 0 !important;
}

.d_history-header.donation_history .balance-detail {
    margin: 0;
}

.sidebar-section.logged-out {
    right: -100%;
}

.sidebar-section.logged-out.login-show {
    right: 0;
    display: block;
}

.library-sidebar.single-library .slides {
    height: 420px;
    overflow-x: auto;
}

.library-sidebar.single-library .slides li {
    padding: 0 10px;
}

.vposter-wrap {
    position: relative;
}

.offline-videos .item:hover .vposter-wrap .delete-community {
    display: inline-flex;
}

#note .note-section {
    margin-bottom: 50px;
}

.commenting-star span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.commenting-star .post-star {
    margin-right: 2px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

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

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin: 0;
}

.mood-range {
    width: calc(100% - 30px);
}

.btn_apply {
    padding: 0;
    background-color: transparent;
    color: #9feee0;
    border: none;
    margin: 0;
    margin-top: 30px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: none;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.comments-details {
    height: 320px;
    width: 100%;
    resize: none;
    padding: 10px;
    background-color: white;
}

.live-videos .item:hover .vposter-wrap .delete-community {
    display: inline-flex;
}

.end-call-link a {
    color: #fff;
    font-size: 13px;
    padding: 6px 30px;
    border-radius: 27px;
    border: 1px solid #fff;
}

.btns-send {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    padding: 0;
    color: #59b998;
    font-weight: 500;
}

.presenter-forms {
    position: relative;
}

.mobile-bnts {
    display: none;
}

.btn-text {
    color: #fff !important;
    display: block;
}

.pinned-post {
    border: 1px solid #499885;
    padding: 10px;
    margin-bottom: 20px;
    padding-top: 35px !important;
}

#noteslisting .pinned-post {
    margin-bottom: 20px;
}

.landing-home-tab.login-bar-opne {
    width: calc(100% - 350px);
}

.modal-large .modal-dialog {
    max-width: 800px;
}

.modal-large .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.library-column-container {
    width: 33%;
    padding: 10px;
}

.all-library-row {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    height: 570px;
    overflow: auto;
}

.library-column-image {
    width: 100%;
    height: 165px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*margin-bottom: 20px;*/
}

.create-library {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

#moodTab .mood-slider .item::before {
    display: none;
}

.video-tags {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.video-tags .public-check {
    margin: 0;
    padding-right: 50px;
}

.notification.notfication-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.btn-send-report {
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 400;
    border-radius: 27px;
    padding: 6px 26px;
    width: fit-content;
    background-color: #009885;
}

.rangeslider--horizontal.Neutral .rangeslider__handle {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
}

/* .rangeslider.rangeslider--horizontal.Anxious .rangeslider__fill {
    background-image: none;
    background-color: #564a6b;
} */
.community-title-tag.signle-community-tags {
    margin-bottom: 10px;
}

.community-group-wrapper.short {
    width: 100%;
}

.session-mood.hot-mood-range {
    width: 50%;
}

.group-info.community-mains {
    min-height: 260px;
    position: relative;
}

.group-info.community-mains .action-links {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
}

.community-bodys {
    margin-bottom: 50px;
}

.single-community-tag {
    margin: 0;
    display: inline-block !important;
    padding: 5px 10px;
}

.collection-delete {
    position: relative;
}

.collection-delete:hover .delete-community {
    display: inline-flex;
}

.viewer-sidesbars {
    min-height: 1350px;
}

.videoUpload .modal-content {
    max-width: 600px;
}

.videoUpload-field {
    background: #f7f7f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 260px;
    margin: 0 auto 20px;
    height: 160px;
    width: 260px;
}

.videoUpload-field.video_view video {
    width: 100%;
    height: 100%;
}

.videoUpload-field input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.videoUpload-field span {
    font-size: 14px;
    color: #fff;
}

.field-upload label {
    color: #252525;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}

.field-upload {
    margin-bottom: 10px;
}

.field-upload input {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.session-wrap.tags.video select {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.videoAddBtn {
    margin: 20px 0;
    text-align: center;
}

.videoAddBtn button {
    padding: 8px 28px;
    border-radius: 27px;
    border: none;
    background: #7F4CC2;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.schedule-status {
    margin-top: 18px;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.5);
    padding-left: 14px;
}

.community-time {
    margin-right: 20px;
}

.mood-graph1 {
    position: relative;
}

.moodGraph-calender {
    position: absolute;
    top: 0;
}

.moodGraph-calender a {
    color: #35175e;
    font-size: 24px;
}

.session-wrap.tags.video>span {
    display: block;
}

.session-wrap.tags.video {
    margin-top: 20px;
}

.session-wrap.tags.video .select2.select2-container {
    width: 100% !important;
}

.session-wrap.tags.video .select2-selection.select2-selection--multiple {
    border-radius: 0 !important;
}

.moodGraph-calender .xdsoft_datetimepicker {
    display: block !important;
}

.moodGraph-calender .xdsoft_datetimepicker.xdsoft_inline {
    position: inherit;
}

.videoUpload-field.video_view i {
    position: absolute;
    right: -10px;
    top: -10px;
    background: red;
    border-radius: 50%;
    color: #fff;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
}

.videoUpload-field.video_view {
    position: relative;
}

.profileBio {
    display: flex;
    align-items: center;
    padding-left: 80px;
    color: #fff;
    font-size: 14px;
}

.profileBio span {
    margin-right: 15px;
    word-break: break-word;
}

.profileBio a img {
    position: relative;
    top: 1px;
}

.profileBio a {
    width: 20px;
}

.copyright-infringment {
    margin-top: 40px;
}

.copyright-infringment h6 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
}

.copyright-infringment p {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 15px;
}

.intellectual-property h6 {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 10px;
}

.intellectual-property p {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

.intellectual-form {
    margin-top: 30px;
}

.intel-field input {
    padding: 10px 15px;
    max-width: 350px;
    width: 100%;
    border: 1px solid #c1c1c1;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    margin-bottom: 20px;
}

.intellectual-property {
    margin-top: 30px;
}

.intel-field input::placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.intel-field button {
    border: none;
    background: #0cddc2;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #a99494;
    cursor: pointer;
}

.box-body.users-cover form {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
    margin-top: 20px;
    align-items: center;
}

.box-body.users-cover .profile-row {
    margin-right: 50px;
    margin-bottom: 20px;
    z-index: 10;
}

.profEditing-options {
    background-color: #fff;
    position: absolute;
    top: 56px;
    width: 160px;
    border-radius: 2px;
    display: none;
}

.profEditing-options li {
    position: relative;
    padding: 7px 10px;
    border-bottom: 1px solid #eee;
}

.profEditing-options li:last-of-type {
    border: none;
}

.profEditing-options a,
.profEditing-options span {
    color: #333;
    font-size: 16px;
    cursor: default;
}

.community-group-imag .profEditing-options {
    background-color: #35175e;
    top: 108px;
    left: 100px;
}

.community-group-imag .profEditing-options a,
.community-group-imag .profEditing-options span {
    color: #fff;
}

.profEditing-options li {
    border-color: #616161;
}

.resource-packet {
    margin-bottom: 20px;
}

.resource-packet span {
    color: #333;
    font-weight: 500;
}

.resource-packet ul {
    padding-left: 30px;
    margin-top: 3px;
}

.resource-packet ul li {
    list-style: disc;
}

.resource-packet ul li a {
    color: #333;
    transition: 0.2s;
}

.resource-packet ul li a:hover {
    color: #2b2bbd;
}

.mentions-input-box input.addcomment {
    position: relative;
    z-index: 99;
}

.mentions-input-box input.add_comment_community {
    position: relative;
    z-index: 99;
}

.commenting-area.viewersArea .post-comment-footer {
    padding: 8px 20px 0;
}

.mentions-input-box input#inline_comment {
    position: relative;
    z-index: 99;
}

.mentions-input-box input#comment_text {
    position: relative;
    z-index: 99;
}
.mentions-input-box   input#comment {
    position: relative;
    z-index: 99;
}
.notebook-notes .post-comment-section .post-comment-body {
    min-height: 30px;
    overflow-y: auto;
    max-height: 220px;
}

.notebook-notes .post-comment-section input.addcomment {
    border: none;
}

.notebook-notes .post-comment-section .comment-field-post {
    border: 1px solid #4F6C69;
    background-color: #d6dfe352;
}

.gp-post-cover .post-comment-section {
    position: relative;
}

.gp-post-cover .post-comment-section .post-comment-body {
    min-height: 20px;
    overflow-y: auto;
    max-height: 200px;
}

.gp-post-cover .post-comment-section .post-comment-footer {
    padding-top: 12px;
}

.viewersArea.commenting-area .mentions-input-box {
    width: 100%;
}

.viewersArea.commenting-area .post-comment-body {
    min-height: 135px;
    overflow-y: auto;
    max-height: 250px;
}

.mood-percentages canvas#moodChart {
    width: 280px !important;
    height: 140px !important;
}

.mood-percentages .color-indicators {
    display: block;
    margin-top: 0;
    position: absolute;
    right: 5px;
    top: 0;
}

.mood-percentages .mood-color {
    margin-right: 0;
}

.mood-percentages .mood-color .color-title {
    font-size: 12px;
    color: #fff;
}
.notebox-comment-send input {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: #3fb898;
}
.requestInfo {
    margin-top: 60px;
}
.requestInfo span {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
}
.quick_content {
    word-break: break-word;
}
.requesting-field input[type="email"] {
    padding: 10px 5px 10px 10px;
    width: 100%;
    font-size: 15px;
    border: 1px solid #E2E2E2;
    color: rgba(37, 37, 37, 0.7);
    max-width: 400px;
    display: block;
}
.requesting-field button {
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 35px;
    background-color: #3CE3CE;
    margin-top: 20px;
    margin-left: auto;
    display: block;
}
.post-acts.profile-test .post-status a {
    font-size: 12px;
    color: #092536;
    margin-right: 10px;
}
.see-more-icon {
    cursor: pointer!important;
    font-weight: 700!important;
    color: #35165e!important;
    font-size: 12px!important;
}
.comment-field-post .mentions-input-box{
    width:100%;
}
.wall-result-img-view {
    width: 100%!important;
    height: 350px!important;
    background-repeat: no-repeat;
    background-size: contain !important;
    background-position: center;
    margin:0 auto;
}
.notebook-note .wall-result-img-view {
    width: 50%!important;
    margin:0 auto;
}
.quick_show.quick_show_post {
    /*background-color: #F2F3F5;*/
    padding: 10px;
}

div#results {
    position: relative;
    width: 100%;
    padding: 9px;
}
.quick_remove {
    position: absolute;
    top: 0;
    right: 4px;
    background-color: transparent;
    border: none;
    color: #e851a2;
    background-color: #fff;
    border-radius: 50%;
    padding: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.extracted_thumb {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}

.note-image-icons{
    position: absolute;
    top: 10px;
    right: 10px;
}
.note-icons.flex.pro-posting.note-image-icons .note-image-upload.pro {
    top: -10px;
}
.scrapt_title a,.scrapt_content  a ,.scrapt_content  p{
    color: #606060;
    font-family: 'Roboto', sans-serif;
    position: unset;
}
.scrapt_link a {
    color: #448d90;
    position: unset;
}
.note-image-upload.pro.note-imguploaders {
    top: 10px;
    right: 20px;
}
.scrapt_content a , .scrapt_content p{
    font-size: 14px;
}
#c_results .wall-result-img-view {
    width: 100%!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#c_results .wall-result-img-view {
    width: 100%!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.c_quick_remove {
    position: absolute;
    top: 0;
    position: absolute;
    top: 0;
    right: 4px;
    background-color: transparent;
    border: none;
    color: #e851a2;
}
#c_results {
    position: relative;
}
.people-result {
    max-height: 320px;
    overflow: auto;
    padding-right: 15px;
}
.mood-status.colorPickerMood .initColor:after {
    display: none;
}
.initColor {
    /*color: #009885;
    box-shadow: 0px 0px 24px -7px #cccc;
    z-index: 9999;
    width: max-content;
    padding: 1px 10px;
    font-size: 11px;
    position: absolute !important;
    border-radius: 20px;
    color: #ffff;
    display: none;
    top:20px;
    left: 0;
    right: 0;
    margin: auto; */
}
span.initColor:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #009885;
    bottom: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    content:"";
}
.colorPickerMood {
    position: relative;
}

.colorPickerMood:hover span.initColor {
    display: block;
}

.colorPickerMood:hover {
    cursor: pointer;
}

.library-slider {
    overflow-x: hidden;
}

span.initColor {
    z-index: 9999;
}
.registeration-wrapper {
    padding-bottom: 50px;
}
.upload-video-title {
    padding: 30px 0;
}
.upload-video-title h4 {
    color: #252525;
    font-size: 20px;
}
form.uploadVideoForm .videoUpload-field.video_view {
    max-width: 100%;
    width: 100%;
    max-width: 100%;
    width: 100%;
    background-color: transparent;
    border: 1px solid #35165d;
}
.custom-upload-form .session-wrap.tags.video select {
    width: 100%;
    padding: 10px;
}
.custom-upload-form {
    width: 80%;
    margin: 0 auto;
}
.live-videos.suggest-live-videos {
    padding-top: 0;
}
.custom-upload-form span.selection {
    max-width: 100% !important;
}
.videoUpload-field span img {margin: 0 auto;}
.custom-uploader div#video_loader {
    max-width: 130px;
    position: absolute;
}

.suggestion-tabs .live-videos.nav.nav-tabs {
    padding-bottom: 0;
}
.suggestion-tabs nav {
    border: none;
    margin: 20px 0;
}
.suggestion-tabs li{
    position: relative;
    padding: 0 10px 0 10px;
}
.suggestion-tabs li a {

    margin: 0;
    color: rgb(0 0 0 / 0.7)!important;
    font-weight: 400;
    /* border-right: 1px solid; */
    position: relative;
}
.suggestion-tabs li a.active {
    border: none;
    color: rgb(53 22 94)!important;
    font-weight: 700;
}
.suggestion-tabs  li:first-child {
    padding-left: 0;
}
.suggestion-tabs .tab-content {
    margin-top: 30px;
}
.suggestion-tabs  li:before {
    content: " ";
    position: absolute;
    border-right: 1px solid #9c9c9c;
    height: 15px;
    right: 0;
    top: 5px;
}
.suggestion-tabs li:last-child:before {
    display: none;
}
.ft-statement {
    text-align: center;
    color: #4E5958;
    font-size: 14px;
    margin-top: 5px;
}
.video-upcoming {
    position: absolute;
    bottom: 6px;
    background-color: #fff;
    color: #009885;
    border-radius: 15px;
    padding: 5px 8px;
    font-size: 12px;
    left: 10px;
    -webkit-box-shadow: 1px 3px 8px 7px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 1px 3px 8px 7px rgba(0, 0, 0, 0.09);
    box-shadow: 1px 3px 8px 7px rgba(0, 0, 0, 0.09);
    font-weight: 500;
}
.resources-modal {}

.resources-modal .modal-dialog {
    max-width: 800px!important;
}

.resources-modal .modal-content {
    width: 800px;
}

.resources-modal .modal-content p {
    color: #ffff;
}

.resources-modal .modal-content .resource-packet span {
    color: #04e4c8;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 10px;
}
.resources-modal .modal-content ul li:hover a {
    color: #fff;
    text-decoration: underline;
}
.resources-modal .modal-content ul li {
    color: #fff;
}
.footer-coypright p a {
    color: #04e4c8;
    font-weight: 700;
}
.resources-modal .modal-content a {
    color: #fff;
}

.resources-modal .modal-content .info-title h5 {
    color: #fff;
    text-align: left;
    font-size: 24px;
}
/*****************************************
           Css for Phase2 goes here
******************************************/

/*************
        Market Place
    ************************/

.market_place .live-videos {
    padding: 35px 40px 40px;
}
.featured-content {
    padding: 12px;
    border: 1px solid #EFEFEF;
    border-radius: 0 0 6px 6px;
}
.market_place .video-poster {
    border-radius: 6px 6px 0 0;
}
.market_place .live-videos>h6,
.market_place .offline-videos>h6 {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 25px;
}
.featured-content h6 {
    color: #6D6D6D;
    font-size: 12px;
}
.featured-content h5 {
    color: #35175E;
    font-size: 16px;
    font-weight: 700;
    margin: 6px 0 4px;
    padding-right: 20px;
    line-height: 1.4;
}
.featured-content p {
    color: #6D6D6D;
    font-size: 14px;
}
.buy-detail {
    margin-top: 12px;
    align-items: center;
}
.buyFeature a {
    background: #398D90;
    color: #fff;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 12px;
}
.buyFeature {
    margin-right: 15px;
}
.price-feature h6 {
    color: #6D6D6D;
    font-size: 12px;
}
.price-feature h6 span {
    color: #27AB7B;
    font-weight: 500;
}
.join-price .price-feature {
    margin-top: 7px;
    margin-left: 15px;
}
.join-price {
    padding: 10px;
}
.fieldHalf {
    width: 48%;
}
.market_field label,
.market_check h6 {
    color: #000;
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}
.productFilters h5,
.serviceFilters h5 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}
.market_field select {
    width: 100%;
    padding: 5px 10px;
    border-radius: 0;
    border: 1px solid #DCDCDC;
    color: #000000;
    background: url(../images/select_arrow.svg) center right 14px no-repeat ;
    appearance: none;
    cursor: pointer;
}
.note-commenting .market_field.commenting_options {
    margin-bottom: 0;
    /*margin-right: 20px;*/
}
.field-select.market_field select {
    padding: 12px;
}

.field-update {
    width: 100%;
    padding: 10px;
    color: #fff;
    border: none;
    background: #3CE3CE;
}
.note-commenting label {
    margin-right: 10px;
    color: #606060;
    font-size: 13px;
    margin-bottom: 0;
}
.note-commenting select {
    border-radius: 6px;
    background: none;
    appearance: auto;
    border-color: #009885;
    color: #606060;
    font-size: 13px;
    padding: 10px;
}
.session-wrap.commenting-options.note-commenting.flex.center {
    margin-top: 0;
}
.market_field input,
.market_field textarea {
    width: 100%;
    padding: 10px;
    border-radius: 0;
    border: 1px solid #DCDCDC;
    color: #000000;
    appearance: none;
    resize: none;
}
.market_field,
.fieldHalf {
    margin-bottom: 20px;
}
.values-limit {
    margin-top: 6px;
}
.values-limit span {
    color: #27AB7B;
    font-size: 12px;
    font-weight: 500;
}
.prodFilter-actions {
    margin-top: 14px;
}
.applyBtn a {
    background: #398D90;
    color: #fff;
    padding: 6px 22px;
    border-radius: 20px;
    font-size: 12px;
}
.resetFilter a {
    display: flex;
    align-items: center;
    margin-left: 20px;
    color: #000;
    font-size: 12px;
}
.resetFilter a img {
    margin-right: 5px;
}
.sidebar-header {
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.marketPlace-sell a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #319DA0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 3px;
}
.marketPlace-sell a img {
    margin-right: 10px;
}
.marketPlace-sell {
    margin-top: 20px;
}
.marketBar-content {
    height: 100%;
}
.market-place .sidebar-section {
    height: 100%;
}
.marketBar-body {
    height: 100%;
    padding: 20px;
}
.singleProducts-list {
    height: 100%;
    overflow-y: auto;
    max-height: calc(100% - 360px);
    padding-right: 2px;
    min-height: 250px;
}
.marketBar-body > span {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 20px;
}
.singleProd-img {
    width: 91px;
    border-radius: 6px 0 0 6px;
    background: center/cover no-repeat;
}
.singleProd-info.featured-content {
    border: none;
    border-radius: 0;
    width: calc(100% - 115px);
    padding: 10px;
}
.singleProd-options {
    cursor: pointer;
}
.singleProd-options span {
    height: 5px;
    width: 5px;
    background: #B1B1B1;
    border-radius: 50%;
}
.singleProduct {
    background: #fff;
    border-radius: 6px;
    padding-right: 10px;
    margin-bottom: 12px;
}
.singleProd-info.featured-content h5 {
    color: #000;
    font-size: 12px;
    margin: 5px 0 2px;
    padding: 0;
}
.singleProd-info.featured-content h6 {
    font-size: 10px;
}
.shippingCost-wrap label {
    color: #000;
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}
.singleProd-info.featured-content p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
}
.price-feature {
    margin-top: 5px;
}
.servicesSidebar {
    display: none;
}
.phase2 .modal-dialog {
    max-width: 530px;
}
.phase2 .modal-content {
    border-radius: 0;
    border: none;
}
.phase2 .modal-header {
    border-bottom: none;
}
.phase2 .modal-header h5 {
    font-weight: 700;
}
.phase2 .close {
    color: #D0021B;
    opacity: 1;
}
.sellProduct .modal-header {
    padding: 20px 25px 10px;
}
.sellProduct .modal-body {
    padding: 0;
}
.categoryField {
    padding: 10px 25px 30px;
    border-bottom: 1px solid #ADC2C0;
}
.fieldsCover {
    padding: 0px 25px;
}
.market_check label {
    position: relative;
    color: #000;
    font-size: 14px;
    padding-left: 23px;
}
.market_check input {
    display: none;
}
.market_check span {
    height: 14px;
    width: 14px;
    border: 1px solid #FF6C6C;
    left: 0;
    position: absolute;
    top: 3px;
}
.checks-wrap .market_check {
    margin-right: 15px;
}
.market_check input:checked ~ span {
    background: #FF6C6C;
}
#rateit-reset-2 {
    visibility: hidden;
}
.site-pagination .page-item {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-pagination .page-item span {
    padding: 0;
    background: none !important;
    border: none !important;
}

.site-pagination .page-item.active {
    background: #35175E;;
}
.site-pagination .page-item.active span {
    color: #fff !important;
}
.site-pagination .page-link:hover {
    background: #fff;
}
#review_detail .rateit .rateit-selected {
    background-position: left -32px;
    color: #efc529;
}
.rateit .rateit-selected {
    background-position: left 32px;
}
.site-pagination nav {
    max-width: 560px;
    margin: auto;
    border-bottom: none;
}
.site-pagination {
    padding: 40px 0 10px;
    border-bottom: 1px solid #ADC2C0;
}
.site-pagination ul {
    display: flex;
    align-items: center;
    max-width: fit-content;
    margin: auto;
    border: 1px solid #DFE0E1;
    border-radius: 10px;
}
.rateit-reset {
    display:none !important;
}
.upload-name {
    margin: 0 15px;
    color: #6B7777;
    font-size: 14px;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.site-pagination .page-item .page-link {
    border: none;
    padding: 0;
    color: #000;
}
.remove-file {
    color: red;
    font-size: 14px;
    cursor: pointer;
}
.shippingCost-check input {
    /*display: none;*/
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;

}
.shippingCost-check label {
    position: relative;
    padding-left: 20px;
}
.shippingCost-check span {
    border: 1px solid #FF6C6C;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 4px;
    left: 0;
}
.shippingCost-check span::before {
    content: '';
    position: absolute;
    border-color: #FF6C6C;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 10px;
    width: 4px;
    transform: rotate(45deg);
    left: 4px;
    top: 0;
    display: none;
}
.shippingCost-check label input:checked ~ span::before {
    display: block;
}

.shippingCost-check {
    margin-right: 30px;
}











.market_check span::before {
    content: '';
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 10px;
    width: 4px;
    transform: rotate(45deg);
    left: 4px;
    top: 0;
    display: none;
}
.market_check input:checked ~ span::before {
    display: block;
}
.priceIcon input {
    padding-left: 34px;
    background: url(../images/dollorIcon.svg) center left 14px/10px no-repeat;
}
.fieldsCover.ratingBuild {
    padding-top: 25px;
    border-top: 1px solid #ADC2C0;
}
.fieldsCover.ratingBuild h4 {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
}
.market_check label a,
.market_check label {
    color: #000;
}
.market_check label a {
    text-decoration: underline;
}
.publish-btn button {
    width: 100%;
    padding: 13px 20px;
    background: #3CE3CE;
    color: #fff;
    border: none;
    margin-bottom: 15px;
}
.productImages h5 {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
}

.product-mainImage {
    height: 160px;
    width: 160px;
    border: 1px solid #D8D8D8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productImages {
    margin-bottom: 20px;
    padding-top: 8px;
}
.fileUploader input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.fileUploader {
    position: relative;
}
.fileUploader input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.fileUploader {
    position: relative;
}
.product-Img {
    height: 70px;
    width: 71px;
    border: 1px solid #D8D8D8;
    display: flex;
    align-items: center;
    justify-content: center;
}
.productSmall-images {
    width: calc(100% - 200px);
}
.mB3 {
    margin-bottom: 19px;
}
.fileUploader a {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 20;
}
.product-Img > img {
    height: 68px;
    width: 69px;
    object-fit: cover;
    object-position: center;
}
.product-mainImage > img {
    height: 158px;
    width: 158px;
    object-fit: cover;
    object-position: center;
}
.verifyText {
    width: 68%;
    color: #000;
    font-size: 14px;
}

.account-verification {
    background: #FFF8ED;
    padding: 20px;
    border: 1px solid #FFD99B;
    margin-bottom: 40px;
}

.account-verification a {
    color: #fff;
    font-size: 12px;
    background: #398D90;
    padding: 6px 10px;
    border-radius: 4px;
}
.fieldsCover.borderTop {
    padding-top: 30px;
    border-top: 1px solid #ADC2C0;
}

.fieldsCover.borderTop h4 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}
.serviceImages-list {
    margin-top: 15px;
}
.market_check.agreement span {
    border-color: #3CE3CE;
    border-radius: 2px;
}
.market_check.agreement span::before {
    content: '';
    position: absolute;
    border-color: #3CE3CE;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 10px;
    width: 4px;
    transform: rotate(45deg);
    left: 4px;
    top: 0;
    display: none;
}
.market_check.agreement input:checked~span {
    background-color: #fff;
}
.market_check.agreement input:checked ~ span::before {
    display: block;
}
.productOrder {
    padding: 20px 35px;
    border-bottom: 1px solid #F0F0F0;
}
.pending {
    color: #F5A623;
}
.complete {
    color: #27AB7B;
}
.orderBg img {
    height: 50px;
    width: 50px;
    margin-right: 15px;
    border-radius: 4px;
}

.orderInfo>h6 {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
}

.price-status .price-feature {
    margin-top: 0;
    margin-right: 25px;
}
.leaveReview {
    color: #311A60;
    font-size: 12px;
    font-weight: 600;
    margin-right: 60px;
}
.report {
    color: #F54B64;
    font-size: 12px;
    font-weight: 600;
    margin-right: 30px;
}
.orderTabs nav {
    padding: 25px 50px 0;
}
.shrink {
    width: calc(100% - 360px);
}
.sidebarTitle {
    padding: 20px;
}
.sidebarTitle h5 {
    color: #fff;
    font-weight: 700;
}
.transaction-history {
    padding: 20px;
    margin-top: 20px;
}
.history-info {
    width: calc(100% / 2);
    text-align: center;
    margin-bottom: 30px;
}
.history-info span {
    color: #3CE3CE;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.1;
}
.history-info h6 {
    color: #fff;
    font-size: 14px;
}
.seeReview {
    color: #398D90;
    font-size: 12px;
    font-weight: 600;
    margin-right: 60px;
    text-decoration: underline;
}
.reviewStars {
    margin-right: 50px;
}
.reviewStars span.rate,
.rating_stars .rate {
    color: #F5A623;
}
.rating_stars span {
    font-size: 20px;
}
.reviewStars span,
.rating_stars span {
    color: #DEDEDE;
}
.site_pagination ul {
    display: flex;
    align-items: center;
    max-width: 585px;
    margin: auto;
    border: 1px solid #DFE0E1;
    border-radius: 10px;
}

.site_pagination {
    padding: 40px 0 10px;
}

.site_pagination ul li a {
    color: #282F36;
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
    padding: 6px 3px;
    min-width: 54px;
    text-align: center;
    border-right: 1px solid #DFE0E1;
}

.site_pagination ul li.active a,
.site_pagination ul li a:hover {
    color: #4592FF;
}

.site_pagination ul li:last-child a {
    border-right: none;
}

.site_pagination ul li:first-of-type a,
.site_pagination ul li:last-of-type a {
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site_pagination ul li:first-of-type a img {
    margin-right: 10px;
}

.site_pagination ul li:last-of-type a img {
    margin-left: 10px;
}
.review-wrap {
    padding: 20px;
}
.review-box {
    border: 1px solid #D2D2D2;
    border-radius: 6px;
}
.review-box .singleProduct {
    margin-bottom: 0;
}
.review-box .singleProd-info {
    padding: 20px;
}
.review-box .singleProd-img {
    width: 115px;
}
.review-box .singleProd-info.featured-content h5 {
    font-size: 15px;
}
.review-box .singleProd-info.featured-content h6,
.review-box .singleProd-info.featured-content p {
    font-size: 12px;
}
.review-box .price-feature {
    margin-top: 8px;
}
.ratingReviews-list {
    margin: 30px 0;
}
.rating-reviews h5 {
    color: #000000;
    font-weight: 500;
    font-size: 16px;
}
.rating-reviews {
    margin-bottom: 6px;
}
.otherReviews h6 {
    color: #000;
    font-size: 12px;
    margin-bottom: 7px;
}
.otherReviews p {
    color: #000;
    font-size: 14px;
}
.review-send button {
    width: 100%;
    background: #3CE3CE;
    color: #fff;
    border: none;
    padding: 13px 20px;
}
.site-wrap.order-status {
    min-height: calc(100vh - 228px);
    height: 100%;
}
.orders-count {
    padding: 20px 35px 0;
}
.orders-count span {
    color: #000;
    font-size: 14px;
    font-weight: 700;
}
.order-filter {
    width: 240px;
    display: flex;
    align-items: center;
}
.order-filter .market_field {
    width: 80%;
    margin-bottom: 0;
    margin-left: 8px;
}
.order-filter h5 {
    color: #000;
    font-size: 12px;
    font-weight: 600;
}
.order-filter .market_field select {
    font-size: 14px;
}
.noReviews {
    margin-right: 10px;
}
.noReviews span {
    color: #DEDEDE;
}
.reviewStars.reviewCount {
    margin-right: 10px;
}
.noReview {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    text-decoration: underline;
    margin-right: 50px;
}
.viwe-detail {
    color: #35175E;
    font-weight: 600;
    font-size: 12px;
    margin-right: 40px;
}
.order-detail.flex.center {
    width: 50%;
}
.orderInfo {
    width: calc(100% - 75px);
}
.edit-proname h6 {
    /* background: rgba(0, 0, 0, 0.4); */
    display: inline-block;
    /* padding: 6px 8px; */
    border-radius: 12px;
    color: #fff;
    font-size: 11px;
    position: relative;
    top: -3px;
}
.edit-proname h6 img {
    margin-top: 0px;
    margin-right: 1px;
}
.session-wrap.categories {
    margin-top: 20px;
}
.session-wrap.categories h5 {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.category-check input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}
.category-check label {
    position: relative;
    margin-bottom: 0;
}
.category-check span {
    color: #333333;
    padding: 7px 20px;
    border: 1px solid #333333;
    border-radius: 27px;
    min-width: 135px;
    text-align: center;
}
.category-check {
    margin-right: 15px;
}
.categories-list {
    margin-top: 10px;
}
.category-check input:checked ~ span {
    color: #fff;
    border-color: #fff;
    background-image: linear-gradient(to bottom, #4FBF99, #30215F);
}
.session-wrap.commenting-options {
    margin-top: 20px;
}
.commenting-options h5 {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.commenting-options .market_field {
    max-width: 180px;
}
.sellersSide-content {
    padding: 20px;
}

.sellerSide-image img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 4px solid #E7E7E7;
}

.sellerSide-image {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.sellersSide-header {
    text-align: center;
}

.sellersSide-header h5 {
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.btcMembers {
    margin-top: 20px;
}

.btcMembers ul li img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #fff;
}

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

.btcMembers ul li {
    display: inline-block;
    margin-left: -17px;
}

.btcMembers ul {
    display: flex;
    flex-direction: row-reverse;
    margin-right: 10px;
}

.btcMembers span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}
.sellersSide-content {
    padding: 20px;
}

.sellerSide-image img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 4px solid #E7E7E7;
}

.sellerSide-image {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.sellersSide-header {
    text-align: center;
}

.sellersSide-header h5 {
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.btcMembers {
    margin-top: 20px;
}

.btcMembers ul li img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.btcMembers {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btcMembers ul li {
    display: inline-block;
    margin-left: -17px;
}
.btcMembers ul {
    display: flex;
    flex-direction: row-reverse;
    margin-right: 10px;
}
.btcMembers span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}
.btc-text {
    margin-top: 45px;
    text-align: left;
}
.btc-text h6 {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}
.btc-text p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}
.btcClose {
    display: flex;
    justify-content: flex-end;
}
.btcClose .aside-close {
    right: -4px;
    top: -2px;
}
.verification-wrap {
    max-width: 380px;
}
.verification-section h5 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.verification-checkList h6 {
    color: #252525;
    font-size: 14px;
    margin-bottom: 15px;
}

.verification-checkList .market_check {
    width: calc(100% / 2);
}

.verification-checkList>.flex {
    margin-bottom: 10px;
}
.verification-photos {
    padding-top: 20px;
    border-top: 1px solid #E0E0E0;
}

.verification-photo label {
    position: relative;
    display: flex;
    align-items: center;
    color: #6B7777;
    font-size: 14px;
}

.verification-photo label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}
.verification-photo label img {
    margin-left: 10px;
}
.verifyBtn {
    margin-top: 10px;
}
.verifyBtn button {
    background: #3CE3CE;
    padding: 10px 43px;
    color: #fff;
    border: none;
    font-size: 14px;
}
.verification-photo {
    display: flex;
}
.verification-photo a {
    margin-left: 21px;
    font-size: 12px;
    color: #E23E47;
    margin-top: 2px;
}
.privateCheck label {
    color: #252525;
    margin-right: 15px;
    margin-bottom: 0;
}
.account-info-wrap {
    padding: 10px;
    border-bottom: 1px solid #EAEAEA;
}

.accountText {
    margin-left: 10px;
    line-height: 0.9;
}

.acc-info-data span {
    font-size: 11px;
    color: #666666;
}

.accountText h6 {
    color: #000;
    font-weight: 700;
    font-size: 12px;
}

.acc-info-btn a {
    color: #fff;
    font-size: 11px;
    background: #391B61;
    padding: 5px 10px;
    border-radius: 20px;
}
.shipAddress {
    margin-top: 20px;
}

.shipAddress label {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
.payment-method label {
    color: #000;
    font-size: 14px;
    font-weight: 700;
}
.payment-check {
    margin-right: 10px;
}
.payment-check input {
    display: none;
}

.payment-check label {
    position: relative;
}
.payment-check span {
    padding: 8px 20px;
    border: 1px solid #fff;
    min-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.payment-check input:checked ~ span {
    border: 1px solid #00A698;
}
.payment-btn {
    margin-top: 20px;
}

.payment-btn button {
    display: block;
    width: 100%;
    padding: 13px 15px;
    background: #3CE3CE;
    color: #fff;
    border: none;
}
.inner-circle-head h5 {
    color: #000;
    font-size: 12px;
    font-weight: 500;
}

.inner-circle-head a {
    color: #bbbbbb;
    font-size: 12px;
}

.inner-circle-head {
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 5px;
}

.inner-circle-row {
    margin-top: 20px;
}

.circle-bg img {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    margin-right: 10px;
}

.circle-bg span {
    color: #707070;
    font-size: 14px;
    font-weight: 600;
}

.inner-circle-row a {
    color: #F54B64;
    font-size: 14px;
}
.circle-data span {
    color: #707070;
    font-size: 14px;
    font-weight: 600;
}
.more-people {
    margin-top: 15px;
}

.more-people a {
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-weight: 600;
}
.inner-circle-body {
    margin-bottom: 40px;
}
.inner-circle-row a.join {
    color: #391B61;
}

.msg-text button,
.notification-text button{
    color: #ffff;
    font-size: 12px;
    padding: 4px 8px;
    border: none;
    border-radius: 20px;
    background-color:#319DA0
}
.notification-text button {
    font-size: 15px;
    padding: 5px 14px;
}
.session-wrap.categories.sideCategory .category-check span {
    border-color: #fff;
    color: #fff;
    font-size: 11px;
    padding: 6px 6px;
    min-width: 74px;
    margin-bottom: 6px;
}
.message-row.linkSend>a {
    width: calc(100% - 100px);
}
.message-row.linkSend .sms-dp {
    margin-right: 0;
    margin-left: 20px;
}
.message-row.linkSend {
    padding-right: 25px;
}
#host_session .session-wrap.categories h5,
#host_session .commenting-options h5 {
    font-size: 16px;
    font-weight: 400;
}
.sideCategory .category-check {
    margin-right: 5px;
}
.message-row.receiver.flex.linkSend .smsTime {
    margin-right: 0;
    max-width: 100%;
}
.groupchat-body .chat-text a {
    padding: 0 10px;
}
.groupchat-body .chat-text a .singleProd-img {
    width: 70px;
    min-height: 70px;
}
.groupchat-body .chat-text a .singleProd-info.featured-content {
    width: calc(100% - 70px);
    border-radius: 0 10px 10px 0;
    border: 1px solid #eaeaea;
    padding: 5px;
}
.sideCategory.session-wrap.categories h5 {
    color: #fff;
    font-weight: 400;
}
.single-notification-wrap {
    padding: 10px;
    border-bottom: 1px solid #EAEAEA;
}

.notifier-bg {
    height: 35px;
    width: 35px;
    background: center/cover no-repeat;
    border-radius: 50%;
    margin-right: 10px;
}
.message-row.sender.linkSend .sms-dp {
    margin-left: 0;
    margin-right: 20px;
}

.message-row.sender.linkSend .singleProduct {
    flex-direction: row-reverse;
    padding-right: 0;
}
.message-row.sender.linkSend .singleProduct .singleProd-img {
    border-radius: 0 6px 6px 0;
}
.message-row.linkSend.sender .singleProd-info.featured-content {
    width: calc(100% - 91px);
}
.single-notification-wrap a {
    background: #319DA0;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
}
.prof-notifications .account-info-wrap {
    border-bottom: none;
    padding: 0;
    margin-bottom: 22px;
}

.prof-notifications .accountText h6 {
    color: #092536;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
}
.prof-notifications .accountText span {
    color: #6B7777;
    line-height: 1.3;
    font-size: 16px;
}
.prof-notifications .notification {
    margin-bottom: 20px;
}
.prof-notifications .notification-dp {
    margin-right: 10px;
    height: 34px;
    width: 34px;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prof-notifications .notification-dp img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}
.notifier-text h6 {
    color: #666666;
    font-size: 12px;
}

.notifier-text span {
    color: #000;
    font-weight: 700;
    margin-right: 3px;
}

.notifier {
    width: calc(100% - 83px);
}


.session-wrap.commenting-options.sideCommenting h5 {
    color: #fff;
}
.session-wrap.commenting-options.sideCommenting .market_field {
    max-width: 100%;
}
.session-wrap.commenting-options.sideCommenting .market_field select {
    font-size: 14px;
    appearance: auto;
    background: none;
    color: #fff;
}
.session-wrap.commenting-options.sideCommenting .market_field option {
    color: #000;

}
.pac-container{
    z-index: 99999;
    position:absolute !important;
}
.del-market-place {
    position: absolute;
    top: 25px;
    right: 0;
    background: #35175E;
    padding: 5px 18px;
    border-radius: 4px;
    font-size: 12px;
}

.singleProd-options {
    position: relative;
}
.rSlider {
    margin-top: 12px;
    display: block;
}
.rSlider .slide {
    display: inline;
}


.select-payments > h5 {
    color: #202124;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px;
}
.payment-card>label {
    margin-bottom: 0;
    margin-right: 10px;
    height: 16px;
    width: 16px;
}
.select-payments .payment-card {
    position: relative;
    cursor: pointer;
}
.payment-card>label input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.payment-card>label span {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    position: relative;
    background: #DEDEDE;
    border: 1px solid #DEDEDE;
}
.payment-card>label span::before,
.delivery-option-single label span::before {
    content: '';
    position: absolute;
    height: 9px;
    width: 3px;
    border-style: solid;
    border-color: #00A698;
    border-width: 0 1px 1px 0;
    left: 6px;
    top: 2px;
    transform: rotate(45deg);
    display: none;
}
.payment-card>label input:checked ~ span,
.delivery-option-single label input:checked ~ span {
    background: #fff;
    border-color: #00A698;
}
.payment-card>label input:checked ~ span::before,
.delivery-option-single label input:checked ~ span::before {
    display: block;
}
.paymentCards-listing .card-number span {
    font-size: 12px;
    margin-right: 5px;
    color: #474747;
}
.paymentCards-listing {
    margin-top: 10px;
    max-width: 350px;
}
.payment-card {
    padding: 10px;
    border: 1px solid #D8D8D8;
    margin-bottom: 10px;
    position: relative;
}
.card-action h5 {
    color: #474747;
    font-size: 12px;
    font-weight: 700;
}
.hideCards,
.shipAddress {
    display: none;
}
.delivery-options {
    margin-top: 15px;
    margin-bottom: 10px;
}
.delivery-option-single {
    margin-right: 35px;
}
.delivery-option-single label {
    margin-bottom: 0;
    font-size: 14px;
    padding-left: 25px;
}
.delivery-option-single label {
    position: relative;
}
.delivery-option-single label input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0;
}
.delivery-option-single label span {
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    background: #dedede;
    border-radius: 50%;
    top: 2px;
    border: 1px solid #DEDEDE;
}
.mentions-input-box textarea {
    overflow-y: auto !important;
    min-height: 45px;
}
.mentions-input-box textarea::-webkit-scrollbar {
    width: 10px;
    display: block;
}
.mentions-input-box textarea::-webkit-scrollbar-thumb {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #333;
    height: 100%;
    z-index: 10;
    height: 20px;
    cursor: pointer;
}
.set-check label {
    padding-left: 0;
}
.verification-wraper {
    max-width: 60%;
    margin: auto;
    padding: 50px;
}
.verification-wraper .verification-wrap {
    max-width: 100%;
}
.verifyBtn .skipBtn {
    background: none;
    color: #ff6c6c;
    font-size: 18px;
    text-decoration: underline;
    padding: 0;
    font-weight: 700;
}
.verification-wraper .verifyBtn {
    margin-top: 50px;
}
.hidden-status {
    padding: 150px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hidden-status span {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    color: #000;
}
.cellNo {
    color: #23a4b9;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
}
.cellNo:hover {
    color: #23a4b9;
}
.cellNo i {
    position: relative;
    top: 1px;
    font-size: 16px;
    margin-right: 10px;
}
.call-center h5 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.call-center {
    margin-top: 38px;
}
.water-mark-toxbox {
    position: absolute;
    bottom: 20px;
    z-index: 999;
    right: 20px;

}
/** Emoji Radio **/
.expression-type label {
    position: relative;
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    width: 100%;
    height: 100%;
}
.expression-type {
    margin-right: 35px;
}
.expression-type input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}
.expression-type span {
    display: block;
    margin: 2px 0;
    color: rgba(0,0,0,0.7);
}
.expression-type img {
    max-width: 22px;
    margin-left: 0 !important;
}
.expression-type label input:checked ~ span {
    color: #000;
    border: none !important;
}
.guest-section {
    padding: 70px 200px;
    min-height: calc(100vh - 138px);
    background: center left -120px/1000px no-repeat;
}
.guest-form form {
    margin-top: 40px;
    text-align: center;
}
.guest-form {
    width: 30%;
    background: #fff;
    padding: 50px 30px;
    border-radius: 6px;
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.08);
}
.guest-field input {
    padding: 12px 15px;
    text-align: left;
    width: 100%;
    border: 1px solid #E1E1E1;
    border-radius: 8px;
}
.guest-field {
    margin-bottom: 20px;
}
.siteLogo {
    text-align: center;
}
.guest-view {
    width: 60%;
}
.guest-text {
    width: 30%;
}
.mobile-image {
    width: 20%;
}
.guest-text h2 {
    color: #000;
    font-weight: 500;
    font-size: 35px;
    line-height: 1.1;
}
.guest-text p {
    color: #000;
    margin: 25px 0;
    font-size: 20px;
}
.guest-field input::placeholder {
    color: #BCBCBC;
}
.guest-login button {
    width: 100%;
    padding: 12px;
    color: #fff;
    background: #1F8871;
    border: 1px solid #1F8871;
    border-radius: 8px;
    font-weight: 700;
}
.guest-signup {
    margin: 20px 0;
}
.guest-signup button {
    font-weight: 700;
    width: 100%;
    color: #1F8871;
    border: 1px solid #1F8871;
    padding: 12px;
    border-radius: 8px;
    background: #fff;
}
.guest-signup a {
    font-weight: 700;
    width: 100%;
    color: #1F8871;
    border: 1px solid #1F8871;
    padding: 12px;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}
.guest-forget {
    text-align: right;
}
.guest-forget a {
    color: #1F8871;
    font-weight: 500;
    text-align: center;
    margin-top: 5px;
}
.guest-continue {
    margin-top: 50px;
}
.guest-continue a {
    background: #eee;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    color: #676767;
    font-weight: 700;
    text-align: center;
}
.app-links a {
    width: 47.8%;
}
.product-detail-wrap {
    padding: 30px 20px;
    max-width: 78%;
    margin: auto;
}

.product-reviws {
    border-top: 5px solid #D5D5D5;
    padding-top: 12px;
    margin-top: 40px;
}

.product-reviws > h5 {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-left: 15px;
}
.product-reviws strong {
    font-weight: 700;
}
.single-review {
    padding: 20px 0 20px 15px;
    border-bottom: 1px solid #ADC2C0;
}
.review-infoo h6 {
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}
.review-infoo p {
    color: #252525;
    font-size: 12px;
    line-height: 1.3;
}
.review-infoo {
    max-width: 350px;
}
.reviewBg {
    background: center/cover no-repeat;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    margin-right: 12px;
}
.cuurent-product-slider {
    width: 70%;
}
.current-product-detail {
    width: 30%;
    padding-left: 25px;
}
.current-product-detail h6 {
    font-size: 12px;
    color: #6D6D6D;
}
.current-product-detail h2 {
    color: #35175E;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    margin: 5px 0;
}
.product-cost h5 {
    color: #27AB7B;
    font-size: 18px;
    font-weight: 700;
    margin-right: 8px;
}
.product-cost span {
    color: #737373;
    font-size: 14px;
    font-weight: 500;
}
.cuurent-product-reviews a {
    color: #398D90;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    position: relative;
    top: -2px;
    text-decoration: underline;
}
.productRate {
    margin-top: 10px;
}
.current-product-detail p {
    color: #6D6D6D;
    font-size: 14px;
    margin: 6px 0;
}
.current-product-detail > a {
    margin-top: 13px;
    width: 100%;
    background: #7F4CC2;
    padding: 12px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 25px;
}
.cuurent-product-slider #big .owl-item img {
    max-height: 450px;
    object-fit: cover;
}
.cuurent-product-slider #thumbs .owl-item img {
    height: 70px;
    object-fit: cover;
}
#thumbs {
    margin-top: 15px;
}
#thumbs .owl-item {
    border: 1px solid transparent;
}
#thumbs .owl-item.current {
    border: 1px solid #000;
}

/***
slider style
***/
#thumbs .item {cursor: pointer; }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { background:#e4e4e4; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }



.notebook-private-check label {
    position: relative;
    margin: 0;
    height: 24px;
}

.notebook-private-check input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.notebook-private-check span {
    height: 24px;
    width: 42px;
    background: #e7e7e7;
    border-radius: 15px;
    position: relative;
    margin-right: 10px;
}
.notebook-private-check.flex.center {
    padding-top: 10px;
    border-top: 1px solid #e7e7e7;
}
.notebook-private-check span::before {
    content: '';
    position: absolute;
    top: 2.5px;
    right: 4px;
    height: 18px;
    width: 18px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s ease;
}
.notebook-private-check input:checked ~ span {
    background-color: #895bc7;
}
.notebook-private-check input:checked ~ span::before {
    transform: translateX(-16px);
}
.landing-sidebar-emoji .expression-type {
    margin-right: 0;
    margin: 5px 0;
}
.landing-sidebar-emoji .mood-range {
    padding: 0;
}
.mood-expressions {
    justify-content: space-between;
}
.landing-sidebar-emoji .expression-type label {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.landing-sidebar-emoji .expression-type .exp-text {
    color: #fff;
    opacity: 1;
    padding: 1px 6px;
    border-radius: 10px;
    margin-top: 4px;
    font-size: 10px;
}
.landing-sidebar-emoji .expression-type label input:checked ~ span {
    color: #fff;
}
.landing-sidebar-emoji .expression-type label input:checked ~ .exp-text {
    color: red;
    background-color: #fff;
}
.landing-sidebar-emoji .expression-type label input:checked ~ .exp-text::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -2px;
    height: 56px;
    width: 105%;
    border-radius: 5px;
    border: 1px solid #5d4282;
}
.joinLink-community a {
    color: #35175e;
    background: #fff;
    padding: 4px 20px;
    border-radius: 12px;
    border: 3px solid #35175e;
    font-weight: 600;
    font-size: 14px;
}
.white-expressions .exp-text {
    padding: 1px 4px;
    border-radius: 10px;
    margin-top: 4px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    /* border: 1px solid transparent; */
}
.white-expressions label input:checked ~ .exp-text {
    border: 1px solid rgba(0,0,0,0.3);
}
/*.white-expressions label input:checked ~ .exp-text::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: -3px;*/
/*    left: -2px;*/
/*    height: 56px;*/
/*    width: 105%;*/
/*    border-radius: 5px;*/
/*    border: 1px solid #5d4282;*/
/*}*/
.filter-express.white-expressions .expression-type {
    margin-right: 0;
}
.filter-express.white-expressions .expression-type label {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.multi-color.landing-sidebar-emoji .mood-expressions .expression-type:first-child label input:checked ~ .exp-text {
    color: #3181E8;
}
.multi-color.landing-sidebar-emoji .mood-expressions .expression-type:nth-child(2) label input:checked ~ .exp-text {
    color: #E86C31;
}
.multi-color.landing-sidebar-emoji .mood-expressions .expression-type:nth-child(3) label input:checked ~ .exp-text {
    color: #E83131;
}
.multi-color.landing-sidebar-emoji .mood-expressions .expression-type:nth-child(4) label input:checked ~ .exp-text {
    color: #35165e;
}
.multi-color.landing-sidebar-emoji .mood-expressions .expression-type:nth-child(5) label input:checked ~ .exp-text {
    color: #EE24A4;
}
.multi-color.landing-sidebar-emoji .mood-expressions .expression-type:nth-child(6) label input:checked ~ .exp-text {
    color: #EEB824;
}
.multi-color.landing-sidebar-emoji .mood-expressions .expression-type:nth-child(7) label input:checked ~ .exp-text {
    color: #2ABF1A;
}
input#paid_session_amount {
    border: none;
    border-bottom: 1px solid grey;
    width: 100px;
}
/*************
Market New pages
************/
.market-header {
    padding-top: 50px;
}

.market-head-content {
    text-align: center;
    max-width: 438px;
    margin: auto;
}
.market-head-content h4 {
    color: #35175D;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 24px;
}
.market-search-field {
    position: relative;
}
.market-search-field button {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    background: none;
}
.market-search-field input {
    background: #F5F7F7;
    width: 100%;
    padding: 10px 32px 10px 18px;
    border-radius: 27px;
    border: 1px solid #CEDBDA;
    color: rgba(107,119,119,0.8);
    font-size: 14px;
}
.market-search-field input::placeholder {
    color: rgba(107,119,119,0.61);
}
.featured-servicess {
    margin-top: 50px;
}
.sides-padding {
    padding: 0 40px;
}
.featurd-services-heading h4 {
    color: #35175D;
    font-weight: 700;
    font-size: 22px;
}
.featurd-services-heading h4 img {
    display: inline-block;
    margin-right: 5px;
    margin-top: -9px;
}
.featurd-services-heading {
    margin-bottom: 30px;
}
.fetaured-products-slider .video-poster {
    border-radius: 6px 6px 0 0;
}
.author-dp {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: center/cover no-repeat;
    margin-right: 10px;
}
.feature-prod-author span {
    color: #6D6D6D;
    font-size: 12px;
    font-weight: 500;
}
.feature-prod-info h6 {
    color: #35175E;
    font-size: 14px;
    margin: 10px 0;
}
.fetaured-products-slider,
.services-products-content {
    padding-bottom: 30px;
    padding-right: 70px;
    border-bottom: 1px solid #ADC2C0;
}
.fetaured-products-slider .owl-prev,
.services-products-content .owl-prev {
    display: none;
}
.fetaured-products-slider .owl-next,
.services-products-content .owl-next {
    position: absolute;
    right: 10px;
    top: 24%;
    height: 25px;
    width: 18px;
    background-image: url(../images/next-iconn.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.fetaured-products-slider .owl-next span,
.services-products-content .owl-next span {
    display: none;
}
.services-products-header {
    padding: 10px 0;
    margin-bottom: 30px;
}
.services-products-header h4 {
    color: #35175D;
    font-size: 22px;
    font-weight: 700;
}
.services-products-header a {
    color: #fff;
    font-size: 16px;
    background: #35175D;
    padding: 8px 40px;
    border-radius: 27px;
}
.product-service-icon {
    background: #EBE8EF;
    height: 115px;
    width: 115px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-service-icon img {
    max-width: 40px;
}
.single-product-service span {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-top: 10px;
}
.single-product-service a  {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.single-product-service {
    display: flex;
    justify-content: center;
}
.servicespage-header {
    background: #35175E;
}
.servicespage-header-content {
    padding: 30px 0;
}
.servicespage-header-content h2 {
    color: #fff;
    font-weight: 700;
    font-size: 34px;
}
.searvicepage-search-fieeld {
    width: 460px;
    position: relative;
}
.searvicepage-search-fieeld img {
    position: absolute;
    top: 12px;
    right: 12px;
    max-width: 20px;
}
.searvicepage-search-fieeld input::placeholder {
    color: rgba(107,119,119,0.61);
}
.searvicepage-search-fieeld input {
    width: 100%;
    border-radius: 27px;
    background-color: #fff;
    color: rgba(107,119,119,0.8);
    font-size: 14px;
    border: none;
    padding: 12px 40px 12px 20px;

}
.services-padding {
    padding: 0 70px
}
.servicepage-filters {
    width: 25%;
}
.servicepage-results {
    width: 72%;
}
.servicepage-content {
    padding: 30px 0;
}
.servicepage-filters h4 {
    color: #35175D;
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #35175D;
    margin-bottom: 30px;
}
.service-filter label {
    font-size: 14px;
    display: block;
    margin-bottom: 4px;
}
.service-filter input,
.service-filter select {
    width: 100%;
    border: 1px solid #DCDCDC;
    padding: 10px 15px;
    color: #000;
}
.service-filter select {
    resize: none;
    font-size: 16px;
    padding: 11px 15px;
    appearance: none;
    cursor: pointer;
}
.service-filter {
    margin-bottom: 15px;
}
.select-field select {
    background-image: url('../images/dropdown-icon.svg');
    background-repeat: no-repeat;
    background-position: center right 15px;
}
.service-filter-actions button {
    background: #398D90;
    color: #fff;
    font-size: 14px;
    padding: 3px 20px;
    border-radius: 20px;
    border: none;
    margin-right: 15px;
}
.service-filter-actions a {
    color: #000;
    font-size: 14px;
    display: flex;
}
.service-filter-actions a img {
    display: inline-block;
    margin-right: 4px;
}
.service-filter-actions {
    margin-top: 20px;
}
.serviceDp {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: center/cover no-repeat;
    margin: 0 auto 15px;
}
.service-text h5 {
    color: #35175E;
    font-weight: 700;
    line-height: 1;
}
.service-text span {
    color: #6D6D6D;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
}
.single-service {
    text-align: center;
}
.servicepage-results ul {
    display: flex;
    flex-wrap: wrap;
}
.servicepage-results ul li {
    width: 30%;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
    padding: 20px;
    margin: 0 15px 30px;
}
.service-text a {
    padding: 8px 10px;
    font-size: 12px;
    background: #398D90;
    color: #fff;
    border-radius: 20px;
    margin-top: 10px;
    width: 100%;
}
.service-filter.price-range.mood-range {
    width: 100%;
    padding: 0;
    margin-top : 25px;
}
.service-filter.price-range .mood-range {
    width: 100%;
    padding: 0;
}
.service-filter .fieldHalf {
    margin-bottom: 0;
    width: 100%;
}
.service-bar span {
    width: 30px;
    height: 2px;
    background: #000;
    display: block;
    margin-bottom: 8px;
}
.service-bar span:last-child {
    margin-bottom: 0;
}
.service-filter-toggler > span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-left: 15px;
}
.service-filter-toggler {
    display: none;
}
.serviceWrap {
    max-width: 70%;
    margin: 0 auto;
}
.service-detail-section {
    padding: 30px 0;
}
.service-detail-profile {
    width: 230px;
}
.service-imagee {
    height: 166px;
    width: 166px;
    border-radius: 50%;
    background: center/cover no-repeat;
    margin: 0 auto 14px;
}
.service-detail-profile > a {
    background: #398D90;
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 6px;
    border-radius: 23px;
}
.service-detail-profile span {
    color: #6D6D6D;
    margin-top: 10px;
    font-style: italic;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}
.service-detail-profile span a {
    color: #000;
}
.current-product-detail.service-detail-info {
    width: calc(100% - 300px);
    padding-left: 0;
}
.moreInfo-service h5 {
    color: #000;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 10px;
}
.moreInfo-service {
    margin-top: 20px;
}
.singleMore-info span {
    color: #35175D;
    font-size: 13px;
    font-weight: 500;
}
.singleMore-info span:last-child {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
}
.singleMore-info {
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
}
.assessment-link a {
    margin-top: 30px;
    color: #fff;
    background: #398D90;
    padding: 7px 80px;
    border-radius: 22px;
    font-size: 14px;
}
.addservice-section {
    max-width: 60%;
    margin: auto;
    padding: 20px 0;
}
.addservice-content h4 {
    color: #35175D;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
}
.addservice-field label {
    font-size: 14px;
    display: block;
    margin-bottom: 4px;
}
.addservice-field select {
    width: 100%;
    border: 1px solid #DCDCDC;
    padding: 11px 15px;
    color: #000;
    appearance: none;
    background-image: url(../images/dropdown-icon.svg);
    background-repeat: no-repeat;
    background-position: center right 15px;
}
.addservice-field {
    margin-bottom: 20px;
}
.addservice-field input,
.addservice-field textarea {
    width: 100%;
    border: 1px solid #DCDCDC;
    padding: 10px 15px;
    color: #000;
    resize: none;
}
.sellerInfo h5,
.ratingBuilder h5 {
    color: #35175D;
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #35175D;
    margin-bottom: 30px;
}
.ratingBuilder h5 {
    margin-bottom: 10px;
}
.ratingBuilder p {
    color: #000;
    font-size: 14px;
    margin-bottom: 20px;
}
.small-Fields {
    max-width: 375px;
    margin-bottom: 40px;
}
.addservice-buttons button:first-child {
    width: 49%;
    padding: 10px;
    color: #35175D;
    font-size: 16px;
    background: #fff;
    border: 2px solid #35175D;
}
.addservice-buttons button:last-child {
    width: 49%;
    background: #398D90;
    color: #fff;
    padding: 10px;
    border: 2px solid #398D90;
    font-size: 16px;
}
.charge-notify span {
    font-size: 14px;
    color: #000;
}
.charge-notify {
    margin-top: 5px;
    text-align: right;
}
.account-verification p {
    width: calc(100% - 100px);
}
.ratingBuilder {
    margin-top: 60px;
}
.personal-services {
    padding: 40px 0;
}
.all-services ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.all-services ul li {
    width: 20%;
    padding: 0 20px;
    margin-bottom: 30px;
}
.personal-services-header {
    padding: 0 42px;
}
.personal-services-header.home-tabs nav {
    padding: 0;
}
.personal-services-body {
    padding: 0 22px;
}
.personal-services-header.home-tabs nav {
    padding: 0;
}
.single-service-wrap .feature-prod-info span {
    color: rgba(0,0,0,0.6);
    font-size: 12px;
    font-weight: 700;
}
.edit-link a {
    color: #fff;
    background: #398D90;
    padding: 8px 20px;
    display: block;
    text-align: center;
    font-size: 14px;
    border-radius: 27px;
    margin-top: 18px;
}
.single-service-wrap .video-poster {
    border-radius: 6px 6px 0 0;
}
.edit-del-links .editService {
    color: #fff;
    background: #398D90;
    padding: 8px 20px;
    display: block;
    text-align: center;
    font-size: 14px;
    border-radius: 27px;
    width: calc(100% - 40px);
}
.edit-del-links {
    margin-top: 18px;
}
.edit-del-links .del-Link {
    background: red;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 34px;
    width: 36px;
}
.del-Link:hover {
    color: #fff;
}
.market-search-field .selection,
.searvicepage-search-fieeld .selection {
    width: 100% !important;
}
.market-search-field .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.searvicepage-search-fieeld .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 27px !important;
    background: #F5F7F7;
    border: 1px solid #CEDBDA;
}
.market-search-field .select2-container--default .select2-selection--single .select2-selection__rendered,
.searvicepage-search-fieeld .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 4px;
    padding-left: 0;
}
.market-search-field .select2-container--default .select2-selection--single,
.searvicepage-search-fieeld .select2-container--default .select2-selection--single {
    border-radius: 27px !important;
    padding: 22px;
    background: #F5F7F7;
    border: 1px solid #CEDBDA;
    height: auto;
}
input.select2-search__field {
    padding-right: 24px !important;
}
.nav-filter.flex.sb.center {padding-right: 0;}
.order-filter.categories {
    padding: 0 15px;
    margin-bottom: 10px;
}
.add-community-form .field input[type="file"] {
    overflow: hidden;
}
form#create_comunity_form .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 0 !important;
}
div#mood_review {
    z-index: 1051;
}
label#file_service_1-error {
    display: block;
    position: absolute;
    bottom: -32px;
    width: 200px;
    left: 0;
    font-size: 14px;
}
.video-price {
    background: #009885;
    padding: 5px 12px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    bottom: 10px;
    right: 0;
}
.model-cancel {
    position: absolute;
    top: 6px;
    right: 8px;
}
.model-cancel a {
    color: #fff;
    font-size: 15px;
}
.message-row.receiver .singleProduct,
.message-row.receiver .messageData p {
    border-radius: 10px 0 10px 10px;
    color: #fff;
    font-size: 15px;
    background-image: linear-gradient(45deg, #008c7a, #381467);
}
.message-row.receiver .singleProduct p {
    color: #fff;
    font-size: 15px;
}
.message-row.sender .singleProduct,
.message-row.sender .messageData p {
    border-radius: 0 10px 10px 10px;
    background-color: #fff;
}
.message-row.sender .messageData p,
.message-row.receiver .messageData p {
    padding: 10px;
    font-size: 15px;
}
.feeling-content {
    padding: 15px 40px;
}
.feeling-content > span {
    color: #35175E;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}
.feeling-moods .expression-type {
    margin-right: 30px;
    height: 56px;
    min-width: 56px;
}
.feeling-moods .expression-type label {
    display: flex;
    padding-top: 2px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    position: relative;
    border-radius: 8px;
}
.feeling-moods .expression-type label input:checked ~ span::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    height: 62px;
    width: 62px;
    background-image: linear-gradient(45deg, #35175d, #0cddc2);
    z-index: -1;
    border-radius: 12px;
}
.feeling-wrap {
    margin-bottom: 15px;
}
.mood-set a {
    color: #fff;
    background: #7F4CC2;
    font-size: 12px;
    padding: 5px 36px;
    border-radius: 26px;
}
.mood-set {
    margin-left: 80px;
}
.feeling-section {
    margin-bottom: 10px;
}
.landing_content2 nav,
.landing_content2 .tab-content {
    padding: 0 46px 0 40px !important;
}
.single_session_wrap {
    max-width: 800px;
    border: 1px solid #35165e;
    padding: 20px;
    border-radius: 12px;
}
.user_imagee img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #009885;
    margin-right: 15px;
}
.single_session_user > h6 {
    color: #092536;
    font-size: 14px;
}
.single_session_user h6 span {
    color: #009885;
    margin-left: 15px;
    text-transform: uppercase;
}
.views_count {
    width: 38px;
    justify-content: space-between;
}
.views_count span {
    font-size: 12px;
    color: #092536;
}
.single_session_body {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.single_session_body video {
    width: 100%;
}
.single_session_video {
    width: 100%;
    background: #000;
    margin-top: 12px;
    border-radius: 4px;
}
.video_bar span {
    color: #2577E6;
}
/* .video_functions_wrap a {
    margin-left: 34px;
} */
.video_functions_wrap {
    display: flex;
    align-items: center;
    margin: 15px 0 8px;
    width: 100%;
    flex-direction: row-reverse;
}
.video_functions_wrap .mood-status.colorPickerMood {
    margin-left: unset;
    margin-top: 0;
}
.video_functions_wrap .mood-status.colorPickerMood span {
    font-size: 14px;
}
.video_features_wrap svg {
    margin-right: 30px;
    width: 14px;
    height: 14px;
}
.post-rank.reposts svg {
    width: 17px;
}
.session_body_bottom {
    width: 100%;
    margin-top: 4px;
}
.session_body_bottom span {
    color: #6B7777;
    font-size: 14px;
}
.tags span {
    color: #000000;
    margin-right: 10px;
}
.session_body_bottom h6 {
    margin-top: 4px;
    color: #092536;
    font-size: 12px;
}
.all_comments {
    margin-top: 12px;
}
.all_comments a {
    color: rgba(0,0,0,0.6);
    font-size: 14px;
}
.mood-header {
    padding: 12px 8px 0;
    display: flex;
    justify-content: flex-end;
}
.mood-toggler {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    margin-top: -10px;
}
.show-sidebar.lading_new {
    right: 12px;
    top: 12px;
}
.landing_content2 .order-filter.categories {
    padding: 0 15px;
    margin-bottom: 10px;
    position: relative;
    left: -33px;
}
div#trending_data,
div#recent_data {
            overflow-y: auto;
            max-height: 430px;
}
.moodArea .feeling-moods .expression-type {
    margin-right: 0;
}
.moodArea .feeling-moods {
    margin-top: 20px;
    justify-content: space-between;
}
.single-mode-label img {
    max-width: 22px;
}
.mood-labels {
    max-width: 80%;
    margin: 0 auto;
    padding-left: 17px;
}
.moodArea .feeling-moods.flex .mood-expressions {
    width: 100%;
}
.mood-chart-graph {
    border: 1px solid #4282a5;
    border-radius: 4px;
}
.title-head {
    color: #35175E;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px;
}
.apply-btn {
    margin-top: 20px;
    text-align: center;
}
.apply-btn input {
    padding: 6px 32px;
    background: #7F4CC2;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;

}
.all_user_tabing.home-tabs.dashboard {
    padding-top: 30px;
}
.all-users-content {
    padding: 30px 40px;
}
.all-users-content ul {
    display: flex;
    flex-wrap: wrap;
}
.all-users-content ul li {
    width: 20%;
    padding: 0 13px;
    margin-bottom: 25px;
}
.single_user_wrap {
    padding: 30px 10px;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 6px;
}
.single_user_img img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    object-fit: cover;
}
.single_user_img {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
}
.single_user_wrap span {
    color: #6D6D6D;
    font-size: 12px;
    font-weight: 500;
}
.single_user_wrap h5 {
    color: #35175E;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.single_user_actions {
    margin-top: 20px;
    justify-content: center;
}
.suggestion-tabs li .single_user_actions a {
    color: #fff !important;
    font-size: 12px;
    padding: 4px 22px;
    border-radius: 27px;
    min-width: 93px;
    margin: 0 6px !important;
}
.single_user_actions a:first-child {
    background: #398D90;
}
.single_user_actions a:nth-child(2) {
    background: #35175E;
}
.all-users-content li::before {
    display: none;
}
.videos-wrapp ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 40px;
}
.videos-wrapp ul li {
    width: 15%;
}
.videos-wrapp ul li .date-text {
    padding-bottom: 10px;
}
.video_detail_cover {
    border: 1px solid #EFEFEF;
    border-top: none;
    padding: 0 12px 0 12px;
    border-radius: 6px;
}
.videos-wrapp ul li .video-poster {
    border-radius: 6px 6px 0 0;
}
.date-text .date {
    color: #000;
}
.videos-wrapp ul li {
    width: 15%;
    padding: 0 13px;
    margin-bottom: 25px;
}
.moodArea .expression-type.selected {
    position: relative;
}
.moodArea .expression-type.selected::before {
    content: '';
    position: absolute;
    border-radius: 12px;
    padding: 3px;
    height: 62px;
    width: 62px;
    top: -3px;
    left: -3px;
    background-image: linear-gradient(45deg, #35175d, #0cddc2);
}
.mood-graph canvas {
    height: 220px;
    margin-top: 10px;
    padding-left: 12px;
}
.tracker-header {
    padding: 30px 40px;
    border-bottom: 1px solid #ADC2C0;
}
.non-professional-search.search_new input {
    /*background-image: url("../images/search.png");*/
    background-repeat: no-repeat;
    background-position: center right 12px;
}
.filter-box {
    position: absolute;
    top: 95px;
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.08);
    width: 450px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

form#new_search_form .market_check.filter-radio {
    margin: 0;
    top: unset;
    max-width: 100%;
}
.circle-btns {
    margin-right: 20px;
}
.expression-type label span {
    position: unset;
    border: none;
    border-radius: 0 !important;
    width: unset !important;
    margin-top: 5px !important;
    background: none !important;
}
/* .search-tag-communities .community-group {
    width: 25%;
} */
.filter-box .feeling-moods .expression-type label input:checked ~ span::before {
    transform: none;
    left: -2px;
    top: -2px;
}
.expression-type label {
    padding: 0;
}
.moodArea .feeling-moods .mood-expressions .expression-type input {
    display: block;
}
.filter-box.active {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
.filter-box .moodCheck {
    margin-left: 0;
    margin-bottom: 15px;
}
.filter-box .market_check span {
    margin: 0;
}
.filter-box > span {
    color: #000000;
    font-size: 14px;
    margin-left: 0;
    font-weight: 500;
    padding: 20px 20px 5px;
    display: block;
}
.video-cat {
    padding: 20px 0;
}
.video-cat label {
    display: block;
    color: #000;
    font-size: 13px;
    margin-bottom: 5px;
    padding-left: 0;
}
.video-cat select {
    width: 100%;
    padding: 10px;
    border: 1px solid #DCDCDC;
}
.applyFilter-btn input {
    padding: 7px 34px;
    font-size: 13px;
    background: #398D90;
    color: #fff;
    border: none;
    border-radius: 20px;
}
.reset-filter a {
    color: #000;
    font-size: 15px;
    display: flex;
    align-items: center;
    margin-left: 22px;
}
.reset-filter a img {
    margin-right: 6px;
}
.moodWrap {
    margin: 15px 0 20px;
}
.moodFilter {
    margin-left: 0 !important;
}
.moodFilter img {
    margin-right: 12px;
}
.tracker-title h4 {
    color: #030303;
    font-weight: 500;
    font-size: 18px;
}
.tracker-title span {
    color: #976ECC;
    font-size: 14px;
}
.tracker-title {
    margin-bottom: 25px;
}
.current-mode-image span {
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #979797;
    border-radius: 7px;
    margin-right: 15px;
}
.current-mode-image img {
    height: 34px;
    width: 34px;
}
.current-mode-text span {
    color: #976ECC;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}
.current-mode-text a {
    color: #fff;
    background: #7F4CC2;
    padding: 3px 20px;
    border-radius: 22px;
    font-size: 13px;
}
.current-mode-text {
    text-align: center;
}
.today-activity a {
    color: #fff;
    font-size: 12px;
    background: #7F4CC2;
    padding: 8px 20px;
    border-radius: 18px;
}
.track-body {
    padding: 20px 40px;
}
.calender-wrap-header span {
    color: #000;
    font-size: 16px;
}
.calender-wrap-header select {
    color: #976ECC;
    border: none;
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    padding-right: 20px;
    -webkit-appearance: none;
    background: url('../images/angle-bottom.svg') center right no-repeat;
}
.calender-data {
    margin-top: 30px;
}
.single-calender {
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 80px;
    margin-bottom: 20px;
}
.single-calender h6 {
    color: #976ECC;
    font-size: 15px;
    margin-bottom: 4px;
}
.calender-label {
    height: 50px;
    width: 50px;
    border: 1px solid #979797;
    border-radius: 7px;
    background: #F0F0F0;
}
.calender-label a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 4px;
}
.calender-label img {
    height: 22px;
    width: 22px;
}
.calender-label span {
    color: #976ECC;
    font-size: 12px;
    margin-top: 5px;
}
.mood-summary {
    margin-top: 60px;
    padding: 0 40px;
}
.mood-summary h5 {
    color: #000;
    font-size: 16px;
    margin-bottom: 25px;
}
.mood_track_main {
    position: relative;
    padding-bottom: 80px;
}
.moodTrack-main.short {
    width: calc(100% - 345px);
}
.filter-box .market_check span {
    height: 18px;
    width: 18px;
    border-radius: 50%;
}
.filter-box .market_check span::before {
    top: 2.4px;
    left: 6px;
}
.market_check.filter-radio {
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
}
.filter-box .market_check > label {
    padding-left: 30px;
}
.filter-box .moodCheck {
    margin-bottom: 0;
}
.applyFilter-btn > input {
    display: block;
}
.mood-actions {
    padding: 10px 20px 20px;
}
#activity-modal .modal-dialog {
    max-width: 550px;
}
#activity-modal .modal-title {
    color: #000;
}
#activity-modal .modal-dialog {
    max-width: 550px;
}
#activity-modal .modal-body {
    padding: 20px;
}
.single-activity-emoji img {
    max-width: 24px;
}
.activities-content {
    margin-top: 10px;
}
.activity-tasks {
    width: calc(100% - 35px);
}
.single-task-activity p {
    color: #252525;
    font-size: 12px;
    font-weight: 500;
}
.single-task-activity span {
    color: #727272;
    font-size: 10px;
    font-weight: 500;
}
.single-task-activity {
    margin-bottom: 10px;
}
.single-activity {
    margin-bottom: 20px;
}
.single-activity:last-child {
    margin-bottom: 0;
}
.month-days-title span {
    color: #976ECC;
    font-size: 14px;
    width: calc(100% / 7);
}
.month-days-title {
    margin-top: 30px;
}
.month-days .calender-data {
    margin-top: 10px;
}
.month-days .calender-data .single-calender {
    width: calc(100% / 7);
    align-items: flex-start;
    margin-right: 0;
    margin-bottom: 5px;
}
.track-body.month-days .month-days-title {
    margin-top: 12px;
}
.resources-header {
    background: #35175E;
    padding: 40px;
    text-align: center;
    color: #fff;
}
.resources-header h5 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
}
.resources-header span {
    color: #fff;
    font-size: 15px;
}
.resources-header a {
    color: #fff;
    text-decoration: underline;
}
.resources-content {
    display: flex;
    align-items: center;
    padding: 25px 0 100px;
    flex-wrap: wrap;
}
.darkmode .communities-search .field input {
    background: none;
    color: #fff;
}
.darkmode .communities-search .field input::placeholder {
    color: #fff;
}
.resources-main {
    min-height: calc(100vh - 64px);
}
.resources-links-list {
    max-width: 375px;
    width: 100%;
}
.resource-link a {
    background: #4282A5;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 23px;
    border-radius: 23px;
    box-shadow: 0 4px 12px -2px rgb(0 0 0 / 40%);
}
.resource-link {
    margin-bottom: 20px;
}
.resource-link a span {
    width: calc(100% - 38px);
    text-align: center;
}
.resource-link:last-child a img {
    margin-right: 14px;
}
.resource-link:last-child {
    margin-bottom: 0;
}
.call-response-col {
    width: 46%;
    text-align: center;
}
.first-call-content {
    margin: 60px 0;
}
.call-response-col h4 {
    color: #35175E;
    font-size: 20px;
    font-weight: 500;
    margin: 15px 0;
}
.call-response-col p {
    color: #31215F;
    font-size: 14px;
    max-width: 340px;
    margin: auto;
}
.call-response-col img {
    width: 100%;
}
.back-link {
    padding: 20px 40px 0;
}
.back-link a {
    color: #000;
    font-size: 14px;
    display: flex;
    align-items: center;
    width: fit-content;
}
.back-link a img {
    margin-right: 10px;
}
.hotlines-header {
    text-align: center;
    margin: 20px 0 30px;
}
.hotlines-header h5 {
    color: #31215F;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 6px;
}
.hotlines-header p {
    color: #31215F;
    font-size: 15px;
}
.single-hotline {
    background: #EEEEEE;
    min-height: 80px;
    padding: 5px 20px;
    width: 49%;
    margin-bottom: 14px;
    border: 1px solid #31215F;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.single-hotline span {
    color: #31215F;
    font-size: 13px;
    display: block;
    margin: 5px 0;
    font-weight: 500;
}
.saved-posts-header {
    text-align: center;
}
.saved-posts-header h5 {
    color: #030303;
    font-weight: 500;
}
.saved-posts-content {
    max-width: 620px;
    margin: 50px auto 0;
}
.single-saved {
    width: calc(100% / 4);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}
.single-saved-image img {
    height: 100px;
    width: 108px;
    border-radius: 23px;
    object-fit: cover;
}
.single-saved span {
    color: #31215F;
    font-size: 13px;
    text-decoration: underline;
}
.tags-listing {
    padding: 30px 62px;
}
.tags-listing a {
    display: block;
    width: fit-content;
    color: #666;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}
.tags-detail-header > h5 {
    margin: 20px 0 20px 66px;
    color: #6C6C6C;
    font-weight: 300;
    font-size: 24px;
}
.tags-detail-header > h5 span {
    color: #35175E;
    font-weight: 500;
}
.tags-detail-content.home-tabs {
    margin-top: 40px;
}
.tags-detail-content.home-tabs nav {
    padding-left: 67px;
}
.tags-detail-content.home-tabs .nav-link {
    color: rgba(37,37,37,0.5) !important;
}
.tags-detail-content.home-tabs .nav-link.active {
    color: #252525 !important;
}
.tags-detail-content.home-tabs .tab-content {
    padding: 20px 67px 100px 67px !important;
}
.tags-detail-content.home-tabs .single_session_wrap {
    /* border: none; */
    margin-bottom: 70px;
}
.time-name h5 {
    color: #092536;
    margin-right: 12px;
    font-size: 15px;
}
.time-name span {
    color: #092536;
    font-size: 12px;
}
.single_session_note {
    padding-left: 64px;
    margin-top: -8px;
}
.note_tagss span {
    color: rgba(0,0,0,0.4);
    font-size: 14px;
    margin-right: 3px;
}
.single_session_note p {
    color: #6B7777;
    font-size: 16px;
    margin: 3px 0;
}
.single_session_note > span {
    color: #009885;
    margin-right: 10px;
    font-size: 13px;
}
.note_videoo {
    margin: 15px 0;
}
.note_videoo video {
    max-width: 600px;
    height: 320px;
}
.note_imagee img {
    width: 100%;
    max-width: 570px;
}
.saved-listing-main .go-back {
    padding: 20px 40px;
}
.saved-listing-header {
    text-align: center;
    margin-bottom: 40px;
}
.saved-listing-header h5 {
    color: #030303;
    font-weight: 500;
}
.single-saved-item {
    width: 49%;
    margin-bottom: 25px;
}
.saved-image img {
    width: 100%;
}
.saved-text {
    padding: 20px;
}
.saved-image img {
    height: 300px;
    object-fit: cover;
}
.saved-text h6 {
    color: #252525;
    font-size: 13px;
}
.saved-text span {
    color: #252525;
    font-size: 13px;
    margin-right: 5px;
}
.saved-text h5 {
    color: #727272;
    font-size: 13px;
}
.saved-image {
    border: 1px solid #979797;
    box-shadow: 2px 4px 10px -2px rgb(0 0 0 / 50%);
}
.saved-listing-content {
    padding-bottom: 80px;
}
.menu-toggler {
    display: none;
    margin-left: 12px;
}
.menu-toggler span {
    height: 2px;
    width: 28px;
    display: block;
    margin-bottom: 6px;
    background: #35175d;
}
.menu-toggler span:last-child {
    margin-bottom: 0;
}
.feeling-section.short {
    width: calc(100% - 350px);
}
.ui-datepicker .ui-datepicker-header {
    background: #34165e;
    color: #fff;
}
table.ui-datepicker-calendar {
    background: white;
}
div#ui-datepicker-div {
    background: #009885;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background: #f5f5f5 !important;
    border: none !important;
    text-align: center;
    border-bottom: 1px solid #009885 !important;
}
.first-call-section {
    padding-bottom: 50px;
}
.darkmode .first-call-section {
    background: #312c37;
}
.community_top_info span {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #727272;
}
.community_top_info span img {
    margin-left: 5px;
    min-width: 11px;
    position: relative;
    top: -1px;
}
.single-type-community h4 {
    color: #009885;
    font-size: 18px;
    margin-bottom: 40px;
    font-weight: 500;
}
.single-type-community {
    padding: 22px 0 14px;
    border-bottom: 3px solid #D5D5D5;
}
.community-type-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
    margin-bottom: 40px;
}
.community-type-header h4 {
    margin-bottom: 0;
}
.my-community-options select {
    color: #6B7777;
    padding: 4px 20px 4px 0;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #6B7777;
}
.moodArea.session-wrap.moods .expression-type {
    margin-right: 30px !important;
}
.moodArea.session-wrap.moods.white-expressions .exp-text {
    border: none !important;
    padding: 1px 2px;
}
.registeration-section {
    background-image: linear-gradient(to bottom, #098679, #35175d);
}

.registeration-header {
    text-align: center;
    margin-bottom: 50px;
}

.my-community-options {
            text-align: right;
            position: relative;
            top: 97px;
}
.search-tag-communities a {
    width: 25%;
}
div#payment_methods .payment-section {
    border-top: none;
    padding-top: 0;
}
div#payment_methods .info-title {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 20px;
    padding-bottom: 8px;
}
div#payment_methods .account-details {
    width: calc(100% - 140px);
}
.mood-summary-content .mood-labels {
    max-width: 82%;
}
.mood-summary-content .single-mode-label span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
    color: rgba(0,0,0,0.7);
}
.mood-summary-content .single-mode-label span img {
    margin-bottom: 6px;
}
.not-member-join {
    text-align: center;
    margin-top: 30px;
}

.not-member-join  button {
    background: #009885;
    padding: 7px 40px;
    border: none;
    color: #fff;
    border-radius: 6px;

}
.single-activity-emoji .activity-tasks:not(:first-child) {
    margin-left: 35px;
}
.notebook-posts-wrap.comm-postWrap,
#all_notes_listing .notebook-posts-wrap:last-of-type {
    max-width: 800px;
    border: 1px solid #35165e !important;
    padding: 20px !important;
    border-radius: 12px;
}
.pinned-post .notebook-posts-wrap.comm-postWrap {
    margin-bottom: 0;
}
/* .notebook-posts-wrap.comm-postWrap .post-acts {
    padding: 0;
    margin: 0;
    position: relative;
    top: -40px;
    max-width: fit-content;
    background: #fff;
    padding-left: 17px;
} */
div#public_notes_listing {
    padding-top: 15px;
}
.notebook-posts-wrap.comm-postWrap .post-acts .post-status span {
    color: #398d90;
}
.post-status svg {
    margin-right: 10px;
}
.group-posting-detail .post-rank svg {
    margin-right: 20px;
}
.group-posting-detail .post-rank a {
    margin-right: 0;
}
.notebook-private-check h6 {
    color: #666;
    font-size: 15px;
    width: calc(100% - 55px);
}
.notebook-boxes .notebook-posts-wrap {
    border: 1px solid #35165e;
    padding: 7px;
    border-radius: 10px;
}
.notebook-section.new_user_landing .post-ranks svg {
    width: 14px;
    height: 12px;
    margin-right: 20px;
}
.post-renk.reposts svg {
    width: 20px;
    height: 20px;
}
.post-rank.reposts svg {
    width: 17px;
}
.post-renk.reposts svg {
    width: 20px;
    height: 20px;
}
.post-rank.reposts svg {
    width: 17px;
}
.pinned-post-status.post-status {
    position: absolute;
    /*top: -19px;*/
    top: -45px;
    background: #fff;
    z-index: 99;
    padding: 0 10px;
}
.notebook-boxes .notebook-posts-wrap {
    position: relative;
}
.post-status span {
    color: #398d90;
}
.post-comment-body .post-single-comment .commenting-star {
    width: fit-content;
    bottom: -6px;
}
.post-rank img {
    height: 13px;
    max-width: 17px;
    margin-right: 30px;
}
.commenting-star img {
    height: 11px;
    max-width: 16px;
    margin-right: 20px;
}
.commenting-star a:last-child img {
    margin-right: 0;
}
.post-comment-body .post-single-comment .commenting-star a img {
    background: #fff;
}
.postdata-detail {
    width: calc(100% - 200px);
    padding-left: 20px;
}

.postdata-wrap {
    margin-top: 30px;
    border: 1px solid #dcdcdc;
    padding: 10px;
    border-radius: 4px;
}

.postdata-image {
    width: 200px;
    background: center/cover no-repeat;
    border-radius: 8px;
    min-height: 120px;
}

.postdata-detail h5 {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.postdata-detail a {
    font-size: 14px;
    margin: 10px 0;
}

.postdata-detail p {
    font-size: 14px;
    color: rgba(0,0,0,0.7);
}
.post-status.you-repost-status {
    position: absolute;
    top: -18px;
    left: 7px;
}
.post-status.you-repost-status span {
    font-size: 11px;
    color: #092536 !important;
}
.notebook-boxes .post-undo {background: #fff;z-index: 9;left: -34px;padding: 4px 0;width: 90px;top: 20px;}

.notebook-boxes .post-undo img {
    max-width: 12px;
    height: 8px;
}
.notebook-boxes .post-undo a {
    margin-left: 5px;
    font-size: 10px;
}
.all-suggestions_wrap {
    padding: 25px 40px;
}

.all-suggestions_wrap li {
    width: 50%;
    border: 2px solid #35175e;
    border-radius: 6px;
    padding: 0;
    margin-bottom: 30px;
}

.post-suggestion-info p {
    font-size: 14px;
}

.post-suggestion-info {
    padding: 10px 3px;
}
.post_image {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right: 8px !important;
    border: 1px solid #5fc2ae;
    background: center/cover no-repeat;
}
.post_author span {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
}
.post_author {
    background: #35175e;
    padding: 6px 10px;
    margin-left: -1px;
    border-radius: 6px;
}

.post-suggestion-footer {
    background: #35175e;
    margin-bottom: -2px;
    border-radius: 6px;
    clear: both;
    padding-right: 5px;
}
.suggestion_actions img {
    width: 15px;
    height: 13px;
    filter: brightness(0) invert(1);
}
.suggestion_actions {
    padding: 9px 3px;
    border-radius: 6px;
    margin-right: -1px;
    background: #35175e;
}
.suggestion_actions a:not(:last-child) {
    margin-right: 18px !important;
}
.video-suggestion-header {
    padding: 10px;
}
.video-suggestion-header h5 {
    color: #252525;
    font-size: 16px;
    font-weight: 800;
}
.video-siggestion-body .live-upcoming {
    color: #009885;
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: 400;
}
.tags span {
    color: #252525;
    font-size: 12px;
    margin-right: 4px;
}

.video-suggestion-header h6 {
    color: #252525;
    font-size: 12px;
    margin: 3px 0 0;
}

.video-suggestion-header > span {
    color: #727272;
    font-size: 12px;
}
.video_views img {
    max-width: 15px;
}

.video_views {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
}

.video_views span {color: #727272;font-size: 12px;margin-right: 5px;}
.video_poster {
    height: 190px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 8px 10px;
    box-shadow: 0px 5px 9px -2px rgb(0 0 0 / 60%);
}

.video_poster_wrap a {width: 100%;}
.video_poster img {
    max-width: 60px;
}
.community_members span {
    color: #727272;
    font-size: 12px;
    margin-right: 5px;
}
.community_banner {
    background: center/cover no-repeat;
    height: 190px;
    margin: 0px 5px 20px;
    border-radius: 4px;
}
.suggestion_actions .suggesion_join_community {
    background: #9776c0;
    font-size: 14px;
    padding: 4px 20px;
    border-radius: 20px;
    color: #fff !important;
}
.verified_icon {
    margin-left: 6px;
    margin-top: -2px;
}
div#moodTab  div#graph-mood {
    display: none;
}
.notification-text h6 {
    font-weight: 400;
}
.notification-action.checkin a {
    background: #319DA0;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    padding: 5px 16px;
    min-width: 115px;
    text-align: center;
}
.notification-text {
    width: calc(100% - 44px);
}
.post_notify_bg {
    height: 70px;
    width: 90px;
    background: center/cover no-repeat;
    border-radius: 4px;
}
.home_single_video {
    border: 2px solid #35175e;
    border-radius: 6px;
    padding: 0;
    margin-bottom: 30px;
    max-width: 800px;
}
.video-suggestion-header-dots {
    position: relative;
}
.video-suggestion-header-detail {
    width: calc(100% - 30px);
}
.notebook_listing_container li {
    border: 2px solid #35175e;
    border-radius: 6px;
    padding: 0;
    margin-bottom: 30px;
    position: relative;
}
.reposted-status {
    position: absolute;
    font-size: 12px;
    color: #757575;
    top: -22px;
    left: 0;
}
.notebook_listing_container {
    padding-top: 18px;
}
.post-suggestion-info.notebook_simple {
    padding: 10px;
}
.post-suggestion-info.notebook_simple p {
    width: calc(100% - 30px);
}
.post-detail-wrap {
    padding: 20px 0 80px;
}
.current-post-content {
    max-width: 700px;
    margin: auto;
    border: 2px solid #35175e;
    border-radius: 10px;
    padding: 15px;
}
.current-post-content p {
    font-size: 14px;
    line-height: 1.5;
}
.currect-post-mata .post_author {
    margin: 0;
    padding: 0;
    background: none;
}
.currect-post-mata .post_author span {
    color: #252525;
    font-size: 14px;
}
.post-date {
    color: #757575;
    font-size: 13px;
    margin-right: 12px;
    display: block;
    height: 100%;
    margin-top: 6px;
}
.current-post-btns .suggestion_actions {
    background: none;
}
.current-post-btns .suggestion_actions img {
    filter: unset;
}
.current-post-btns > span {
    color: #757575;
    font-size: 12px;
}
.commentsArea-wrap {
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.single-comment-cover {
    border: 2px solid #35175e;
    border-radius: 6px;
    padding: 0;
    margin-bottom: 10px;
}
.all-comments-here {
    overflow: auto;
    padding-right: 10px;
    max-height: 172px;
}
.comments-field {display: flex;align-items: center;justify-content: space-between;}
.write-post-comment {
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
}
.comments-field input {
    width: calc(100% - 65px) !important;
    padding: 10px 12px;
    color: #252525;
    border-radius: 17px !important;
    border: 3px solid #828282 !important;
    font-size: 14px;
}
.commenter_bg {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: center/cover no-repeat;
    margin-right: 15px;
    border: 2px solid #04e4c8;
}
.comments-field input::placeholder {
    color: #252525 !important;
    opacity: 0.6 !important;
}
.current-post-content > p {
    /* padding-left: 40px; */
    margin-top: 5px;
}
/* .current-post-btns {
    padding-left: 32px;
} */
.current-post-content .community_banner,
.current-post-content .video_poster {
    margin: 10px 0 5px 0;
}
.views-content .postdata-image {
    width: 100%;
}

.views-content .postdata-detail {
    width: 100%;
    padding: 15px 0;
}

h5#general-alert-message {
    font-size: 16px;
    padding: 7px 35px;
    border: 2px solid #35175e;
    border-radius: 27px;
    width: fit-content;
    margin: auto;
    background-color: #fff;
    color: #35175e;
    font-weight: 700;
}
#generic-alert-dismiss {
    color: #fff;
}
div#generalAlertModal .modal-content {
    padding: 20px 0;
}
div#generalAlertModal .modal-body {
    padding-bottom: 0;
}
button#generic-alert-dismiss i {
    font-size: 14px;
    margin-left: 5px;
}
#generalAlertModal .modal-content {
    background: none;
    border: none;
}
#generalAlertModal .modal-footer {
    display: none;
}
div#generalAlertModal .vertical-align-center {
    vertical-align: bottom;
}
.phase2-modal .modal-content {
    background: none;
    border: 2px solid #35175e;
    background: #fff;
}
.modal_container h5 {
    color: #252525;
    font-weight: 700;
    padding: 15px 0;
    font-size: 16px;
}
.confirmation-links {
    justify-content: center;
    margin-top: 15px;
}
.confirmation-links a,
#retweet_note .confirmation-links button,
#retweet_post .confirmation-links button,
#retweet_session .confirmation-links button,
#un_pin_note .confirmation-links button,
#pin_to_start .confirmation-links button,
#community-leave-modal .confirmation-links button,
#not-a-community-member .confirmation-links button,
#community-invite-modal .confirmation-links button {
    margin: 0 15px;
    background: #D8D8D8;
    border: 1px solid #979797;
    font-size: 14px;
    padding: 2px 34px;
    border-radius: 20px;
    color: #252525;
    min-width: 93px;
}
.invite_frnds p {
    width: calc(100% - 50px);
    color: #35175e;
}
.phase2-modal .model-cancel a {
    color: red;
}
.modal_container p {
    font-size: 13px;
    color: #252525;
}
.modal_container {
    text-align: center;
}
.modal_container .rating-report {
    text-align: center;
    margin-bottom: 0;
}
.single-community-suggestion {
    position: relative;
}
.single-community-suggestion .community-title-tag {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background-color: #F2F2F2;
    padding: 4px 14px !important;
    border-radius: 20px;
    margin-left: 10px;
    position: absolute;
    bottom: 70px;
    z-index: 9999;
    right: 30px;
    background: #757575;
}
.comments-field.comment-field-post input,
.write-post-comment .comments-field input {
    width: calc(100% - 61px);
    font-size: 13px;
    padding: 12px 65px 12px 10px;
}

.comments-field.comment-field-post button#create-community-sub-post,
.write-post-comment .comments-field button {
    position: absolute;
    right: 12px;
    background: none;
    border: none;
    padding: 0;
    font-size: 13px;
    color: #35175E;
    font-weight: 500;
}
.write-post-comment {
    position: relative;
}
.video_detail_content {
    max-width: 99%;
    border: 2px solid #35175e;
    padding: 10px;
    border-radius: 10px;
    /*margin: 20px auto 80px;*/
}
.video_area {
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}
.video_area video {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.video_area h5 {
    color: #35175E;
    font-weight: 500;
    margin-top: 10px;
}
.video_prof_img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
}
.video_prof_img img {
    border-radius: 50%;
    height: 36px;
    width: 36px;
}
.video_prof span {
    color: #252525;
    font-weight: 500;
    font-size: 14px;
}
.video_prof {
    margin-top: 10px;
}
.video_comments {
    max-height: 170px;
    overflow: auto;
    margin-top: 20px;
    padding-right: 5px;
}
.group-leave {
    position: absolute;
    top: 38px;
    right: 50px;
}
.share_comm img {
    width: 15px;
}
.commHead {
    display: flex;
    justify-content: center;
    align-items: center;
}
.share_comm {
    position: absolute;
    right: 35%;
}
.write-post-comment .comments-field .commenter_bg {
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
}

.write-post-comment .comments-field .commenter_bg img {
    height: 43px;
    width: 43px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.post_author .post_image {
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #04e4c8, #b28ae7);
    display: flex;
    align-items: center;
    justify-content: center;
}
.post_author .post_image img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
}
.view_comments_wrap {
    /*margin-top: 10px;*/
    /*padding: 0 10px;*/
    padding: 10px 10px 5px;
}
.view_comments_wrap img {
    display: inline-block;
    object-fit: contain;
}
.view_comments_wrap span {
    color: #009885;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin-right: 100px;
}
.view_comments_wrap span img {
    margin-left: 5px;
    opacity: 0.6;
}
.view_comments_wrap span > span {
    color: #757575;
    margin-left: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~
        MEDIA QUERIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (min-width: 1350px) {
    /* section.sidebar-section.main-page-sidebar {
        height: 100%;
    } */
}
@media screen and (max-width: 1580px) {
    .site-menu ul li {
        margin-right: 20px;
    }
    .site-menu ul li a {
        padding: 0 20px 6px;
    }
    .site-menu ul li a {
        padding: 0 15px 6px;
    }
}
@media screen and (max-width: 1400px) {
    .combine-video .presenter-live {
        height: 370px;
    }
    .commenting-body {
        height: 195px;
    }
    /* .community-group {
        width: 33%;
    } */
    .mobile-image {
        width: 25%;
    }
    .guest-text {
        width: 35%;
    }
    .guest-form {
        width: 35%;
    }
    .guest-section {
        padding: 70px 100px;
    }
    .servicepage-results ul li {
        width: 29%;
    }
    .all-users-content ul li {
        width: 25%;
    }
}

@media screen and (max-width: 1280px) {
    header {
        padding: 14px 26px 14px 40px;
    }

    .loader-wrap img {
        width: 100px;
        object-fit: contain;
    }

    .site-area {
        padding-left: 40px;
        padding-right: 40px;
    }

    .site-menu {
        width: calc(100% - 400px);
    }



    .site-menu ul li.active:before {
        bottom: -18px;
    }

    .cs-body {
        height: 220px;
    }

    .book-footer {
        margin-top: 0;
    }

    .error-message h2 {
        font-size: 35px;
    }

    .registeration-form {
        width: 100%;
    }

    .live-wrap.short {
        width: calc(100% - 310px);
    }

    /* .community-group {
        width: 33%;
    } */

    .slice-panel {
        right: 10px;
    }

}

@media screen and (min-width: 1200px) {
    .reduce-size .container {
        max-width: 1000px;
    }
}

@media screen and (max-width: 1200px) {
    .search-field {
        width: 400px;
    }
    .all-services ul li {
        width: 25%;
    }
    .account-verification p br {
        display: none;
    }
    .registeration-wrapper {
        padding: 0 40px;
    }

    .home-tabs .nav-link {
        margin-right: 16px;
    }

    .gp-post-cover {
        padding: 10px;
    }
    .all-suggestions_wrap li {
        width: 80%;
    }

    /* .community-group {
        width: 50%;
    } */

    .short .community-group-acts {
        padding-right: 0;
    }
    .reviewStars,
    .seeReview,
    .leaveReview {
        margin-right: 15px;
    }
    .report,
    .viwe-detail {
        margin-right: 0;
    }
    .noReview {
        margin-right: 15px;
    }
    .order-actions {
        padding-left: 65px;
    }
    .suggestion-filters {
        padding-right: 0;
        max-width: 93%;
    }
    .suggestion-filters {
        padding-right: 0;
        max-width: 93%;
        padding: 15px 0;
        align-items: center;
    }
    .home-tabs .live-videos {
        padding: 0 40px 60px;
    }
    .addservice-section {
        max-width: 80%;
    }
    .verification-wraper {
        max-width: 100%;
    }
    .current-product-detail {
        width: 40%;
    }
    .cuurent-product-slider {
        width: 60%;
    }
    .current-product-detail h2 {
        font-size: 28px;
    }
    .servicepage-results ul li {
        margin: 0 7px 14px;
        padding: 15px;
        width: 31%;
    }
    .serviceWrap {
        max-width: 88%;
    }
    .all-users-content ul li {
        width: 33%;
    }
    .feeling-moods .expression-type {
        margin-bottom: 10px;
    }
    .mood-set {
        margin-left: 0;
        margin-top: 10px;
    }
    .feeling-moods .expression-type {
        margin-bottom: 10px;
    }
    .site-menu ul li a {
        padding: 0 15px 6px;
        font-size: 15px;
    }
    .site-menu ul li {
        margin-right: 15px;
    }
    .site-menu {
        width: calc(100% - 350px);
    }
    .user-bar {
        width: 165px;
    }
}

@media screen and (min-width: 1280px) and (max-width:1280px) {

    .profile-header .container,
    .profile-body .tab-content .container {
        max-width: 900px;
    }
}

@media screen and (max-width: 1024px) {
    .group-info.community-mains {
        min-height: auto;
    }
    .guest-section {
        min-height: unset;
    }
    .group-info.community-mains .action-links {
        position: unset;
    }

    .community-group-wrapper.short {
        width: auto;
    }

    .followers-list,
    .following-list {
        width: 180px;
    }

    .footer-lists li a,
    .footer-coypright p {
        font-size: 10px;
    }

    .footer-lists li a {
        padding: 0 5px;

    }

    .followers-list,
    .following-list {
        right: 0;
        left: auto
    }

    .video-filter,
    .video-filter.slide {
        right: 230px;
        bottom: -102px;
    }

    .video-filter {
        z-index: 9999;
        bottom: auto !important;
        height: auto;
        /* box-shadow: unset; */
        display: none;
        opacity: 0;
    }

    .combine-video .presenter-live {
        height: 270px;
    }

    .comment-field input {
        font-size: 16px;
        line-height: 0;
    }

    .profile-info select {
        font-size: 16px;
    }

    .live-videos .owl-nav,
    .offline-videos .owl-nav,
    .mood-slider .owl-nav {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .live-videos .owl-nav .owl-prev,
    .offline-videos .owl-nav .owl-prev,
    .mood-slider .owl-nav .owl-prev {
        margin-right: 20px;
    }

    a.aside-close {
        right: 4px;
        position: relative;
    }

    .profile-options {
        top: 43px;
    }

    .views-content {
        min-height: unset;
    }
    .search-tag-communities a {
        width: 33%;
    }

}

@media screen and (min-width: 768px) and (max-width:1024px) {

    .profile-header .container,
    .profile-body .tab-content .container {
        padding-left: 6px;
        padding-right: 6px;
    }

    .sidebar-control {
        top: 20px;
        right: 21px;
    }
    .suggestion-tabs li .single_user_actions a {
        padding: 4px 15px;
        min-width: 80px;
        min-width: 75px;
    }

}

@media screen and (max-width: 991px) {
    header {
        padding: 14px 26px 14px 30px;
    }
    .all-services ul li {
        width: 33.33%;
    }
    .site-area {
        padding-left: 30px;
        padding-right: 30px;
    }
    .menu-toggler {
        display: block;
    }
    .user-bar {
        width: 205px;
    }
    .loggedin {
        position: relative;
    }
    .site-menu {
        display: none;
    }
    .site-menu {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        z-index: 99;
        width: 100% !important;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
    .site-menu ul li {
        display: block !important;
    }
    .site-menu ul {
        padding: 8px 20px;
    }
    .site-menu ul li a {
        font-size: 14px;
        margin: 5px 0;
        color: #35175E;
        display: block;
    }
    .breadcrumb-section.host-session {
        padding-left: 18px;
    }
    .all-suggestions_wrap li {
        width: 100%;
    }
    .registeration-wrapper {
        padding: 0 30px;
    }

    .site-menu {
        width: calc(100% - 400px);
    }

    .site-menu ul li {
        margin-right: 10px;
    }

    .search-field {
        width: 272px;
    }

    .search-filter {
        margin-left: 12px;
    }

    .search-content {
        padding: 30px;
    }

    .search-filter span {
        margin-left: 8px;
    }

    .home-tabs nav {
        padding: 0 30px;
    }

    .error-message h2 {
        font-size: 25px;
        text-align: center;
    }

    /* Profile tabs */
    .profile-tabs .nav-tabs .nav-link {
        padding: 10px 15px;
    }

    .profile-tabs .nav-tabs .nav-link.active {
        border-bottom: 3px solid #0CDDC2;
    }

    .library-img {
        margin-bottom: 6px;
    }

    .profile-buttons {
        margin-top: 40px;
    }

    /* Presenter */
    .presenter-live {
        height: 350px;
    }

    .registeration-form {
        width: 100%;
    }

    .registeration-text {
        width: 100%;
    }

    .registeration-text p {
        font-size: 18px;
    }

    .similar-user {
        margin-top: 20px;
    }

    .registeration-field {
        width: 100%;
    }

    .registeration-content {
        padding: 40px 0;
    }

    .registeration-header h4 {
        margin-bottom: 20px;
    }

    .registeration-text {
        padding-top: 15px;
    }

    .more-users a {
        margin-top: 20px;
    }

    .registeration-field.link button {
        padding: 6px 20px;
    }

    .profile-reply-wrap {
        width: 91%;
    }
    .home-tabs .live-videos {
        padding: 0px 20px 60px;
    }

    .live-wrap.short,
    .community-group-wrapper.short,
    .community-wrapper.short,
    .dashboard.home-tabs.short {
        width: 100%;
    }
    .suggestion-filters {
        align-items: center;
    }
    .message-row.receiver,
    .message-row.sender {
        max-width: 80%;
    }
    .saved-image img {
        height: 200px;
    }
    .short .presenter-header {
        width: calc(100% - 310px);
    }

    .home-tabs .nav-link {
        margin-right: 30px;
        padding: 0 25px 16px;
    }

    .info-title h5,
    .info-data p {
        margin-bottom: 10px;
    }

    .settings-pan {
        padding-left: 10px;
    }

    .slice-panel {
        right: 0;
        min-width: 214px;
    }

    .trending-words {
        width: 80px;
    }
    .order-detail.flex.center {
        width: 100%;
    }
    .order-actions.flex.center {
        width: 100%;
        padding-left: 65px;
    }
    .orderTabs nav {
        padding: 20px 30px 0;
    }
    .site-logo {
        width: 100px;
    }
    .site-menu ul li a {
        padding: 0 15px 6px;
    }
    .site-menu {
        width: calc(100% - 350px);
    }
    .orderTabs.home-tabs .nav-link {
        margin-right: 15px;
        padding: 0 20px 16px;
    }
    .orders-count {
        padding: 20px 15px 0;
    }
    .productOrder {
        padding: 20px 15px;
    }
    .order-filter .market_field {
        width: 78%;
    }
    .productOrder {
        padding: 13px 15px;
    }
    .orderTabs nav {
        padding: 20px 15px 0;
    }
    .guest-section {
        min-height: unset;
    }

    .mobile-image {
        width: 40%;
        order: 2;
    }

    .guest-text {
        width: 55%;
        order: 3;
    }

    .guest-form {
        width: 100%;
        margin-bottom: 50px;
        order: 1;
    }
    .guest-section {
        padding: 50px 40px;
    }
    .cuurent-product-slider,.current-product-detail {
        width: 100%;
    }
    .current-product-detail {
        padding-left: 0;
        margin-top: 40px;
    }
    .servicepage-filters {
        width: 35%;
    }
    .servicepage-results {
        width: 62%;
    }
    .servicepage-results ul li {
        width: 47%;
    }
    .services-padding {
        padding: 0 32px;
    }
    .servicepage-results ul li:nth-child(even) {
        margin-right: 0;
    }
    .current-product-detail.service-detail-info {
        margin-top: 0;
    }
    .search-tag-communities a {
        width: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 768px) {
    .combine-video .presenter-live {
        height: 350px;
    }

    .notebook-boxes {
        height: calc(100vh - 470px);
    }
}

@media screen and (min-width: 768px) {
    .session-status {
        margin-right: 0px;
    }
}

.menu-opens {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .servicepage-filters {
        width: 0;
        position: absolute;
        background: #fff;
        z-index: 100;
        left: -100%;
        transition: 0.3s ease;
        opacity: 0;
        top: 70px;
    }
    .all-suggestions_wrap {
        padding: 25px 5px;
    }
    .all-suggestions_wrap li {
        margin-bottom: 15px;
    }
    .video-suggestion-header h5 {
        margin-bottom: 0 !important;
    }
    #pdetails .profile-row {
        margin-bottom: 15px;
    }
    .profile-label {
        width: 100%;
        margin-right: 0;
    }
    .profile-label label {
        margin-bottom: 0;
    }
    #pdetails h5 {
        margin-bottom: 20px;
        margin-top: 15px;
    }
    .filters-wrap  .moodCheck {
        margin-left: 10px;
    }
    .market_check label {
        padding-left: 18px;
    }
    .profile-name {
        width: calc(100% - 100px);
    }
    .all-users-content ul li {
        width: 100%;
    }
    .all-users-content {
        padding: 30px 10px;
    }
    .single-saved-item {
        width: 100%;
        margin-bottom: 15px;
    }
    .saved-image img {
        height: 170px;
    }
    .saved-listing-main .go-back {
        padding: 10px 18px;
    }
    .saved-listing-header {
        margin-bottom: 20px;
    }
    .saved-listing-content {
        padding-bottom: 30px;
    }
    .single-saved {
        width: calc(100% / 2);
        margin-bottom: 18px;
    }
    .saved-posts-content {
        margin-top: 40px;
    }
    .single-saved-image img {
        border-radius: 15px;
    }
    .saved-posts-header {
        margin-top: 12px;
    }
    .feeling-content {
        padding: 15px;
    }
    .mood-set {
        width: 100%;
        text-align: center;
    }
    .feeling-section.short .mood-expressions {
        justify-content: flex-start;
    }
    .site-menu ul li.active:before {
        bottom: 0;
        border: none;
        height: 5px;
        width: 5px;
        background: #35175E;
        border-radius: 50%;
        left: -12px;
        top: 8px;
        margin: 0;
    }
    .single-hotline {
        width: 100%;
    }
    .hotlines-header {
        margin: 20px 0;
    }
    .saved-text {
        padding: 15px 10px 10px;
    }
    .call-response-col {
        width: 100%;
        margin-bottom: 40px;
    }
    .resources-links-list {
        padding: 0 20px;
    }
    .all-services ul li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 14px;
    }
    .edit-link a {
        padding: 6px 20px;
    }
    .personal-services-header {
        padding: 0 20px;
    }
    .personal-services-body {
        padding: 0 16px;
    }
    .ratingBuilder {
        margin-top: 40px;
    }
    .addservice-section {
        max-width: 92%;
    }
    .addservice-buttons button:first-child {
        width: 100%;
    }
    .addservice-buttons button:last-child {
        width: 100%;
        margin-top: 8px;
    }
    .charge-notify {
        text-align: center;
    }
    .account-verification p {
        width: 100%;
        margin-bottom: 10px;
    }
    .account-verification {
        text-align: center;
        justify-content: center;
    }
    .servicepage-content {
        position: relative;
        overflow: hidden;
    }
    .servicepage-filters.active {
        width: 100%;
        left: 0;
        opacity: 1;
    }
    .feeling-section.short {
        width: 100%;
    }
    .searvicepage-search-fieeld {
        width: 100%;
    }
    .service-filter-toggler {
        display: flex;
        margin-bottom: 10px;
    }
    .servicepage-results.invisiblee {
        visibility: hidden;
        height: 500px;
    }
    .servicepage-filters h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .servicespage-header-content h2 {
        width: 100%;
        text-align: center;
        font-size: 26px;
        margin-bottom: 20px;
    }
    .sercvicespage-search, .sercvicespage-search form {
        width: 100%;
    }
    .servicepage-results ul li {
        width: 100%;
        margin: 10px 0;
    }
    .servicepage-results {
        width: 100%;
    }
    .services-padding {
        padding: 0 15px;
    }
    .product-service-icon {
        height: 80px;
        width: 80px;
    }
    .single-product-service span {
        font-size: 16px;
    }
    .services-products-content {
        padding-bottom: 0;
    }
    .fetaured-products-slider, .services-products-content {
        padding-right: 20px;
    }
    .sides-padding {
        padding: 0 20px;
        margin-top: 30px;
    }
    .market-header {
        padding-top: 20px;
    }
    .market-head-content h4 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .fetaured-products-slider .owl-next, .services-products-content .owl-next {
        position: absolute;
        right: -13px;
        top: 28%;
        height: 18px;
        width: 18px;
    }
    .featurd-services-heading h4,
    .services-products-header h4 {
        font-size: 20px;
    }
    .services-products-header a {
        padding: 5px 15px;
        font-size: 14px;
    }
    .services-products-header {
        margin-bottom: 20px;
    }
    .product-detail-wrap {
        max-width: 100%;
    }
    .review-infoo {
        max-width: 290px;
        margin-bottom: 15px;
    }
    .review-stars {
        width: 100%;
        text-align: center;
    }
    .single-review {
        padding-left: 0;
    }
    .product-reviws > h5 {
        margin-left: 0;
        margin-bottom: 5px;
    }
    .current-product-detail h2 {
        font-size: 24px;
    }
    .hidden-status {
        padding: 150px 50px 0;
    }
    .date-text {
        padding-bottom: 0;
    }
    .verification-checkList .market_check {
        width: 100%;
    }
    .verification-wraper {
        padding: 15px 18px;
    }
    .edit-proname h6 {
        /* padding: 6px 3px; */
        font-size: 10px;
        /* width: 96px;
        height: 100%; */
    }
    .category-check {
        margin-bottom: 10px;
    }
    .wall-result-img-view{
        height:150px !important;
    }
    .community-group-prof,
    .community-group-acts {
        width: 100%;
    }

    .container {
        padding: 0 20px;
    }

    .search-filter img {
        max-width: 14px;
    }

    .search-filter span {
        font-size: 12px;
    }

    .landing-home-tab.login-bar-opne {
        width: auto;
    }

    .session-mood.hot-mood-range {
        width: 100%;
    }

    body.without-login .show-sidebar {

        right: 10px;
    }

    .login-sidebtn {
        right: 10px;
    }

    .post-single-comment.live-comment-new .commenting-star.comment-star.commenting-width {
        width: auto;
        display: block;
    }

    .post-single-comment.live-comment-new .session_presenter {
        display: block;
    }

    .session-wrap.moods.hot-mood-range {
        width: 100%;
    }

    .search-content .search-field.session-wrap.tags {
        width: 100%;
    }

    .other-follow-lists {
        justify-content: flex-end;
        margin-bottom: 0;
    }

    .mobile-bnts img {
        max-width: 18px;
    }

    .other-lists .follow-links {
        padding: 0;
        margin: 0;
        background-color: transparent;
        min-width: auto;
    }

    /* .mobile-bnts img {
        max-width: 24px;
    } */
    .mobile-bnts {
        padding: 0 5px;
    }

    .other-lists {
        width: 100%;
        text-align: right;
    }

    .mobile-bnts {
        display: block;
    }

    .btn-text {
        display: none;
    }

    .post-comment-section {
        min-height: auto;
    }

    .short .community-group-acts .community-creation {
        width: 100% !important;
        margin: 0;
    }

    .mobile-bnts:last-of-type {
        paddinr-right: 0;
    }

    .gp-post-time.single-community .gp-post-contr.comunity-rep-options {
        position: absolute;
        right: 0;
    }

    .community-group-acts .custom-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 0;
    }

    .gp-post-contr.comunity-rep-options {
        position: absolute;
        right: 0;
    }

    .gp-post-cover .gp-post-time .gp-post-dots {
        display: flex;
    }

    .gp-post-cover .gp-post-time .gp-post-dots span {
        margin-left: 2px;
    }

    .post-ranks.padding-left-posts {
        padding-left: 0;
    }

    .followers-list,
    .following-list {
        right: 0;
    }

    .profile-forms-new .profile-row:nth-last-of-type(2) .profile-info {
        width: auto;
    }

    .profile-forms-new .profile-row:nth-last-of-type(2) .profile-label {
        width: auto;
        margin-right: 20px;
    }

    .margin-vieweers .session-status.flex h6 {
        margin: 0;
    }

    .margin-vieweers .session-status.flex {
        margin: 0;
    }

    .footer-column1 {
        width: 100%;
    }

    .footer-lists {
        justify-content: center;
    }

    .footer-column1 {
        text-align: center;
    }

    .footer-coypright {
        margin-top: 10px;
    }

    #all_notes_listing .post-acts {
        padding-left: 0;
    }

    .gp-post-cover .gp-post-time {
        width: 100%;
        justify-content: space-between;
    }

    .post-undo {
        width: 125px;
    }

    div#graph-mood {
        height: auto !important;
    }

    .sidebar-section.main-page-sidebar {
        padding-bottom: 50px;
    }

    .group-recent-posts,
    .group-posting,
    .community-group-header {
        padding: 15px;
    }

    .community-desc {
        padding: 0;
    }

    .short .community-group-acts {
        padding-right: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 10px 0;
        flex-wrap: wrap;
    }

    .delete-text {
        display: none;
    }

    .group-leave .delete-text {
        display: inline-block;
    }

    .short .gp-post-cover,
    .short .group-posting {
        margin-right: 0;
    }

    .commenting-area .commenting-head.viewers .user-actions {
        width: 100%;
    }

    .commenting-head.viewers .session-status.flex {
        flex-direction: row;
    }

    #trending.with-filter {
        margin-top: 0;
    }

    .low-mode {
        max-width: 100%;
        min-width: 100%;
    }

    .session-status.flex {
        width: 100%;
    }
    .service-detail-profile {
        width: 100%;
    }

    .current-product-detail.service-detail-info {
        width: 100%;
        margin-top: 40px;
    }

    .service-imagee {
        height: 130px;
        width: 130px;
    }

    section.serviceReviews.serviceWrap .product-reviws {
        margin-top: 0;
    }
    .live-wrap.site-area.short .presenter-header {
        padding: 0;
    }

    .prob-upload-wrap {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    div#file-upload-filename {
        text-align: center;
        word-break: break-word;
    }

    .session-wrap.tags {
        margin: 0;
    }

    .user-session.flex.center.sb .session-details {
        width: auto;
        margin: 0;
    }

    .session-wrap.terms .session-checkbox.public-check {
        margin: 0;
    }

    .profile-forms-new {
        width: 100%;
    }

    .profile-forms-new .profile-info {
        width: 100%;
    }

    .profile-forms-new .profile-info select {
        margin: 0;
    }

    .save-account {
        margin-right: 10px;
    }

    .profile-follow {
        margin-left: 0;
        margin: 5px 5px 5px 5px;
    }

    .followers-link {
        margin-right: 6px;
    }

    .profile-followers,
    .profiles-followings {
        margin-bottom: 10px;
    }

    .video-filter {
        right: 0;
        bottom: inherit;
        width: 98%;
        left: 0;
        margin: 0 auto;
        z-index: -1;
    }

    .video-filter.active {
        z-index: 9;
        top: 90px;
    }

    .close-lists {
        position: absolute;
        right: 35px;
        top: 9px;
        color: red;
        font-size: 24px;
        display: block;
    }

    .library-sidebar.libray-opens {
        width: 100%;
        right: 0;
        position: fixed;
        top: 0;
        z-index: 9999;
        background-color: #fff;
        padding: 33px;
        height: 100%;
        overflow: auto;
    }

    .open-library {
        overflow: hidden;
    }

    .library-titles {
        display: block;
    }

    .footer-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-column {
        margin-top: 5px;
    }

    .main-footer {
        position: unset;
    }

    h3 {
        font-size: 24px;
    }

    h5 {
        font-size: 16px;
    }

    body.stop {
        overflow-y: hidden;
    }

    .sidebar-control {
        right: 11px;
    }

    .show-sidebar {
        right: 14px;
    }

    .profile-menu.logged-out a {
        color: #EF52A2;
        font-size: 10px;
        margin-right: 5px;
        text-decoration: underline;
    }

    .sidebar-section.logged-out,
    .sidebar-section {
        box-shadow: none;
    }

    .sidebar-section:before {
        display: none;
    }

    .registeration-wrapper {
        padding: 0 15px;
    }

    .short .presenter-header {
        width: 100%;
    }

    /* Header */
    header {
        padding: 14px 15px 10px;
        flex-wrap: wrap;
    }

    .site-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .site-menu {
        width: auto;
    }

    header.loggedout .site-menu {
        width: 110px;
    }
    .registeration-text p {
        font-size: 15px;
        margin-bottom: 5px;
    }
    header.loggedout .site-menu ul {
        display: flex;
        justify-content: flex-start;
    }

    header.loggedout .site-menu ul li:last-child {
        margin: 0;
    }

    .user-bar {
        width: auto;
    }

    .site-menu ul li:last-of-type {
        margin-right: 0;
    }

    .site-menu ul li a {
        font-size: 14px;
        padding: 0 0px;
    }

    .site-menu ul li {
        margin-right: 18px;
    }

    .site-menu ul li:last-child {
        margin-right: 0;
    }

    .site-menu ul li.active:before {
        border: 2px solid #35175E;
    }

    header.loggedin nav.site-menu {
        width: 190px;
    }

    header.loggedout .site-menu ul li {
        margin-right: 18px;
    }

    header.loggedout .site-menu ul li a {
        padding: 0 5px;
        font-size: 10px;
    }

    .profile-icons span img {
        width: 10px;
        margin-top: 4px;
    }

    .site-logo {
        width: 75px;
    }

    .site-logo a {
        display: block;
    }

    .breadcrumb-content {
        padding: 8px 0;
    }

    .site-logo a img {
        margin: 0 auto;
    }

    .user-bar .profile-name {
        display: none;
    }

    .site-menu ul li.active:before {
        bottom: -12px;
    }

    .commenting-body {
        padding-right: 10px;
    }

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

    .user-notifications>span {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .profile-dp {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

    .profile-name span {
        color: #252525;
        font-size: 13px;
    }

    .search-content {
        margin-top: 5px;
        padding: 10px 15px;
    }

    .home-tabs nav {
        padding: 0 20px;
    }

    .home-tabs .live-videos,
    .home-tabs .offline-videos {
        padding: 20px 20px;
    }

    .home-tabs .live-videos {
        margin-top: 10px;
    }

    .search-field {
        width: 70%;
    }

    .search-content form {
        width: calc(100% - 100px);
    }

    .search-filter {
        margin-left: 10px;
    }

    .home-tabs .nav-link {
        padding: 0 5px 10px;
        margin-right: 15px;
        font-size: 12px;
    }

    .home-tabs .nav-link:last-of-type {
        margin-right: 0;
    }

    .home-tabs .nav-link.active {
        border-bottom: 4px solid #35175E;
    }

    .home-tabs .tab-content h5 {
        margin-bottom: 15px;
    }

    .sidebar-section {
        right: -100%;
        height: auto;
        padding-bottom: 0;
    }

    .sidebar-section.hide {
        width: 375px;
        right: 0;
        border-left: none;
    }

    .notifications-box {
        top: 44px;
        left: unset;
        right: 46px;
        width: 290px;
    }

    .error-message img {
        max-width: 200px;
    }

    .search-field input {
        padding: 5px 28px 5px 20px;
    }

    .search-field button {
        top: 12px;
        right: 2px;
    }
    .search-field button img {
        max-width: 18px;
    }

    .commenting-body {
        height: 150px;
    }

    .sidebar-section.logged-out {
        padding: 30px 15px;
        display: block;
    }

    /* Home1 */
    .search-error {
        height: calc(100vh - 172px);
    }

    /** Host Page **/
    .profile-setups a {
        font-size: 11px;
        margin-right: 5px;
    }

    .host-section {
        margin-top: 20px;
    }

    .host-content h5 {
        margin-bottom: 20px;
    }

    .session-time,
    .session-date,
    .date-time-field input {
        width: 100%;
        margin-right: 0;
    }

    .date-time-field {
        margin: 10px 0;
    }

    .session-wrap.title {
        margin-top: 20px;
    }

    /* Profile Tabs */
    .profile-editing {
        width: 150px;
        justify-content: flex-start;
    }

    .profile-following {
        width: calc(100% - 150px);
        justify-content: flex-end;
    }

    .profileBio span {
        margin-right: 7px;
    }

    .profileBio {
        padding-left: 37px;
        font-size: 12px;
        margin: 1px 0 3px;
    }

    .edit-proname {
        width: calc(100% - 38px);
        display: flex;
    }

    .edit-dp {
        margin-right: 7px;
    }

    .dp-img {
        height: 30px;
        width: 30px;
    }

    .change-dp {
        height: 13px;
        width: 13px;
        padding: 3px;
        bottom: 2px;
        right: -3px;
    }

    .edit-proname span {
        font-size: 12px;
        margin-right: 3px;
        width: calc(100% - 15px);
    }

    .notebook-notes .nav-link {
        font-size: 15px;
    }

    .profile-following h6 {
        font-size: 11px;
    }

    .profile-tabs {
        margin-top: 0;
    }

    .profile-header {
        padding-top: 20px;
    }

    .profile-tabs a {
        min-width: 107px;
    }

    .profile-tabs .nav-tabs .nav-link {
        padding: 10px 13px;
        font-size: 13px;
        border-radius: 0;
    }

    .profile-tabs1 {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    /* Notebook */
    .profile-body {
        padding: 10px 0;
    }

    .notebook-note {
        margin-top: 14px;
    }

    .notebook-notes nav {
        margin-bottom: 25px;
    }

    .writer-img {
        height: 40px;
        width: 40px;
    }

    .note-details {
        margin-left: 15px;
        width: calc(100% - 65px);
    }

    .note-details p,
    .message-text p {
        font-size: 14px;
        word-break: break-all;
    }

    .user-commenttop p {
        font-size: 12px;
        word-break: break-all;
    }

    .comment-dp {
        margin-right: 5px;
    }

    .note-comment-star {
        margin-top: 2px;
        width: 10px;
        height: 100%;
    }

    .library-box {
        width: 50%;
    }

    .library-img {
        margin-right: 15px;
    }

    .library-box p,
    .library-box span {
        font-size: 12px;
    }

    /* Profile Mood tab */
    .mood-content,
    .notifications-wrap {
        padding: 0 15px;
    }

    .mood-graph1 {
        padding: 0;
    }

    .liveu-dp {
        margin-right: 5px;
    }

    .notification-dp {
        margin-right: 10px;
    }

    .notification-text {
        width: calc(100% - 50px);
    }

    .notification-text p,
    .message-text p {
        color: #6B7777;
        font-size: 14px;
        word-break: break-all;
    }

    .notification {
        margin-bottom: 20px;
    }

    /* Messages Tabs */
    .message {
        padding: 10px 0;
    }

    #sms h5 {
        margin-bottom: 0;
    }

    .message-dp {
        margin-right: 10px;
    }

    .message-text {
        width: calc(100% - 55px);
    }

    #settings h5 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .sms-name {
        margin-left: 10px;
    }

    .sms-name span {
        font-size: 14px;
    }

    .message-row.receiver,
    .message-row.sender {
        max-width: 100%;
        padding: 0;
    }

    .message-chatbox {
        max-height: 530px;
    }

    .message-list {
        height: 400px;
    }

    .message-row.receiver p,
    .message-row.sender p {
        font-size: 14px;
    }

    .setting span {
        font-size: 14px;
        width: 100%;
        margin-bottom: 11px;
    }

    .setting p {
        font-size: 14px;
        width: 100%;
    }

    .profile-reply-wrap {
        left: 0;
        right: 0;
        width: 100%;
        position: unset;
    }

    .note-video {
        height: 170px;
        width: calc(100% - 55px);
    }

    #about .note-video {
        width: 100%;
    }

    .notebook-notes .nav-link {
        margin-right: 25px;
        padding-bottom: 5px;
    }

    .notebook-notes nav>span {
        font-size: 12px;
    }

    /* Chat box */
    .chatbox-footer {
        padding: 25px 0 0;
        max-width: 92%;
        margin: auto;
    }

    .message-row {
        max-width: 100%;
    }

    .chat-dp {
        height: 40px;
        width: 40px;
        margin-right: 10px;
    }

    .message-row.receiver .chat-dp {
        margin-left: 10px;
    }

    .message-row span {
        font-size: 10px;
    }

    .message-row>span {
        margin-left: 51px;
    }

    .message-row.receiver .messageData .sms-dp.senderSmsImage {
        margin-left: 10px;
    }

    .receiver .smsTime {
        max-width: calc(100% - 75px);
    }

    .chatbox-body .message-row .message-functions {
        top: 12px;
        right: -20px;
    }

    .senderSmsImage {
        margin-right: 10px;
    }

    /* Presenter Page */
    .end-link {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .session-status {
        width: 50%;
        margin-top: 10px;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .show-views {
        cursor: pointer;
        text-align: right;
    }

    .session-status h6 {
        width: 33%;
        text-align: center;
        margin-left: 0;
        margin-bottom: 5px;
        font-size: 12px;
    }

    .live-comment {
        align-items: flex-start;
        padding-bottom: 10px;
        border-bottom: 1px solid #96969638;
    }

    .comment-detail {
        width: 85%;
    }

    .comment-star {
        width: 15%;
    }

    .comment-star span i {
        font-size: 12px;
    }

    .comment-star span {
        font-size: 11px;
        margin-left: 0;
    }

    .comment-detail h6,
    .comment-detail p,
    .comment-detail span {
        font-size: 12px;
    }

    .session-details {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin-top: 14px;
    }

    .session-details span {
        margin: 0;
    }

    .session-details a {
        padding: 7px 20px;
        font-size: 14px;
    }

    .people-views {
        right: 3px;
        top: unset;
        bottom: 50px;
    }

    .user-live {
        margin-right: 9px;
    }

    .combine-video .presenter-live {
        height: 170px;
    }

    .rated-comment .comment-text {
        width: 85%;
    }

    .rated-comment .comment-likes {
        width: 15%;
        margin-left: 0;
    }

    .rated-comment .comment-likes .comment-star {
        width: 100%;
    }

    .comment-likes {
        margin-left: auto;
    }

    .comment-text span {
        font-size: 12px;
    }

    .rated-comment {
        max-width: 100%;
        padding: 8px 10px;
        background-color: #FFFCFC;
    }

    /* Viewer */
    .viewrs-profiling {
        width: 100%;
        margin-top: 10px;
    }

    .viewrs-profiling .session-details {
        margin: 0;
        width: unset;
    }

    .viewrs-profiling .profile-following {
        width: 100%;
        justify-content: flex-start;
    }

    .site-wrap {
        overflow-x: hidden;
        margin: 0;
        min-height: calc(100vh - 80px);
    }

    .chat-close {
        top: 5px;
    }

    .profile-reply-wrap {
        padding-top: 10px;
    }

    .viewrs-profiling .followers-link {
        margin-right: 5px;
    }

    .viewrs-profiling .followers-list,
    .viewrs-profiling .following-list {
        border: 1px solid #999;
    }

    .commenting-head.viewers .user-actions {
        width: 50%;
        justify-content: flex-start;
        padding-left: 0;
    }

    .commenting-head.viewers .session-status h6 {
        width: fit-content;
        text-align: left;
    }

    .mood-range {
        padding: 0 5px;
    }

    .mood {
        padding: 15px 12px;
    }

    .mood-message {
        width: 92%;
        margin-left: 14px;
    }

    .col-20,
    .col-80 {
        width: 100%;
    }

    .info-title {
        margin-bottom: 20px;
    }

    .privacy-check .check-wrap {
        margin-bottom: 0;
    }

    .cards-image {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }

    .account-details {
        width: 100%;
    }

    .card-number {
        width: 80%;
    }

    .account-details h6 {
        margin-bottom: 10px;
        min-width: 45px;
        max-width: 45px;
    }

    .balance-detail {
        width: 100%;
        text-align: left;
        margin-top: 5px;
    }

    .donater-amount {
        width: 30%;
    }

    .donate-time {
        width: 20%;
    }

    .donater {
        width: 50%;
    }

    .blocking .donater {
        width: 80%;
    }

    .form-passwords .field {
        width: 100%;
        margin-bottom: 20px;
    }

    .form-passwords .field label {
        margin-bottom: 4px;
    }

    .field.pass-btn {
        text-align: center;
        margin-bottom: 0px;
    }

    .problem-report,
    .support-request-section {
        margin-top: 20px;
    }

    .support-request-list {
        padding: 15px;
    }

    .support-request-info {
        margin: 10px 0;
    }

    .library-sidebar {
        width: 0;
        right: -100%;
        padding: 0;
        position: relative;
        height: 0;
    }

    .notebook-notes {
        width: 100%;
        margin-bottom: 0px;
    }

    .library-slider {
        margin-top: 42px;
    }

    .settings-pan,
    .settings-sidebar {
        width: 100%;
    }

    .settings-tabs1 {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .settings-sidebar a {
        padding: 10px;
        font-size: 14px;
        min-width: 133px;
        text-align: center !important;
        border-left: none !important;
        border-bottom: 2px solid transparent !important;
    }

    .settings-sidebar a.active {
        border-left: none !important;
        background-color: transparent !important;
        border-bottom: 2px solid #0cddc2 !important;
    }

    .settings-content {
        margin-top: 20px;
    }

    .settings-pan {
        padding-top: 30px;
        padding-left: 0;
    }

    .settings-sidebar {
        border: none;
    }

    .post-comment-footer {
        margin-bottom: 0;
    }

    .community-wrapper {
        padding: 10px 20px;
    }

    /* .community-group {
        width: 100%;
    } */

    .community-creation {
        width: 100%;
        margin-top: 20px;
    }

    .communities-search {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }

    .recommended-headings,
    .communities-search .field {
        width: 100%;
    }

    .community-top-bar {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    /* #notification_tab {
        height: 100%;
    } */
    .trending-words {
        position: unset;
        margin: 20px 0;
    }

    .color-indicators {
        margin-top: 40px;
    }

    .slice-panel {
        right: 0;
        top: 145px;
        padding: 0 8px;
        min-width: 155px;
        height: fit-content;
    }
    .mood-graph2 canvas {
        max-width: 100%;
    }
    .slice-panel ul li {
        padding: 5px 0;
    }

    .notebooks-body {
        margin-top: 30px;
        overflow: hidden;
    }

    .post-acts {
        padding-left: 0px;
    }

    .post-comment-footer {
        margin-top: 0;
    }

    .post-single-comment {
        margin-bottom: 0;
    }

    .more-comments {
        margin-bottom: 10px;
    }

    .search-field input {
        font-size: 13px !important;
        margin-top: 8px !important;
    }

    .moodGraph-calender {
        position: relative;
        width: 242px;
    }

    .moodGraph-calender .xdsoft_datepicker {
        float: none !important;
    }

    .moodData-filters {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .percentage-count {
        font-size: 30px;
        z-index: -1;
        top: -4px;
    }

    .aboutMission-statement {
        margin-top: 20px;
    }

    .intel-field {
        text-align: center;
    }
    .shrink {
        width: 100%;
    }
    .orderTabs nav {
        padding: 20px 15px 0;
    }
    .order-filter {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .order-filter h5{
        margin-bottom: 0 !important;
    }
     .order-filter .market_field {
         width: 100%;
     }
    .site_pagination ul li:first-of-type a,
    .site_pagination ul li:last-of-type a {
        width: 90px;
    }
    .site_pagination ul li a {
        min-width: 28px;
    }
    .site_pagination ul {
        max-width: 94%;
        margin: auto;
    }
    .site-menu ul li {
        margin-right: 10px;
    }
    .suggestion-filters {
        padding-right: 0;
        max-width: 100%;
        padding: 15px 0;
    }
    .suggestion-tabs {
        padding: 0 10px;
    }
    .home-tabs .live-videos,
    .home-tabs .offline-videos {
        padding: 10px 0;
    }
    .guest-section {
        background-size: contain;
        padding: 30px 20px;
    }

    .guest-form {
        padding: 30px 15px;
    }

    .guest-continue {
        margin-top: 30px;
    }

    .mobile-image {
        width: 100%;
        margin-bottom: 30px;
    }

    .guest-text {
        width: 100%;
    }

    .guest-text h2 {
        font-size: 30px;
    }

    .guest-text p {
        font-size: 18px;
        margin: 15px 0;
    }
    .profile-options,
    .notifications-box {
        top: 38px;
    }
    .search-content form {
        width: calc(100% - 30px);
    }
    .session-wrap.tags .select2-selection.select2-selection--multiple {
        padding-top: 2px;
    }
    .flex.sb.suggestion-filters {
        padding: 0;
    }
    .suggestion-tabs .tab-content {
        margin-top: 15px;
    }
    .home-tabs .live-videos {
        padding-bottom: 0;
    }
    .home-tabs .live-videos, .home-tabs .offline-videos {
        padding-bottom: 4px;
    }
    div#my-sessions {
        padding: 0 15px;
    }
    .expression-type img {
        max-width: 18px;
    }
    .white-expressions .exp-text {
        font-size: 11px;
        padding: 1px;
    }
    .group-info.community-mains .community-bodys {
        margin-bottom: 10px;
    }
    .action-links .joined-buton {
        margin-top: 0;
    }
    .action-links .join-price {
        padding-top: 5px;
        padding-bottom: 0;
    }
    .schedule-status {
        margin-top: 0;
        padding-left: 0;
    }
    #community-modal .add-community-form {
        padding-bottom: 0;
    }
    .emoji-width.white-expressions .expression-type {
        margin-right: 2px;
    }
    .gp-content-footer .field-icons .image-uploader {
        margin-right: 8px;
    }
    .session-wrap.c_commenting-options.note-commenting.flex.center {
        width: 80%;
    }
    .market_field.commenting_options {
        width: 100%;
    }
    .post-status {
        width: 50%;
    }
    .community-group-go-back img {
        max-width: 18px;
    }
    .emoji-width.white-expressions .mood-expressions.flex.center {
        justify-content: space-between;
    }
    .chat-close img {
        max-width: 15px;
    }
    .product-Img {
        margin-bottom: 15px;
    }
    .serviceImages-list.flex.sb {
        justify-content: center;
    }
    .product-Img:nth-of-type(3n) {
        margin-right: 0 !important;
    }
    .market-search-field button {
        z-index: 10000;
    }
    .prob-upload-wrap span {
        padding: 8px 15px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 10px;
    }
    form.problem-form .field.prob-uploader input {
        height: 32px;
        width: 83px;
        top: 0;
        left: 0;
        z-index: 2;
    }
    div#file-upload-filename {
        width: calc(100% - 95px);
        font-size: 12px;
    }
    .prob-upload-wrap {
        flex-direction: row;
        justify-content: space-between;
    }
    .prob-upload-btn {
        position: relative;
        width: 83px;
        height: 32px;
    }
    .commenting-area .post-comment-section {
        padding-left: 10px;
    }
    .commenting-area.viewersArea .post-comment-footer {
        padding-right: 10px;
        padding-top: 0;
    }
    .intellectual-form .intel-field {
        width: 100% !important;
    }
    .verification-photos .upload-name {
        width: 20%;
    }
    #change-pass-btn {
        margin-bottom: 10px;
    }
    .settings-sidebar a {
        padding: 10px 5px;
        font-size: 13px;
        margin: 0 10px;
    }
    .search-people textarea {
        height: 130px;
    }
    .color-indicators.flex.center .mood-color {
        margin-right: 10px;
    }
    .color-indicators.flex.center .mood-color:last-child {
        margin-right: 0;
    }
    .notebook-bottom.flex.sb.center {
        margin-top: 8px;
    }
    .profEditing-options {
        top: 32px;
    }
    .library-column-container {
        width: 48%;
        padding: 10px;
    }
    div#alllibrarry,
    div#mood_review {
        z-index: 9999;
    }
    div#alllibrarry .modal-dialog,
    div#alllibrarry .modal-content {
        height: 100%;
    }
}

@media screen and (max-width:500px) {


    .sidebar-section.hide,
    .sidebar-section {
        width: 100%;
        display: none;
    }

    .sidebar-section.hide {
        display: block;
    }

    .sidebar-section.logged-out {
        height: 100vh;
        min-height: 100vh;
    }

    .video-poster {
        height: 100px;

    }

    .notebook-boxes {
        height: calc(100vh - 160px);
        overflow-y: auto;
        /* min-height: 300px; */
    }

    /* Presenter */
    .presenter-live {
        height: 250px;
    }

    .session-details a {
        font-size: 13px;
        padding: 6px 15px;
    }

    .viewrs-profiling .profile-following {
        margin-right: 8px;
    }

    .message-list {
        min-height: 350px;
    }

    .messages-content {
        height: auto;
        overflow-y: auto;
    }

    .rating-popup .modal-content {
        width: 95%;
    }

    .short .presenter-header {
        padding-right: 38px;
    }

    .commenting-area {
        padding-right: 0 !important;
    }

    .messages-content {
        height: auto;
        overflow: unset;
    }

    .mood-filter select {
        padding: 5px;
        font-size: 12px;
        min-width: 80px;
    }

    .mood-graph2 .chartjs-render-monitor {
        width: 100%;
    }

    .sidebar-section.main-page-sidebar {
        height: fit-content;
    }

    .library-sidebar .video-poster {
        height: 170px;
    }

    .post-comment-section,
    .group-posting-detail {
        padding-left: 0;
    }

    .notebook-top h4 {
        font-size: 16px;
    }

    .notebook-top a.videoUpload {
        margin-right: 2px;
        padding: 3px 15px;
    }

    .notebook-top a {
        padding: 3px 12px;
    }

    .mentions-input-box textarea {
        height: 28px !important;
        padding: 2px 6px !important;
    }

    .message-content .smsCount {
        position: absolute;
        right: 20px;
        bottom: 10px;
    }

    .video-filter,
    .video-filter.slide {
        right: 0;
    }

    .notebook-notes .post-comment-section .post-comment-body {
        max-height: 130px;
    }
    .singleComment-action {
        right: 6px;
    }
    .buyFeature {
        margin-right: 5px;
    }
    .featured-content {
        padding: 5px;
    }
    .featured-content h5 {
        margin: 5px 0 !important;
        padding-right: 0;
        font-size: 14px;
    }
    .featured-content p {
        font-size: 12px;
    }
    .cellNo {
        margin-top: 5px;
            font-size: 16px;
    }
}

@media screen and (max-width:360px) {
    .post-undo {
        width: 90px;
        font-size: 10px;
    }
    .profile-following h6 {
        font-size: 10px;
    }
    header {
        padding: 14px 10px 10px;
    }
    .site-logo {
        width: 50px;
        margin-right: 10px;
    }
    .profile-dp {
        width: 15px;
        height: 15px;
    }
    .user-notifications>span {
        width: 15px;
        height: 15px;
        font-size: 10px;
        margin: 0 5px;
    }
    .profile-icons > span {
        display: none;
    }
    .profile-options, .notifications-box {
        top: 30px;
    }
    .notifications-box {
        right: 25px;
        width: 260px;
    }
}

.hovermoood {
    display: none;
}
span.hovermoood {
    background: #009885;
    box-shadow: 0px 0px 24px -7px #cccc;
    z-index: 9999;
    width: max-content;
    padding: 1px 20px;
    font-size: 11px;
    position: absolute !important;
/ position: absolute; /
}

span.hovermoood::after{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #009885;
    bottom: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    content:"";
}

span.hovermoood span {
    position: relative;
    z-index: 9999;
}
span.hovermoood span {
    position: relative;
    z-index: 9999;
    margin-bottom: 0;
}
.rangeslider__handle {pointer-events: none;user-select: none;}
.inputcontainerminadnmax {
    max-width: 269px;
}
span.hovermoood {
    color: #fff !important;
}

.card-selection #stripe_cards {
    display: none;
}
.modal-body.card-selection {
    min-height: 340px;
}

#stripe_cards,
#paypal_btn {
    padding-top: 20px;
}
a#new_card {
    margin-bottom: 15px;
    text-decoration: none;
    background: #00a698;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
.pay-wrap {
    margin-top: 40px;
}
#session-video-pay-stripe-paypal.call-popup .modal-content {
    max-width: 500px !important;
    width: 100%;
}
.pay-wrap .pay-with-stripe {
    padding: 12px 15px;
    background: #299e90;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 15px;
    width: 100%;
}
.paypal-button-row .paypal-button {
    background: none !important;
    border: 1px solid rgba(255,255,255,0.6) !important;
}
.pay-wrap .paypal-links-session-wrap {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.2);
}
.modal-footer .cancel-payment-ft {
    color: #fff !important;
}