/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global
# Bpsts Icon Dialog Style
# Activity Feelings
# Themes Specific
    # BuddyX
    # Boss
    # Gwangi
    # Olympus
    # Aardvark
    # Kleo
    # OneCommunity
    # BuddyBoss
# Youzify
# BB Platform
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

.wb-icons {
    font-size: 18px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
}

.wb-icons:before {
    margin: 0;
}

.wb-icons.wb-icon-smile {
    font-size: 20px;
}

.bpstatus-icon {
    display: inline-block;
    cursor: pointer;
}

#whats-new-options .post-elements-buttons-item {
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

#whats-new-submit {
    clear: both;
}

#whats-new-toolbar .post-elements-buttons-item {
    margin-right: 10px;
    position: relative;
}

@media screen and (min-width: 46.8em) {
    #whats-new-options .post-elements-buttons-item:first-child {
        margin-left: 65px;
    }
}

.bpstatus-option-panel {
    display: none;
    width: 100%;
    border: 1px solid #d1d1d1;
    margin-bottom: 12px;
    padding: 15px;
}

#bpsts-charleft {
    float: right;
}

.bpsts-empty-status {
    border: 1px solid red;
}

.bpsts-update-actions {
    display: none;
}

table.form-table.bpsts-statuses-table {
    margin-top: 15px;
    min-width: 100%;
}

.bpsts-add,
.bpsts-update {
    margin: 10px 10px 0 0;
}

textarea#bpsts-status {
    width: 100%;
    min-height: 90px;
    margin-bottom: 15px !important;
}

.bpsts-active-status a.bpsts-current-status,
.bpsts-active-status td.bpsts-user-status {
    color: #00a67e;
}

table.form-table.bpsts-statuses-table td.bpsts-user-status,
.profile.status.buddypress .bpsts-status-div {
    word-break: break-word;
}

table.form-table.bpsts-statuses-table td.bpsts-status-actions {
    width: 140px !important;
    text-align: center;
}

table.form-table.bpsts-statuses-table td.bpsts-status-actions a {
    margin: 0 5px;
}

table.form-table.bpsts-statuses-table tr.bpsts-active-status {
    background-color: rgba(0, 238, 90, 0.04);
}

/*--------------------------------------------------------------
# Bpsts Icon Dialog Style
--------------------------------------------------------------*/

.bpsts-icon-dialog {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.bpsts-icon-dialog.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.bpsts-icon-dialog-container {
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.bpsts-icon-dialog-container {
    box-shadow: 0 15px 50px rgba(0, 0, 0, .15);
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.bpsts-icon-dialog.visible .bpsts-icon-dialog-container {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.bpsts-icon-dialog-header {
    background-color: #8bc34a;
    padding: 35px 0;
}

.bpsts-icon-dialog-header .fa {
    color: #fff;
    font-size: 30px;
}

.bpsts-icon-dialog-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    padding: 30px 25px;
}

.bpsts-icon-dialog-title {
    display: block;
    color: #6e7071;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.bpsts-icon-dialog-title .bpsts-icon-div img {
    max-width: 90px;
}

ul.bpsts-icon-dialog-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.bpsts-icon-dialog-buttons li {
    display: inline;
}

ul.bpsts-icon-dialog-buttons a.bpsts-icon-dialog-set,
ul.bpsts-icon-dialog-buttons a.bpsts-icon-dialog-cancel {
    font-size: 14px;
    border: 2px solid #eee;
    cursor: pointer;
    font-weight: 600;
    padding: 8px 25px;
    margin-bottom: 35px;
    display: inline-block;
    text-transform: capitalize;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.bpsts-image-holder-container-parent {
    margin-top: 10px;
    position: relative;
    width: 100%;
}

.bpsts-image-holder-container-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.bpsts-image-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 8px;
    max-height: 300px;
    overflow-y: scroll;
}

.bpsts-icon-div {
    margin: 5px;
}

.bpsts-image-holder img.bpsts-icon-img {
    max-width: 26px;
}

footer.bpsts-image-folder-name {
    margin: 0;
    padding: 0 15px;
    width: 100%;
    position: absolute;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    bottom: 0;
    left: 0;
}

.bpsts-icon-img {
    cursor: pointer;
}

@media (max-width: 767px) {
    .bpsts-image-holder-container-wrapper {
        width: 100%;
    }
}

li#status-personal-li a#status {
    text-align: unset;
    font-size: unset;
    font-family: inherit;
    margin-top: unset;
    font-weight: unset;
}

/* item-header-content bpsts-name-icon style */

#item-header-content img.bpsts-name-icon {
    max-width: 22px;
    margin: 0 6px;
}

#item-header-content .item-meta img.bpsts-name-icon {
    max-width: 18px;
    vertical-align: text-top;
}


/* bpsts-placeholder style */

.bpsts-statuses-table td.bpsts-placeholder-status {
    padding: 10px;
    color: #999;
}


/* bpsts-name-icon */

.activity-list .activity-item .activity-header img.bpsts-name-icon {
    max-width: 20px;
    margin: -3px 0px 0 3px;
}

.bpsts-user-status-icon img.bpsts-name-icon,
img.bpsts-name-icon {
    max-width: 20px;
}

.bp-status-member-icon {
    max-width: 20px !important;
    display: inline;
    vertical-align: middle;
}


/* wb-plugins_page_buddypress_status */

.bpsts-reaction-parent a.button.bpsts-open-reaction-div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bpsts-open-reaction-div .bpsts-open-reaction {
    max-width: 22px;
    display: inline-block;
}

.activity-comments .bpsts-open-reaction-div .bpsts-open-reaction {
    max-width: 22px;
}

.activity-meta .bpsts-open-reaction-div .bpsts-open-reaction {
    margin-right: 4px;
}

.activity-comments .bpsts-open-reaction-div .react-count {
    display: none;
}

.bpsts-open-reaction-div {
    padding: .3em .5em;
}


/*.bpsts-reaction-box {
    display: none;
}*/

.bpsts-reaction-parent {
    position: relative;
    vertical-align: middle;
}

#buddypress .bpsts-reaction-box,
.youzify .bpsts-reaction-box {
    height: auto;
    width: 275px;
    background: #fff;
    position: absolute;
    bottom: 22px;
    visibility: hidden;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px 8px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .32);
    border-radius: 5px;
    z-index: 99;
}

#buddypress .bpsts-reaction-parent:hover .bpsts-reaction-box,
.youzify .bpsts-reaction-parent:hover .bpsts-reaction-box {
    visibility: visible;
    opacity: 1;
    bottom: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bpsts-reaction-box img {
    max-width: 25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bpsts-reaction-box img:hover {
    -webkit-transform: scale(1.2) translateY(-4px);
    -ms-transform: scale(1.2) translateY(-4px);
    transform: scale(1.2) translateY(-4px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bpsts-reaction-box .fa-spinner {
    width: 12px;
    height: 12px;
    color: #555;
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body #bbpress-forums .bp-list .action .bpsts-reaction-box a.bpsts-mark-reaction,
body #buddypress .bp-list .action .bpsts-reaction-box a.bpsts-mark-reaction,
#buddypress div.activity-meta .bpsts-reaction-box a.bpsts-mark-reaction,
#buddypress div.activity-meta .bpsts-reaction-box a.bpsts-mark-comment-reaction,
#buddypress div.groups-meta .bpsts-reaction-box a.bpsts-mark-reaction,
#buddypress div.groups-meta .bpsts-reaction-box a.bpsts-mark-comment-reaction,
.youzify div.activity-meta .bpsts-reaction-box a.bpsts-mark-comment-reaction,
.youzify div.activity-meta .bpsts-reaction-box a.bpsts-mark-reaction,
.youzify div.groups-meta .bpsts-reaction-box a.bpsts-mark-comment-reaction,
.youzify div.groups-meta .bpsts-reaction-box a.bpsts-mark-reaction {
    width: 30px;
    height: 30px;
    min-height: auto;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    border: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.bpsts-reactions-list .reactions img {
    width: 25px;
    cursor: pointer;
    margin-bottom: 0 !important;
}

.bpsts-reactions-list .reactions-count {
    margin-left: 12px;
    font-size: 14px;
    line-height: 25px;
}

/* .bpsts-reactions-list .reactions {
    position: absolute;
} */

.bpsts-reactions-list .reactions,
.bpsts-reactions-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bpsts-reactions-list .reactions-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* margin-bottom: 15px; */
}

.bpsts-reactions-list .single-reaction {
    margin-right: -5px;
    position: relative;
}

.bpsts-reactions-list .single-reaction .fa {
    content: "\f155";
    width: 25px;
    height: 25px;
    background: #fff;
    color: #f6b933;
    font-size: 18px;
    border-radius: 100%;
    border: 1px solid #fff;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bpsts-reactions-list .reacted-users {
    background-color: #fff;
    color: #333;
    text-align: center;
    padding: 12px 16px 16px;
    width: 140px;
    position: absolute;
    z-index: 99;
    bottom: 38px;
    left: -12px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0px, 20px);
    -ms-transform: translate(0px, 20px);
    transform: translate(0px, 20px);
    border: 2px solid #f1f1f1;
    border-radius: 12px !important;
    -webkit-transition: -webkit-transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
    transition: transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
    box-shadow: 0 0 40px 0 rgba(94, 92, 154, .12);
}

.bpsts-reactions-list .reacted-users::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 22px;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.bpsts-reactions-list .single-reaction:hover .reacted-users {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.bpsts-reactions-list .reacted-users .reacted-users-icon {
    margin-bottom: 5px;
    text-align: center;
}

.bpsts-reactions-list .reacted-users .reacted-users-icon img {
    margin: auto !important;
}

.bpsts-reactions-list .reacted-users p {
    color: inherit !important;
    font-size: 13px !important;
}

.buddypress-wrap .bpsts-reactions-list .reacted-users p {
    margin-bottom: 0 !important;
    padding: 0;
}

@media only screen and (max-width: 600px) {

    #buddypress .bpsts-reaction-box,
    .youzify .bpsts-reaction-box {
        width: 250px;
        right: auto;
        left: -10px;
    }
}

@media only screen and (max-width: 589px) {
    .generic-button.bpsts-reaction-parent {
        position: unset;
    }

    #buddypress .bpsts-reaction-box,
    .youzify .bpsts-reaction-box {
        right: auto;
        left: 50%;
        margin-left: -125px;
    }
}


/*--------------------------------------------------------------
# Activity Feelings
--------------------------------------------------------------*/

.bp-status-feeling-tab {
    margin-bottom: 20px;
}

.bp-status-feeling-tab button.tablinks,
.bp-status-feeling-tab button.tablinks:hover,
.bp-status-feeling-tab button.tablinks:focus {
    font-size: 15px !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    text-decoration: none;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    color: inherit !important;
    border-radius: 0 !important;
}

.bp-status-feeling-tab button.tablinks.active {
    border-bottom: 2px solid #057642 !important;
    color: #057642 !important;
}

.bp-status-feeling-tabcontent {
    display: none;
}

.bp-status-feeling-tabcontent.active {
    display: block;
}

.bp-status-list-selected-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bp-status-list-selected-items .bp-status-selected-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.bp-status-list-selected-items .bp-status-feeling-title:empty {
    display: none;
}

.bp-status-list-selected-items .bp-status-feeling-title {
    font-size: 15px;
    margin: 5px;
    margin-right: 15px;
    padding: 10px 20px;
    background: #353535;
    color: #fff;
    font-weight: 500;
    border-radius: 8px !important;
}

.bp-status-list-selected-items .bp-status-feeling-selected-item {
    width: 100%;
    background: #f3f3f3;
    margin: 5px;
    padding: 5px 7px 5px 12px;
    border-radius: 8px !important;
}

.bp-status-list-selected-items .bp-status-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bp-status-list-selected-items .bp-status-item-img img {
    max-width: 24px;
}

.bp-status-feeling-selected-items .bp-status-item-title {
    font-size: 15px;
    margin-left: 8px;
    margin-right: 10px;
}

.bp-status-feeling-selected-items input.bp-status-feeling-search-input {
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 0 !important;
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    line-height: normal;
}

.bp-status-feeling-submit-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bp-status-feeling-submit-button-wrapper .bp-status-feeling-submit-button {
    background: #353535;
    color: #fff;
    line-height: normal;
    padding: 10px 15px;
    border-radius: 0 !important;
    cursor: pointer;
}

.bp-status-feeling-submit-button-wrapper .bp-status-feeling-submit-button:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.bp-status-feeling-submit-button-wrapper .bp-status-feeling-go-back {
    margin-left: 20px;
    background: #e3e3e3;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px !important;
    cursor: pointer;
}

.bp-status-feeling-submit-button-wrapper .bp-status-feeling-go-back:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.bp-status-feeling-tabcontent input[type="search"] {
    width: 100%;
    margin-bottom: 20px;
}

.bp-status-feeling-char,
.bp-status-feeling-activities {
    overflow: auto;
    max-height: 255px;
}

.bp-status-feeling-list,
.bp-status-feeling-activities-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.bp-status-feeling-list li.bp-status-feeling-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-calc(25% - 10px);
    width: calc(25% - 10px);
    margin: 5px;
    padding: 6px 12px;
    border-radius: 8px !important;
    cursor: pointer;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.bp-status-feeling-list li.bp-status-feeling-list-item:hover {
    background: rgba(68, 73, 80, 0.15);
}

.bp-status-feeling-list .bp-status-feeling-item-img {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bp-status-feeling-list .bp-status-feeling-item-img img {
    max-width: 30px;
}

.bp-status-feeling-list .bp-status-feeling-item-content {
    width: -webkit-calc(100% - 25px);
    width: calc(100% - 25px);
}

.bp-status-feeling-item-title {
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}

.bp-status-feeling-activities-list li.bp-status-feeling-activities-list-item {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px;
    border: 1px solid #e3e3e3;
    padding: 15px;
    border-radius: 8px !important;
}

.bp-status-feeling-activities-list .bp-status-feeling-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.bp-status-feeling-activities-list .bp-status-item-right {
    margin-left: auto;
    margin-right: 15px;
}

.bp-status-feeling-activities-list .bp-status-feeling-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    padding: 15px;
    background: #e4e6eb;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 100px !important;
}

.bp-status-feeling-activities-list .bp-status-feeling-item-img img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.bp-status-feeling-activities-list .bp-status-item-left .bp-status-item-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    line-height: normal;
}

.bp-status-feeling-activities-list .bp-status-item-description {
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.bp-status-feeling-activities-list .bp-status-feeling-button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px !important;
    cursor: pointer;
}

.bp-status-item-button.bp-status-feeling-button:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.bp-status-feeling-activities-list .bp-status-feeling-button .fa {
    font-size: 15px;
    line-height: 0;
}

[dir='rtl'] .bp-status-feeling-activities-list .bp-status-feeling-button .fa {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bp-status-selected-item-tool.bp-status-selected-item-tool {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #e3e3e3;
    border-radius: 8px !important;
    cursor: pointer;
    margin: 5px;
}

.activity-header .bp-status-mood-feeling-image,
.bp-status-activity-mood .bp-status-mood-feeling-image {
    width: 20px;
    height: 20px;
    margin: 0 2px;
    display: inline-block;
    vertical-align: middle;
}


/* Activity Media Popup */

#buddypress .bb-media-model-container .bpsts-reaction-box,
.youzify .bb-media-model-container .bpsts-reaction-box {
    left: auto;
    right: -120px;
    width: 285px;
}

@media screen and (max-width: 1200px) {
    .bp-status-feeling-list li.bp-status-feeling-list-item {
        width: -webkit-calc(33.333333% - 10px);
        width: calc(33.333333% - 10px);
    }
}

@media screen and (max-width: 991px) {
    .bp-status-feeling-list li.bp-status-feeling-list-item {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .bp-status-feeling-activities-list li.bp-status-feeling-activities-list-item {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .bp-status-feeling-list li.bp-status-feeling-list-item {
        width: 100%;
    }

    .bp-status-list-selected-items {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .bp-status-feeling-selected-items input.bp-status-feeling-search-input {
        margin: 10px 0 !important;
        width: 100%;
    }

    .bp-status-list-selected-items .bp-status-feeling-selected-item {
        padding: 12px;
    }
}

@media screen and (max-width: 359px) {

    #buddypress .bb-media-model-container .bpsts-reaction-box,
    .youzify .bb-media-model-container .bpsts-reaction-box {
        right: -30px;
        width: 250px;
    }
}


/*--------------------------------------------------------------
## Buddyx
--------------------------------------------------------------*/
.buddypress-wrap.buddyx .activity-content .bpsts-reactions-list {
    padding: 0 15px;
}

.buddypress-wrap.buddyx .activity-content .bpsts-reactions-list .reactions-item-list {
    margin-bottom: 15px;
}

.buddypress-wrap.buddyx .activity-comments {
    overflow: visible;
}

/*--------------------------------------------------------------
## Boss
--------------------------------------------------------------*/

#right-panel .bpsts-reaction-parent {
    display: inline;
}

#right-panel .bpsts-open-reaction-div {
    display: inline;
}


/*--------------------------------------------------------------
## Gwangi
--------------------------------------------------------------*/

.grimlock #buddypress:not(.youzer) #activity-stream.grimlock-buddypress-activity-list .activity-item img.bpsts-open-reaction {
    max-width: 22px !important;
}

.grimlock #buddypress:not(.youzer) #activity-stream.grimlock-buddypress-activity-list .activity-item .bpsts-reaction-box img {
    max-width: 25px !important;
}

.grimlock #buddypress:not(.youzer) #activity-stream.grimlock-buddypress-activity-list .activity-item .bpsts-reaction-box a {
    background: transparent;
    border: 0;
}

.grimlock #buddypress:not(.youzer) #activity-stream.grimlock-buddypress-activity-list .bpsts-reactions-list {
    padding: 15px 0 0;
}

.grimlock #buddypress img.bpsts-name-icon {
    max-width: 20px !important;
}

.grimlock #buddypress .bpsts-image-holder img.bpsts-icon-img {
    max-width: 26px !important;
}

.grimlock.status #buddypress:not(.youzer) .profile-content__body#item-body .screen-profile {
    padding: 1.5rem !important;
}


/*--------------------------------------------------------------
## Olympus
--------------------------------------------------------------*/

.olympus-theme .bpsts-reaction-parent {
    padding: 0 20px;
}

.olympus-theme .bpsts-reaction-box {
    right: 0;
    left: auto;
}

@media only screen and (max-width: 600px) {
    .olympus-theme .bpsts-reaction-box {
        right: 0;
        left: auto;
    }
}


/*--------------------------------------------------------------
## Aardvark
--------------------------------------------------------------*/

.gp-theme .bpsts-reaction-parent {
    display: inline-block;
}

.gp-theme .bpsts-reaction-box a:hover {
    background: transparent !important;
    background-image: none !important;
}


/*--------------------------------------------------------------
## Kleo
--------------------------------------------------------------*/

.kleo-page .bpsts-reaction-parent {
    display: inline-block;
}

.kleo-page td.bpsts-user-status {
    width: 80%;
}

.kleo-page .bpsts-status-div {
    color: #777777;
}

.is-user-profile .kleo-page .bpsts-status-div {
    color: #fff;
}

.kleo-page #buddypress #whats-new-content.active #whats-new-options {
    overflow: visible;
}

.kleo-page #whats-new-content.active #whats-new-options {
    height: 100% !important;
}

.kleo-page .bp-status-feeling-tab button.tablinks {
    height: 100% !important;
}


/*--------------------------------------------------------------
# OneCommunity
--------------------------------------------------------------*/

.onecommunity .bp-list li .action .generic-button.bpsts-reaction-parent {
    display: inline-block;
}

.onecommunity .generic-button.bpsts-reaction-parent .bpsts-open-reaction-div {
    display: inline;
}

.activity .onecommunity .wrapper,
.onecommunity .wrapper {
    overflow: visible;
}


/*--------------------------------------------------------------
# BuddyBoss
--------------------------------------------------------------*/

.site-content-grid .activity-list .activity-item .activity-content .activity-inner.activity-inner {
    overflow: visible;
}

.bb-grid .bp-generic-meta.groups-meta .bpsts-reaction-box a.bpsts-mark-reaction,
.buddyboss-theme .bp-generic-meta.groups-meta .bpsts-reaction-box a.bpsts-mark-reaction {
    line-height: 30px !important;
}

.buddyboss-theme .single-headers #item-header-content .bb-user-content-wrap .item-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 5px;
}

@media screen and (max-width: 782px) {
    .buddyboss-theme .single-headers #item-header-content .bb-user-content-wrap .item-meta {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.buddyboss-theme .single-headers #item-header-content .bb-user-content-wrap .item-meta .bpsts-status-div {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

/*--------------------------------------------------------------
# Youzify
--------------------------------------------------------------*/
.youzify-wall-actions .post-elements-buttons-item.bp-status-container {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #9f9f9f;
    cursor: pointer;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
}

.youzify-wall-actions .post-elements-buttons-item.bp-status-container:hover {
    background-color: var(--yzfy-card-secondary-bg-color);
}

.youzify .activity-list.activity-list>li.activity_status .activity-head>p,
.youzify .activity-list.activity-list>li.activity_status .activity-head>p span.bp-status-activity-mood {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.youzify .activity-meta .bpsts-reaction-parent {
    display: table-cell;
    width: 20%;
}

.youzify .activity-content .bpsts-reactions-list {
    margin-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
}

.youzify .activity-comments .bpsts-reaction-parent {
    display: inline-block;
}

.youzify .activity-comments .bpsts-reactions-list {
    margin-top: 15px;
}

body.status .youzify .youzify-inner-content {
    line-height: normal;
    padding: 25px
}

.youzify table.bpsts-statuses-table tbody tr,
.youzify table.bpsts-statuses-table tfoot tr th,
.youzify table.bpsts-statuses-table thead tr th {
    text-align: left;
}

.youzify table.bpsts-statuses-table td.bpsts-status-actions {
    width: 10%;
}

.youzify .activity-content img.bpsts-name-icon {
    max-width: 20px;
    height: auto;
    display: inline;
}

.youzify .activity-content img.bpsts-icon-img {
    max-width: 26px;
    height: auto;
}

.youzify .bpsts-open-reaction-div {
    padding: 13px 0;
}

#youzify-profile-header .youzify-head-content .bpsts-status-div {
    color: #fff;
}

.youzify-inner-content.settings-inner-content a.bpsts-add.button {
    background-color: var(--yzfy-scheme-color) !important;
    color: var(--yzfy-scheme-text-color) !important;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 100px;
    margin: 0px 5px 8px 0px;
}

.my-profile.profile .youzify-page-main-content {
    z-index: 999;
}

.my-profile.profile .youzify-page-main-content .bpsts-icon-dialog-title .bpsts-icon-div img {
    max-width: 90px;
    margin: 0 auto;
}

.directory.members #youzify-members-list .item-title a.youzify-fullname {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*--------------------------------------------------------------
# BB Platform
--------------------------------------------------------------*/

#whats-new-toolbar .wb-icons {
    color: rgba(18, 43, 70, .5);
    font-size: 18px;
}

#whats-new-toolbar .wb-icons.wb-icon-smile {
    font-size: 20px;
}

#whats-new-toolbar .post-elements-buttons-item {
    min-width: 24px;
}

.activity-update-form #whats-new-attachments .bpolls-polls-option-html {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 15px;
}

.bp_edit_additiona_activity_content .bpstatus-option-panel{
	display: block !important;
	margin-left: unset;
	width: unset;
}