body #buddypress #item-body blockquote,
body #buddypress .bp-lists blockquote {
    margin-left: 10px
}

body #buddypress .bp-list .action {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width:46.8em) {

    body.buddypress .entry-content,
    body.buddypress .entry-header,
    body.buddypress .site-content .entry-header {
        max-width: none
    }

    body.buddypress .entry-header {
        float: none;
        max-width: none
    }

    body.buddypress .entry-content {
        float: none;
        max-width: none
    }

    body.buddypress .site-content {
        padding-top: 2.5em
    }

    body.buddypress #page #primary {
        max-width: none
    }

    body.buddypress #page #primary .entry-content,
    body.buddypress #page #primary .entry-header {
        float: none;
        width: auto
    }
}

.bp-wrap:after,
.bp-wrap:before {
    content: " ";
    display: table
}

.bp-wrap:after {
    clear: both
}

body.buddypress article.page>.entry-header {
    margin-bottom: 2em;
    padding: 0
}

body.buddypress article.page>.entry-header .entry-title {
    font-size: 28px;
    font-weight: inherit;
    color: #767676
}

@media screen and (min-width:46.8em) {
    body.buddypress article.page>.entry-header .entry-title {
        font-size: 34px
    }
}

.buddypress-wrap dt.section-title {
    font-size: 18px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap dt.section-title {
        font-size: 22px
    }
}

.buddypress-wrap .bp-label-text,
.buddypress-wrap .message-threads {
    font-size: 13px
}

@media screen and (min-width:46.8em) {

    .buddypress-wrap .bp-label-text,
    .buddypress-wrap .message-threads {
        font-size: 16px
    }
}

.buddypress-wrap .activity-header {
    font-size: 13px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .activity-header {
        font-size: 16px
    }
}

.buddypress-wrap .activity-inner {
    font-size: 15px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .activity-inner {
        font-size: 18px
    }
}

.buddypress-wrap #whats-new-post-in {
    font-size: 16px
}

.buddypress-wrap .acomment-meta,
.buddypress-wrap .mini .activity-header {
    font-size: 16px
}

.buddypress-wrap .dir-component-filters #activity-filter-by {
    font-size: 13px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .dir-component-filters #activity-filter-by {
        font-size: 16px
    }
}

.buddypress-wrap .bp-tables-report th,
.buddypress-wrap .bp-tables-user th {
    font-size: 13px
}

@media screen and (min-width:46.8em) {

    .buddypress-wrap .bp-tables-report th,
    .buddypress-wrap .bp-tables-user th {
        font-size: 16px
    }
}

.buddypress-wrap .bp-tables-report td,
.buddypress-wrap .bp-tables-user td {
    font-size: 12px
}

@media screen and (min-width:46.8em) {

    .buddypress-wrap .bp-tables-report td,
    .buddypress-wrap .bp-tables-user td {
        font-size: 14px
    }
}

.buddypress-wrap .profile-fields th {
    font-size: 15px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .profile-fields th {
        font-size: 18px
    }
}

.buddypress-wrap .profile-fields td {
    font-size: 13px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .profile-fields td {
        font-size: 16px
    }
}

.buddypress-wrap #notification-select {
    font-size: 12px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap #notification-select {
        font-size: 14px
    }
}

.bp-navs {
    background: 0 0;
    clear: both;
    overflow: hidden
}

.bp-navs ul {
    margin: 0;
    padding: 0
}

.bp-navs ul li {
    list-style: none;
    margin: 0
}

.bp-navs ul li.last select {
    max-width: 185px
}

.bp-navs ul li a,
.bp-navs ul li span {
    border: 0;
    display: block;
    padding: 5px 10px;
    text-decoration: none
}

.bp-navs ul li .count {
    background: #eaeaea;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #222;
    display: inline;
    font-size: 12px;
    margin-left: 2px;
    padding: 3px 6px;
    text-align: center;
    vertical-align: middle
}

.bp-navs ul li.current a,
.bp-navs ul li.selected a {
    color: #333;
    opacity: 1
}

.bp-navs.bp-invites-filters ul li a,
.bp-navs.bp-messages-filters ul li a {
    border: 1px solid #ccc;
    display: inline-block
}

.main-navs.dir-navs {
    margin-bottom: 20px
}

.buddypress-wrap .bp-navs li a:hover a .count,
.buddypress-wrap .bp-navs li.current a .count,
.buddypress-wrap .bp-navs li.selected a .count {
    background-color: #ccc
}

.buddypress-wrap .bp-navs li:not(.current) a:focus,
.buddypress-wrap .bp-navs li:not(.current) a:hover,
.buddypress-wrap .bp-navs li:not(.selected) a:focus,
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
    background: #ccc;
    color: #333
}

.buddypress-wrap .bp-navs li.current a,
.buddypress-wrap .bp-navs li.current a:focus,
.buddypress-wrap .bp-navs li.current a:hover,
.buddypress-wrap .bp-navs li.selected a,
.buddypress-wrap .bp-navs li.selected a:focus,
.buddypress-wrap .bp-navs li.selected a:hover {
    background: #555;
    color: #fafafa
}

@media screen and (min-width:46.8em) {

    .buddypress-wrap .main-navs:not(.dir-navs) li.current a,
    .buddypress-wrap .main-navs:not(.dir-navs) li.selected a {
        background: #fff;
        color: #333;
        font-weight: 600
    }

    .buddypress-wrap .main-navs.vertical li.current a,
    .buddypress-wrap .main-navs.vertical li.selected a {
        background: #555;
        color: #fafafa;
        text-decoration: none
    }

    .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        -webkit-box-shadow: 0 2px 12px 0 #fafafa;
        -moz-box-shadow: 0 2px 12px 0 #fafafa;
        box-shadow: 0 2px 12px 0 #fafafa
    }
}

.buddypress-wrap .bp-subnavs li.current a,
.buddypress-wrap .bp-subnavs li.selected a {
    background: #fff;
    color: #333;
    font-weight: 600
}

@media screen and (max-width:46.8em) {
    .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
        background: #eaeaea
    }
}

.buddypress-wrap:not(.bp-single-vert-nav) .main-navs>ul>li>a {
    padding: .7em calc(.5em + 2px)
}

.buddypress-wrap:not(.bp-single-vert-nav) .group-subnav#subsubnav,
.buddypress-wrap:not(.bp-single-vert-nav) .user-subnav#subsubnav {
    background: 0 0
}

.buddypress-wrap .bp-subnavs {
    margin: 10px 0;
    overflow: hidden
}

.buddypress-wrap .bp-subnavs ul li {
    margin-top: 0
}

.buddypress-wrap .bp-subnavs ul li.current :focus,
.buddypress-wrap .bp-subnavs ul li.current :hover,
.buddypress-wrap .bp-subnavs ul li.selected :focus,
.buddypress-wrap .bp-subnavs ul li.selected :hover {
    background: 0 0;
    color: #333
}

.buddypress-wrap .bp-navs.bp-invites-filters#subsubnav ul li.last,
.buddypress-wrap .bp-navs.bp-invites-nav#subnav ul li.last,
.buddypress-wrap .bp-navs.bp-messages-filters#subsubnav ul li.last {
    margin-top: 0
}

@media screen and (max-width:46.8em) {
    .buddypress-wrap .single-screen-navs {
        border: 1px solid #eee
    }

    .buddypress-wrap .single-screen-navs li {
        border-bottom: 1px solid #eee
    }

    .buddypress-wrap .single-screen-navs li:last-child {
        border-bottom: none
    }

    .buddypress-wrap .bp-subnavs li a {
        font-size: 14px
    }

    .buddypress-wrap .bp-subnavs li.current a,
    .buddypress-wrap .bp-subnavs li.current a:focus,
    .buddypress-wrap .bp-subnavs li.current a:hover,
    .buddypress-wrap .bp-subnavs li.selected a,
    .buddypress-wrap .bp-subnavs li.selected a:focus,
    .buddypress-wrap .bp-subnavs li.selected a:hover {
        background: #555;
        color: #fff
    }
}

.buddypress-wrap .bp-navs li.current a .count,
.buddypress-wrap .bp-navs li.selected a .count,
.buddypress_object_nav .bp-navs li.current a .count,
.buddypress_object_nav .bp-navs li.selected a .count {
    background-color: #fff
}

.buddypress-wrap .bp-navs li.dynamic a .count,
.buddypress-wrap .bp-navs li.dynamic.current a .count,
.buddypress-wrap .bp-navs li.dynamic.selected a .count,
.buddypress_object_nav .bp-navs li.dynamic a .count,
.buddypress_object_nav .bp-navs li.dynamic.current a .count,
.buddypress_object_nav .bp-navs li.dynamic.selected a .count {
    background-color: #5087e5;
    border: 0;
    color: #fafafa
}

.buddypress-wrap .bp-navs li.dynamic a:hover .count,
.buddypress_object_nav .bp-navs li.dynamic a:hover .count {
    background-color: #5087e5;
    border: 0;
    color: #fff
}

.buddypress-wrap .bp-navs li a .count:empty,
.buddypress_object_nav .bp-navs li a .count:empty {
    display: none
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current),
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) {
    color: #767676
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a {
    color: #767676
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a:focus,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a:hover,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a:focus,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a:hover {
    background: 0 0;
    color: #333
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a[disabled]:focus,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a[disabled]:hover,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a[disabled]:focus,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a[disabled]:hover {
    color: #767676
}

.buddypress-wrap .bp-navs.group-create-links ul li.current a,
.buddypress_object_nav .bp-navs.group-create-links ul li.current a {
    text-align: center
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .bp-navs li {
        float: left
    }

    .buddypress-wrap #subsubnav .activity-search {
        float: left
    }

    .buddypress-wrap #subsubnav .filter {
        float: right
    }
}

.buddypress_object_nav .bp-navs li a .count {
    display: inline-block;
    float: right
}

@media screen and (min-width:46.8em) {
    .bp-dir-vert-nav .bp-navs.dir-navs {
        background: 0 0
    }

    .bp-dir-vert-nav .bp-navs.dir-navs a .count {
        float: right
    }
}

.buddypress-wrap .dir-component-filters .filter label {
    display: inline
}

.buddypress-wrap .subnav-filters:after,
.buddypress-wrap .subnav-filters:before {
    content: " ";
    display: table
}

.buddypress-wrap .subnav-filters:after {
    clear: both
}

.buddypress-wrap .subnav-filters {
    background: 0 0;
    list-style: none;
    margin: 15px 0;
    padding: 0
}

.buddypress-wrap .subnav-filters div {
    margin: 0
}

.buddypress-wrap .subnav-filters>ul {
    float: left;
    list-style: none
}

.buddypress-wrap .subnav-filters.bp-messages-filters ul {
    width: 100%
}

.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
    margin-bottom: 1em
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
        margin-bottom: 0
    }
}

.buddypress-wrap .subnav-filters div {
    float: none
}

.buddypress-wrap .subnav-filters div input[type=search],
.buddypress-wrap .subnav-filters div select {
    font-size: 16px
}

.buddypress-wrap .subnav-filters div button.nouveau-search-submit {
    padding: 5px .8em 6px
}

.buddypress-wrap .subnav-filters div button#user_messages_search_submit {
    padding: 7px .8em;
    width: auto
}

.buddypress-wrap .subnav-filters .component-filters {
    margin-top: 10px
}

.buddypress-wrap .subnav-filters .feed {
    margin-right: 15px
}

.buddypress-wrap .subnav-filters .last.filter label {
    display: inline
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:after,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:before {
    content: " ";
    display: table
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:after {
    clear: both
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-show {
    display: inline-block
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-hide {
    display: none
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap {
    border: 0
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:focus,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:hover {
    outline: 1px solid #d6d6d6
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions {
    float: left
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
    display: inline-block;
    font-weight: 300;
    margin-right: 25px;
    padding: 5px 0
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions div select {
    -webkit-appearance: textfield
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply {
    border: 0;
    border-radius: none;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 0 0 10px;
    padding: 3px 5px;
    text-align: center;
    text-transform: none;
    width: auto
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply span {
    vertical-align: middle
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions input {
    margin-left: .5em
}

@media screen and (min-width:32em) {
    .buddypress-wrap .subnav-filters li {
        margin-bottom: 0
    }

    .buddypress-wrap .subnav-filters .bp-search,
    .buddypress-wrap .subnav-filters .dir-search,
    .buddypress-wrap .subnav-filters .feed,
    .buddypress-wrap .subnav-filters .group-act-search,
    .buddypress-wrap .subnav-filters .group-invites-search,
    .buddypress-wrap .subnav-filters .subnav-search,
    .buddypress-wrap .subnav-filters .subnav-search form,
    .buddypress-wrap .subnav-filters .user-messages-bulk-actions {
        float: left
    }

    .buddypress-wrap .subnav-filters .component-filters,
    .buddypress-wrap .subnav-filters .last {
        float: right;
        margin-top: 0;
        margin-left: 0;
        width: auto
    }

    .buddypress-wrap .subnav-filters .component-filters select,
    .buddypress-wrap .subnav-filters .last select {
        max-width: 250px
    }
}

.buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
    border: 0;
    border-radius: 0;
    line-height: 1.6
}

.buddypress-wrap .group-subnav-filters .group-invites-search {
    margin-bottom: 1em
}

.buddypress-wrap .group-subnav-filters .last {
    text-align: center
}

@media screen and (max-width:32em) {
    .buddypress-wrap .subnav-filters .grid-filters {
        margin-top: 10px
    }
}

@media screen and (min-width:32em) {
    .buddypress-wrap .subnav-filters .grid-filters {
        float: right;
        padding: 0
    }
}

.buddypress-wrap .grid-filters {
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    height: 36px
}

.buddypress-wrap .grid-filters a {
    border-bottom: 0;
    color: #ccc;
    padding: 0 6px;
    line-height: 36px
}

.buddypress-wrap .grid-filters a i {
    font-size: 20px
}

.buddypress-wrap .grid-filters a,
.buddypress-wrap .grid-filters a:active,
.buddypress-wrap .grid-filters a:focus {
    outline: 0
}

.buddypress-wrap .grid-filters a i {
    vertical-align: middle
}

.buddypress-wrap .grid-filters a.active {
    color: #222
}

a.layout-grid-view {
    border-right: 1px solid #eee
}

.flex.bp-secondary-header.align-items-center>.push-right.flex .no-ajax:last-child div div div {
    margin-right: 0
}

.buddypress-wrap .bp-pagination {
    background: 0 0;
    border: 0;
    color: #767676;
    float: left;
    font-size: small;
    margin: 0;
    padding: .7em 0;
    position: relative;
    width: 100%
}

.buddypress-wrap .bp-pagination .pag-count {
    float: left
}

.buddypress-wrap .bp-pagination .bp-pagination-links {
    float: right;
    margin-right: 10px
}

.buddypress-wrap .bp-pagination .bp-pagination-links a,
.buddypress-wrap .bp-pagination .bp-pagination-links span {
    font-size: small;
    padding: 0 5px
}

.buddypress-wrap .bp-pagination .bp-pagination-links a:focus,
.buddypress-wrap .bp-pagination .bp-pagination-links a:hover {
    opacity: 1
}

.buddypress-wrap .bp-pagination p {
    margin: 0
}

.bp-list:after,
.bp-list:before {
    content: " ";
    display: table
}

.bp-list:after {
    clear: both
}

.bp-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    list-style: none;
    margin: 20px 0;
    padding: .7em 0;
    width: 100%
}

.bp-list li:after,
.bp-list li:before {
    content: " ";
    display: table
}

.bp-list li:after {
    clear: both
}

.bp-list>li {
    border-bottom: 1px solid #eaeaea
}

.bp-list li {
    list-style: none;
    margin: 10px 0;
    padding: .7em 0;
    position: relative
}

.bp-list li .item-avatar {
    text-align: center
}

.bp-list li .item-avatar img.avatar {
    display: inline
}

.bp-list li .item .group-details,
.bp-list li .item .item-avatar,
.bp-list li .item .item-meta,
.bp-list li .item .list-title {
    text-align: center
}

.bp-list li .item .list-title {
    clear: none;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 auto
}

@media screen and (min-width:46.8em) {
    .bp-list li .item .list-title {
        font-size: 26px
    }
}

.bp-list li .item-meta,
.bp-list li .meta {
    color: #737373;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px
}

.bp-list li .last-post {
    text-align: center
}

.bp-list li .action {
    margin: 0;
    text-align: center
}

.bp-list li .action .generic-button {
    display: inline-block;
    font-size: 12px;
    margin: 0 10px 0 0
}

.bp-list li .action div.generic-button {
    margin: 10px 0
}

@media screen and (min-width:46.8em) {
    .bp-list li .item-avatar {
        float: left;
        margin-right: 5%
    }

    .bp-list li .item {
        margin: 0;
        overflow: hidden
    }

    .bp-list li .item .item-meta,
    .bp-list li .item .list-title {
        float: none;
        text-align: left
    }

    .bp-list li .item .group-details,
    .bp-list li .item .last-post {
        text-align: left
    }

    .bp-list li .group-desc,
    .bp-list li .last-post,
    .bp-list li .user-update {
        clear: none;
        overflow: hidden;
        width: auto
    }

    .bp-list li .action {
        clear: left;
        padding: 0;
        text-align: left
    }

    .bp-list li .action li.generic-button {
        margin-right: 0
    }

    .bp-list li .action div.generic-button {
        margin: 0 0 10px
    }

    .bp-list li .generic-button {
        display: block;
        margin: 0 0 5px 0
    }
}

@media screen and (min-width:32em) {
    #activity-stream {
        clear: both;
        padding-top: 1em
    }
}

.activity-list.bp-list {
    background: #fafafa;
    border: 1px solid #eee
}

.activity-list.bp-list .activity-item {
    background: #fff;
    border: 1px solid #b7b7b7;
    -webkit-box-shadow: 0 0 6px #d2d2d2;
    -moz-box-shadow: 0 0 6px #d2d2d2;
    box-shadow: 0 0 6px #d2d2d2;
    margin: 20px 0
}

.activity-list.bp-list li:first-child {
    margin-top: 0
}

.friends-list {
    list-style-type: none
}

.friends-request-list .item-title,
.membership-requests-list .item-title {
    text-align: center
}

@media screen and (min-width:46.8em) {

    .friends-request-list li,
    .membership-requests-list li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        -o-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .friends-request-list li .item,
    .membership-requests-list li .item {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        -o-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .friends-request-list li .action,
    .membership-requests-list li .action {
        text-align: right
    }

    .friends-request-list li .item-title,
    .membership-requests-list li .item-title {
        font-size: 22px;
        text-align: left
    }

    .friends-request-list li .item-title h3,
    .membership-requests-list li .item-title h3 {
        margin: 0
    }
}

#notifications-user-list {
    clear: both;
    padding-top: 1em
}

#notifications-user-list .bb-sort-by-date .notifications-order-actions a .bb-icon {
    width: 20px;
    text-align: center
}

@media screen and (min-width:46.8em) {
    body:not(.logged-in) .bp-list .item {
        margin-right: 0
    }
}

.activity-permalink .item-list,
.activity-permalink .item-list li.activity-item {
    border: 0
}

.item-body .activity-update-form .activity-form {
    margin: 0;
    padding: 0
}

.activity-update-form #whats-new-post-in-box {
    margin: 16px 0
}

.bp-nouveau-activity-form-placeholder- {
    display: none
}

.activity-update-form,
.bp-nouveau-activity-form-placeholder- {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 0 6px #eee;
    -moz-box-shadow: inset 0 0 6px #eee;
    box-shadow: inset 0 0 6px #eee;
    margin: 15px 0
}

.activity-update-form #whats-new-form-placeholder,
.activity-update-form #whats-new-form.activity-form,
.bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder,
.bp-nouveau-activity-form-placeholder- #whats-new-form.activity-form {
    position: relative
}

.activity-update-form #whats-new-avatar,
.bp-nouveau-activity-form-placeholder- #whats-new-avatar {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 0
}

.activity-update-form #whats-new-avatar img,
.bp-nouveau-activity-form-placeholder- #whats-new-avatar img {
    box-shadow: none;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.activity-update-form .activity-post-avatar,
.bp-nouveau-activity-form-placeholder- .activity-post-avatar {
    display: inline-block
}

.activity-update-form #whats-new,
.activity-update-form #whats-new-placeholder,
.bp-nouveau-activity-form-placeholder- #whats-new,
.bp-nouveau-activity-form-placeholder- #whats-new-placeholder {
    outline: 0;
    box-shadow: none;
    min-height: 80px;
    overflow: hidden;
    padding: 10px;
    resize: none !important
}

.activity-update-form #whats-new-content,
.activity-update-form #whats-new-content-placeholder,
.bp-nouveau-activity-form-placeholder- #whats-new-content,
.bp-nouveau-activity-form-placeholder- #whats-new-content-placeholder {
    padding: 0
}

.activity-update-form #whats-new-attachments,
.bp-nouveau-activity-form-placeholder- #whats-new-attachments {
    padding: 10px
}

.activity-update-form #whats-new-elements-buttons,
.bp-nouveau-activity-form-placeholder- #whats-new-elements-buttons {
    margin: 1em 0
}

.activity-update-form #whats-new-elements-buttons ul,
.bp-nouveau-activity-form-placeholder- #whats-new-elements-buttons ul {
    list-style: none
}

.activity-update-form #whats-new-elements-buttons ul li,
.bp-nouveau-activity-form-placeholder- #whats-new-elements-buttons ul li {
    display: inline-block
}

.activity-update-form.modal-popup,
.bp-nouveau-activity-form-placeholder-.modal-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    background-color: rgba(250, 251, 253, .9);
    box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1);
    z-index: 9999901;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 100%;
    overflow: auto
}

.activity-update-form.modal-popup .edit-activity-content-wrap,
.bp-nouveau-activity-form-placeholder-.modal-popup .edit-activity-content-wrap {
    max-height: calc(100vh - 230px);
    overflow: auto
}

.activity-update-form.modal-popup #whats-new-form #whats-new-toolbar,
.bp-nouveau-activity-form-placeholder-.modal-popup #whats-new-form #whats-new-toolbar {
    padding-top: 10px
}

.activity-update-form.modal-popup #whats-new-form,
.bp-nouveau-activity-form-placeholder-.modal-popup #whats-new-form {
    width: 700px;
    max-width: 90%;
    margin: auto;
    border: 1px solid #d2d4d6;
    box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1)
}

.activity-update-form.modal-popup .gif-media-search-dropdown,
.bp-nouveau-activity-form-placeholder-.modal-popup .gif-media-search-dropdown {
    top: initial;
    bottom: 30px
}

.activity-update-form.modal-popup .gif-media-search-dropdown:before,
.bp-nouveau-activity-form-placeholder-.modal-popup .gif-media-search-dropdown:before {
    top: initial;
    bottom: -11px;
    border-color: transparent transparent #fff #fff
}

.activity-update-form.modal-popup .gif-media-search-dropdown .gif-search-results,
.bp-nouveau-activity-form-placeholder-.modal-popup .gif-media-search-dropdown .gif-search-results {
    min-height: 200px;
    max-height: 200px
}

.activity-update-form.modal-popup .emojionearea .emojionearea-picker,
.bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker {
    top: inherit;
    bottom: 100%;
    margin-bottom: 10px;
    height: 230px;
    z-index: 999
}

.activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper,
.bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper {
    height: 230px
}

.activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper .emojionearea-scroll-area,
.bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper .emojionearea-scroll-area {
    height: 150px
}

.activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper:after,
.bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    bottom: -9px;
    top: inherit;
    transform: rotate(180deg)
}

.activity-update-form.modal-popup .bp-activity-edit.loading,
.bp-nouveau-activity-form-placeholder-.modal-popup .bp-activity-edit.loading {
    text-align: center
}

.activity-update-form.modal-popup .bp-activity-edit.loading #whats-new-content,
.bp-nouveau-activity-form-placeholder-.modal-popup .bp-activity-edit.loading #whats-new-content {
    position: relative
}

.activity-update-form.modal-popup .bp-activity-edit.loading #whats-new-content:after,
.bp-nouveau-activity-form-placeholder-.modal-popup .bp-activity-edit.loading #whats-new-content:after {
    content: "\e838";
    font: normal normal 400 22px/1 bb-icons;
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    color: #939597;
    animation: spin 2s infinite linear;
    position: absolute;
    top: 15px
}

.activity-update-form.modal-popup .dropzone .dz-preview.dz-complete .dz-progress,
.bp-nouveau-activity-form-placeholder-.modal-popup .dropzone .dz-preview.dz-complete .dz-progress {
    display: none
}

.activity-update-form.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete .dz-filename,
.bp-nouveau-activity-form-placeholder-.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete .dz-filename {
    color: #4d5c6d
}

.activity-update-form.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview,
.bp-nouveau-activity-form-placeholder-.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview {
    background-color: #f0f3f7
}

.activity-update-form.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete .dz-details,
.bp-nouveau-activity-form-placeholder-.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete .dz-details {
    min-height: 120px
}

.activity-update-form.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete .dz-details .dz-size,
.bp-nouveau-activity-form-placeholder-.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete .dz-details .dz-size {
    display: block !important
}

.activity-update-form.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete.dz-has-thumbnail .dz-filename,
.activity-update-form.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete.dz-has-thumbnail .dz-size,
.bp-nouveau-activity-form-placeholder-.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete.dz-has-thumbnail .dz-filename,
.bp-nouveau-activity-form-placeholder-.modal-popup #activity-post-video-uploader.dropzone .dz-preview.dz-complete.dz-has-thumbnail .dz-size {
    color: #fff
}

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

    #buddypress .activity-update-form.modal-popup.activity-update-form.group-activity .focus-in #whats-new-content .medium-editor-toolbar,
    #buddypress .bp-nouveau-activity-form-placeholder-.modal-popup.activity-update-form.group-activity .focus-in #whats-new-content .medium-editor-toolbar {
        bottom: 111px
    }
}

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

    #buddypress>.activity-update-form.modal-popup.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar,
    #buddypress>.bp-nouveau-activity-form-placeholder-.modal-popup.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar {
        bottom: 112px
    }
}

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

    #buddypress>.activity-update-form.modal-popup.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar,
    #buddypress>.bp-nouveau-activity-form-placeholder-.modal-popup.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar {
        bottom: 146px
    }

    #buddypress .activity-update-form.modal-popup.activity-update-form.group-activity .focus-in #whats-new-content .medium-editor-toolbar,
    #buddypress .bp-nouveau-activity-form-placeholder-.modal-popup.activity-update-form.group-activity .focus-in #whats-new-content .medium-editor-toolbar {
        bottom: 146px
    }
}

.atwho-container .atwho-view {
    z-index: 999999
}

#whats-new-toolbar {
    padding: 10px
}

#whats-new-messages-toolbar,
#whats-new-toolbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar {
    top: inherit;
    bottom: 6px;
    left: 39px;
    visibility: hidden;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
    transition: all ease .3s;
    height: 0;
    right: 0;
    overflow: hidden;
    border-radius: 0
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar.active,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active {
    display: block;
    border-radius: 0;
    z-index: 112;
    opacity: 1;
    visibility: visible;
    bottom: 12px;
    height: 40px
}

div .bbp-reply-form #whats-new-toolbar .medium-editor-toolbar.active,
div .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active {
    bottom: 12px
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar.medium-editor-toolbar-active,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.medium-editor-toolbar-active {
    opacity: 1
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions {
    background-color: transparent;
    height: auto
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
    padding-right: 6px
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button {
    box-shadow: none;
    padding: 10px 10px 10px 0;
    min-width: 30px;
    border: 0;
    background-color: transparent !important;
    color: rgba(18, 43, 70, .4) !important
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
    color: #122b46 !important;
    background: none transparent !important
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close {
    padding-right: 0
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
    width: 210px;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #dedfe2;
    color: #4d5c6d
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
    color: #4d5c6d
}

.activity-update-form #whats-new-content .medium-editor-toolbar {
    top: inherit;
    bottom: 56px;
    left: 39px;
    visibility: hidden;
    z-index: 99;
    background-color: #fff;
    transition: all ease .3s;
    height: 0;
    right: 0;
    overflow: hidden;
    display: none
}

.activity-update-form #whats-new-content .medium-editor-toolbar.active {
    border-radius: 0;
    z-index: 112;
    visibility: visible;
    bottom: 0;
    height: 44px
}

div .activity-update-form #whats-new-content .medium-editor-toolbar.active {
    bottom: 58px
}

.activity-update-form #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions {
    background-color: transparent
}

.activity-update-form #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
    padding-right: 6px
}

.activity-update-form #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions button {
    box-shadow: none;
    padding: 10px 10px 10px 0;
    min-width: 30px;
    border: 0;
    background-color: transparent !important;
    color: rgba(18, 43, 70, .4) !important
}

.activity-update-form #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
    color: #122b46 !important;
    background: none transparent !important
}

.activity-update-form #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close {
    padding-right: 0
}

.activity-update-form #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
    width: 210px;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #dedfe2;
    color: #4d5c6d
}

.activity-update-form #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
    color: #4d5c6d
}

.activity-update-form #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-form-active {
    position: absolute;
    bottom: -6px;
    box-shadow: none
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar {
    visibility: visible;
    height: 44px;
    left: 0;
    opacity: 1;
    border-radius: 0
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions {
    opacity: .4
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions li,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions li {
    pointer-events: none
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions {
    opacity: 1
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li {
    pointer-events: auto
}

.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar {
    bottom: 58px
}

.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar {
    bottom: -24px;
    left: -15px
}

.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar {
    display: block
}

#whats-new-textarea [contenteditable=true]:empty:before,
#whats-new-textarea-placeholder [contenteditable=true]:empty:before {
    content: attr(placeholder);
    color: #bbb;
    cursor: text;
    display: block
}

#activity-form-submit-wrapper {
    border-top: 1px solid #ddd;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0 10px
}

#whats-new-post-in-box {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

#whats-new-post-in-box #activity-autocomplete {
    font-size: 15px;
    padding: 2px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#whats-new-post-in-box-items {
    list-style: none;
    position: relative
}

#whats-new-post-in-box-items li {
    margin-bottom: 10px
}

#whats-new-post-in-box-items .bp-activity-object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 10px
}

#whats-new-post-in-box-items .bp-activity-object .avatar {
    width: 24px
}

#whats-new-post-in-box-items .bp-activity-object .bp-item-name {
    font-size: 16px;
    padding-left: 10px;
    vertical-align: middle
}

#whats-new-post-in-box-items .bp-activity-object:focus,
#whats-new-post-in-box-items .bp-activity-object:hover {
    background: #eaeaea;
    cursor: pointer
}

#whats-new-post-in-box-items .bp-activity-object.selected {
    border: 1px solid #d6d6d6;
    padding: 0
}

#whats-new-post-in-box-items .bp-activity-object button.bp-remove-item {
    padding: 0;
    border: 0;
    background: 0 0;
    font-size: 17px;
    margin: 0 6px
}

#whats-new-post-in {
    margin-right: 10px
}

#bp-activity-group-ac-items {
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    min-width: 200px;
    max-height: 290px;
    overflow: auto;
    padding: 5px 0;
    position: absolute;
    width: 100%;
    z-index: 11
}

#bp-activity-group-ac-items:empty {
    display: none
}

#bp-activity-group-ac-items>.dashicons {
    display: block;
    margin: 5px auto
}

#whats-new-submit {
    margin: 10px 0 10px auto;
    display: flex;
    flex-flow: row-reverse
}

#whats-new-submit input {
    font-size: 14px;
    line-height: 1
}

#activity-post-form-privacy {
    line-height: 1
}

.bp-activity-privacy {
    font-size: 16px
}

.bb-document-privacy-wrap,
.bb-media-privacy-wrap {
    display: inline-block;
    position: relative
}

.bb-document-privacy-wrap .privacy-wrap,
.bb-media-privacy-wrap .privacy-wrap {
    display: inline-block
}

.bb-document-privacy-wrap .privacy,
.bb-media-privacy-wrap .privacy {
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 1
}

.bb-document-privacy-wrap .privacy:before,
.bb-media-privacy-wrap .privacy:before {
    content: "\e819";
    font-family: bb-icons;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block
}

.bb-document-privacy-wrap .privacy:after,
.bb-media-privacy-wrap .privacy:after {
    content: "\e826";
    font-family: bb-icons;
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1
}

.bb-document-privacy-wrap .privacy.no-change:after,
.bb-media-privacy-wrap .privacy.no-change:after {
    display: none
}

.bb-document-privacy-wrap .privacy.onlyme:before,
.bb-media-privacy-wrap .privacy.onlyme:before {
    content: "\e95f"
}

.bb-document-privacy-wrap .privacy.loggedin:before,
.bb-media-privacy-wrap .privacy.loggedin:before {
    content: "\e95d"
}

.bb-document-privacy-wrap .privacy.friends:before,
.bb-media-privacy-wrap .privacy.friends:before {
    content: "\e95e"
}

.bb-document-privacy-wrap .privacy.loading:before,
.bb-media-privacy-wrap .privacy.loading:before {
    content: "\e838";
    animation: spin 2s infinite linear
}

.bb-document-privacy-wrap .activity-privacy,
.bb-media-privacy-wrap .activity-privacy {
    display: none;
    margin: 0;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    padding: 5px 0;
    min-width: 200px;
    left: -20px;
    top: 35px;
    z-index: 119
}

.bb-document-privacy-wrap .activity-privacy:before,
.bb-media-privacy-wrap .activity-privacy:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 20px;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 1002
}

.bb-document-privacy-wrap .activity-privacy li,
.bb-media-privacy-wrap .activity-privacy li {
    cursor: pointer;
    line-height: 1;
    margin: 0;
    padding: 10px 14px;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1px
}

.bb-document-privacy-wrap .activity-privacy li:hover,
.bb-media-privacy-wrap .activity-privacy li:hover {
    background: #f5f5f5
}

.bb-document-privacy-wrap .activity-privacy .selected,
.bb-media-privacy-wrap .activity-privacy .selected {
    background: #f5f5f5
}

.bb-document-privacy-wrap .activity-privacy.bb-open,
.bb-media-privacy-wrap .activity-privacy.bb-open {
    display: block
}

.activity-privacy>li a {
    color: #7f868f
}

.activity-privacy>li:before {
    content: "\e90d";
    font-family: bb-icons;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center
}

.activity-privacy>li.public:before {
    content: "\e819"
}

.activity-privacy>li.onlyme:before {
    content: "\e95f"
}

.activity-privacy>li.loggedin:before {
    content: "\e95d"
}

.activity-privacy>li.friends:before {
    content: "\e95e"
}

.activity-privacy>li.bb-edit-privacy:before {
    display: none
}

.activity-privacy>li.bb-edit-privacy a:before {
    content: "\e90d";
    font-family: bb-icons;
    font-size: 16px;
    margin-right: 10px;
    width: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: bottom
}

.activity-privacy>li.bb-edit-privacy.public a:before {
    content: "\e960"
}

.activity-privacy>li.bb-edit-privacy.onlyme a:before {
    content: "\e95f"
}

.activity-privacy>li.bb-edit-privacy.loggedin a:before {
    content: "\e95d"
}

.activity-privacy>li.bb-edit-privacy.friends a:before {
    content: "\e95e"
}

.bb-media-model-container .bb-media-privacy-wrap .activity-privacy {
    left: auto;
    right: -20px
}

.bb-media-model-container .bb-media-privacy-wrap .activity-privacy:before {
    left: auto;
    right: 44px
}

.gif-media-search {
    position: relative;
    max-width: 400px
}

div[class*=attached-gif-container] {
    position: relative
}

div[class*=attached-gif-container] .gif-image-remove {
    border-radius: 10px;
    cursor: pointer;
    height: 16px;
    right: 5px;
    top: 5px;
    width: 16px;
    background-color: #f8f8f8
}

div[class*=attached-gif-container] .gif-image-overlay {
    color: #9ea8b3;
    margin-top: 0;
    position: absolute
}

div[class*=attached-gif-container] .gif-image-overlay .bb-icon-close {
    font-size: 17px;
    vertical-align: top
}

div[class*=attached-gif-container] .gif-player {
    position: relative;
    max-width: 480px
}

div[class*=attached-gif-container] .gif-player video {
    margin: 0;
    max-width: 100%
}

div[class*=attached-gif-container] .gif-play-button {
    height: 80px;
    width: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 50%;
    margin-top: -40px
}

div[class*=attached-gif-container] .gif-play-button .bb-icon-play-thin {
    font-size: 80px;
    width: 80px;
    height: 80px;
    margin: 0;
    padding: 0
}

div[class*=attached-gif-container] .gif-icon {
    background: url(/wp-content/plugins/buddyboss-platform/bp-templates/bp-nouveau/images/gif-symbol.png) bottom left no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 30px;
    left: 10px;
    background-size: 40px 30px;
    max-width: 40px;
    max-height: 30px
}

.gif-media-search-dropdown {
    position: absolute;
    top: 100%;
    z-index: 99;
    display: none;
    margin: 10px 0 0 -16px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    padding-bottom: 10px
}

.gif-media-search-dropdown.open {
    display: block;
    width: 300px
}

.gif-media-search-dropdown:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    margin: 0 auto;
    left: 20px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    transition: all linear .2s;
    z-index: 101
}

@media screen and (min-width:768px) {
    .gif-media-search-dropdown.open {
        width: 360px
    }
}

.gif-search-query {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    position: relative;
    padding: 10px;
    margin: 0
}

.gif-search-content .gif-search-results {
    padding: 0 10px;
    overflow: auto;
    min-height: 280px;
    max-height: 380px
}

.gif-search-content .gif-search-results ul {
    columns: 2 auto;
    column-gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none
}

.gif-search-content .gif-search-results ul li {
    margin: 0 0 4px;
    padding: 0
}

.gif-search-content .gif-search-results ul .bg1 {
    background: #e0245e
}

.gif-search-content .gif-search-results ul .bg2 {
    background: #f45d22
}

.gif-search-content .gif-search-results ul .bg3 {
    background: #ffad1f
}

.gif-search-content .gif-search-results ul .bg4 {
    background: #17bf63
}

.gif-search-content .gif-search-results ul .bg5 {
    background: #1c94e0
}

.gif-search-content .gif-search-results ul .bg6 {
    background: #794bc4
}

.found-media-item img {
    width: 100%;
    height: 100%;
    min-width: 100%
}

input.search-query-input {
    width: 100%
}

#content .toolbar-button {
    box-shadow: none
}

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

    .activity-update-form .activity-form.focus-in #whats-new-content .medium-editor-toolbar-actions button,
    .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar-actions button {
        padding: 10px 5px 10px 0
    }

    .activity-update-form .activity-form.focus-in #whats-new-content .medium-editor-toolbar-actions button.medium-editor-button-first,
    .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
        padding-left: 5px !important
    }

    .activity-update-form .activity-form.focus-in #whats-new-content .medium-editor-toolbar.active {
        opacity: 1
    }
}

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

    .activity-update-form .activity-form.focus-in #whats-new-content .medium-editor-toolbar-actions button,
    .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar-actions button {
        padding: 10px 0
    }

    .activity-update-form .activity-form.focus-in #whats-new-content .medium-editor-toolbar-form .medium-editor-toolbar-input,
    .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
        max-width: calc(100% - 90px);
        width: auto
    }
}

@media screen and (max-width:603px) {
    #buddypress>.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar {
        bottom: 109px
    }

    div #buddypress>.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar.active {
        bottom: 109px
    }

    .buddypress #buddypress.buddypress-wrap>.activity-update-form.media-off #whats-new-content .medium-editor-toolbar {
        bottom: 109px
    }
}

@media screen and (max-width:560px) {
    #buddypress .activity-update-form .focus-in #whats-new-content .medium-editor-toolbar {
        bottom: 112px
    }

    div #buddypress .activity-update-form .focus-in #whats-new-content .medium-editor-toolbar.active {
        bottom: 112px
    }

    .buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar {
        bottom: 111px
    }

    .groups.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar {
        bottom: 58px
    }

    .buddypress #buddypress.buddypress-wrap>.activity-update-form.media-off #whats-new-content .medium-editor-toolbar {
        bottom: 143px
    }

    .bp_group #buddypress .activity-update-form .focus-in #whats-new-content .medium-editor-toolbar {
        bottom: 58px
    }

    div .bp_group #buddypress .activity-update-form .focus-in #whats-new-content .medium-editor-toolbar.active {
        bottom: 58px
    }

    #buddypress>.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar {
        bottom: 146px
    }

    div #buddypress>.activity-update-form .focus-in #whats-new-content .medium-editor-toolbar.active {
        bottom: 146px
    }
}

.activity-list {
    padding: .7em
}

.activity-list .activity-item:after,
.activity-list .activity-item:before {
    content: " ";
    display: table
}

.activity-list .activity-item:after {
    clear: both
}

.activity-list .activity-item {
    list-style: none;
    padding: 1em
}

.activity-list .activity-item.has-comments {
    padding-bottom: 1em
}

.activity-list .activity-item div.item-avatar {
    margin: 0 auto;
    text-align: center;
    width: auto
}

.activity-list .activity-item div.item-avatar img {
    height: auto;
    max-width: 40%
}

@media screen and (min-width:46.8em) {
    .activity-list .activity-item div.item-avatar {
        margin: 0 2% 0 0;
        text-align: left;
        width: 15%
    }

    .activity-list .activity-item div.item-avatar img {
        max-width: 80%
    }
}

.activity-list .activity-item.mini {
    font-size: 13px;
    position: relative
}

.activity-list .activity-item.mini .activity-avatar {
    margin-left: auto;
    text-align: center;
    width: auto
}

.activity-list .activity-item.mini .activity-avatar img.FB_profile_pic,
.activity-list .activity-item.mini .activity-avatar img.avatar {
    max-width: 15%
}

@media screen and (min-width:46.8em) {
    .activity-list .activity-item.mini .activity-avatar {
        margin-left: 15px;
        text-align: left;
        width: 15%
    }

    .activity-list .activity-item.mini .activity-avatar img.FB_profile_pic,
    .activity-list .activity-item.mini .activity-avatar img.avatar {
        max-width: 60%
    }
}

.activity-list .activity-item.new_forum_post .activity-inner,
.activity-list .activity-item.new_forum_topic .activity-inner {
    border-left: 2px solid #eaeaea;
    margin-left: 10px;
    padding-left: 1em
}

.activity-list .activity-item.newest_blogs_activity,
.activity-list .activity-item.newest_friends_activity,
.activity-list .activity-item.newest_groups_activity,
.activity-list .activity-item.newest_mentions_activity {
    background: rgba(31, 179, 221, .1)
}

.activity-list .activity-item .activity-inreplyto {
    color: #767676;
    font-size: 13px
}

.activity-list .activity-item .activity-inreplyto>p {
    display: inline;
    margin: 0
}

.activity-list .activity-item .activity-inreplyto .activity-inner,
.activity-list .activity-item .activity-inreplyto blockquote {
    background: 0 0;
    border: 0;
    display: inline;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.activity-list .activity-item .activity-header {
    margin: 0 auto;
    width: 80%
}

.activity-list .activity-item .activity-header a,
.activity-list .activity-item .activity-header img {
    display: inline
}

.activity-list .activity-item .activity-header .avatar {
    display: inline-block;
    margin: 0 5px;
    vertical-align: bottom
}

.activity-list .activity-item .activity-header .time-since {
    font-size: 14px;
    color: #767676;
    text-decoration: none
}

.activity-list .activity-item .activity-header .time-since:hover {
    color: #767676;
    cursor: pointer;
    text-decoration: underline
}

.activity-list .activity-item .activity-header .activity-to {
    visibility: hidden;
    display: inline-block;
    white-space: nowrap;
    width: 1em
}

.activity-list .activity-item .activity-header .activity-to:before {
    font-family: dashicons;
    vertical-align: middle;
    content: "\f344";
    visibility: visible
}

@media screen and (min-width:55em) {
    .activity-list .activity-item .activity-header .activity-to:before {
        font-size: 15px
    }
}

.activity-list .activity-item .activity-header .activity-time-since:before {
    content: "\00b7 ";
    color: #767676;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle
}

.activity-list .activity-item .activity-content .activity-header,
.activity-list .activity-item .activity-content .comment-header {
    color: #767676;
    margin-bottom: 10px
}

.activity-list .activity-item .activity-content p {
    margin: 0
}

.activity-list .activity-item .activity-content .activity-state {
    display: none;
    font-size: 12px;
    clear: both
}

.activity-list .activity-item .activity-content .activity-state .ac-state-separator,
.activity-list .activity-item .activity-content .activity-state .activity-state-comments,
.activity-list .activity-item .activity-content .activity-state .activity-state-likes {
    display: none
}

.activity-list .activity-item .activity-content .activity-state a {
    border: 0;
    padding: 0
}

.activity-list .activity-item .activity-content .activity-state.has-likes .activity-state-likes {
    display: inline-block
}

.activity-list .activity-item .activity-content .activity-state.has-comments .activity-state-comments {
    display: inline-block
}

.activity-list .activity-item .activity-content .activity-state.has-comments,
.activity-list .activity-item .activity-content .activity-state.has-likes {
    display: block
}

.activity-list .activity-item .activity-content .activity-state.has-likes.has-comments .ac-state-separator {
    display: inline-block
}

.activity-list .activity-item .activity-inner p {
    word-break: break-word
}

.activity-list .activity-item .activity-read-more {
    margin-left: 1em;
    white-space: nowrap
}

.activity-list .activity-item ul.activity-meta {
    margin: 0;
    padding-left: 0
}

.activity-list .activity-item ul.activity-meta li {
    border: 0;
    display: inline-block
}

.activity-list .activity-item .bp-generic-meta.action {
    border: 1px solid transparent;
    background: #fafafa;
    padding: 2px;
    position: relative;
    text-align: left
}

.activity-list .activity-item .bp-generic-meta.action div.generic-button {
    margin: 0
}

.activity-list .activity-item .bp-generic-meta.action .button {
    background: 0 0
}

.activity-list .activity-item .bp-generic-meta.action a {
    padding: 4px 8px
}

.activity-list .activity-item .bp-generic-meta.action .button:focus,
.activity-list .activity-item .bp-generic-meta.action .button:hover {
    background: 0 0
}

.activity-list .activity-item .bp-generic-meta.action .button:before,
.activity-list .activity-item .bp-generic-meta.action .icons:before {
    font-family: bb-icons;
    font-size: 18px;
    vertical-align: middle
}

.activity-list .activity-item .bp-generic-meta.action .acomment-reply.button:before {
    content: "\e80b"
}

.activity-list .activity-item .bp-generic-meta.action .view:before {
    content: "\e80b"
}

.activity-list .activity-item .bp-generic-meta.action .fav:before {
    content: "\e815"
}

.activity-list .activity-item .bp-generic-meta.action .unfav:before {
    content: "\e815";
    color: #0061ac
}

.activity-list .activity-item .bp-generic-meta.action .edit-activity:before {
    content: "\e80c";
    font-size: 17px !important
}

.activity-list .activity-item .bp-generic-meta.action .delete-activity:before {
    content: "\eaea"
}

.activity-list .activity-item .bp-generic-meta.action .report-content:before,
.activity-list .activity-item .bp-generic-meta.action .reported-content:before {
    content: "\e972";
    position: relative;
    font-size: 19px;
    width: 22px;
    display: inline-block;
    line-height: 1
}

.activity-list .activity-item .bp-generic-meta.action .reported-content {
    opacity: .8 !important;
    pointer-events: none
}

.activity-list .activity-item .bp-generic-meta.action .spam-activity:before {
    content: "\e8c9"
}

.activity-list .activity-item .bp-generic-meta.action .delete-activity:hover {
    color: #800
}

.activity-list .activity-item .bp-generic-meta.action .button {
    border: 0;
    box-shadow: none
}

.activity-list .activity-item .bp-generic-meta.action .button span {
    background: 0 0;
    font-weight: 600
}

.activity-list .activity-item .bp-generic-meta.action .unfav .like-count {
    color: #0061ac
}

#buddypress .activity-list .comment-item .bp-generic-meta.action a.report-content.button span,
#buddypress .activity-list .comment-item .bp-generic-meta.action a.report-content.button:hover span,
#buddypress .activity-list .comment-item .bp-generic-meta.action a.reported-content.button span,
#buddypress .activity-list .comment-item .bp-generic-meta.action a.reported-content.button:hover span {
    font-weight: 500;
    font-size: 12px;
    color: #939597;
    vertical-align: middle
}

.activity-list .comment-item .bp-generic-meta.action a.report-content.button:before,
.activity-list .comment-item .bp-generic-meta.action a.reported-content.button:before {
    display: none
}

.activity-list .bp-activity-head {
    margin-right: 25px
}

.activity-list .bb-activity-more-options-wrap {
    position: absolute;
    right: 15px;
    top: 20px
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action {
    padding: 5px;
    display: flex;
    cursor: pointer
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action i {
    font-size: 22px;
    color: #939597
}

.bb-media-model-container .activity-list .bb-activity-more-options-wrap {
    float: right;
    position: relative;
    right: initial;
    top: initial
}

.bb-media-model-container .activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action[data-balloon][data-balloon-pos=up]:after {
    margin-right: 11px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
    left: inherit;
    bottom: inherit
}

.bb-media-model-container .activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action[data-balloon][data-balloon-pos=up]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba( 18,43,70,0.95 )%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    transform: translate(0, -50%) rotate(180deg);
    left: inherit;
    bottom: inherit;
    display: inline-block;
    width: 6px;
    height: 18px;
    margin-right: -5px;
    right: 100%;
    top: 100%;
    margin-top: 3px
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options {
    position: absolute;
    top: 20px;
    right: 4px;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    width: 198px;
    padding: 5px 0;
    display: none;
    z-index: 11
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options.is_visible {
    display: block
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    margin: 0 auto;
    right: 8px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    z-index: 101
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options p {
    margin: 0
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button {
    width: 100%
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a {
    margin: 0;
    display: block;
    text-align: left;
    opacity: 1;
    font-size: 13px;
    letter-spacing: -.24px;
    width: 100%;
    text-transform: none;
    font-weight: 400;
    min-height: auto;
    border-radius: 0;
    padding: 10px 14px;
    color: #7f868f;
    line-height: 1.1;
    border: 0;
    background-color: transparent;
    box-shadow: none
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover {
    color: #5087e5;
    background-color: #f5f5f5
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:before {
    font-family: bb-icons;
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
    text-align: center
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.report-content:before,
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.reported-content:before {
    content: "\e8ea";
    font-size: 15px
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.delete-activity:before,
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.delete:before {
    content: "\e937";
    font-size: 15px
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.ac-video-thumbnail-edit:before {
    content: "\e9cb";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    max-height: 15px;
    margin-top: -6px
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.edit-activity:before {
    content: "\e80c";
    font-size: 17px !important
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a span:not(.bp-screen-reader-text) {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width:460px) {
    .activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action[data-balloon][data-balloon-pos=up]:after {
        -webkit-transform: translate(-90%, 0);
        -ms-transform: translate(-90%, 0);
        transform: translate(-90%, 0)
    }
}

#buddypress .activity-list .comment-item .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.delete:before {
    vertical-align: bottom
}

.activity-list .comment-item .acomment-meta {
    margin-right: 25px
}

.activity-list .comment-item .bb-activity-more-options-wrap {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width:46.8em) {
    .activity-list.bp-list {
        padding: 30px
    }

    .activity-list .activity-item .activity-content {
        margin: 0;
        position: relative
    }

    .activity-list .activity-item .activity-content:after {
        clear: both;
        content: "";
        display: table
    }

    .activity-list .activity-item .activity-header {
        margin: 0 15px 0 0;
        width: auto
    }
}

.activity-inner:empty {
    display: none
}

.activity-list .load-more,
.activity-list .load-newest {
    background: #fafafa;
    border: 1px solid #eee;
    font-size: 110%;
    margin: 15px 0;
    padding: 0;
    text-align: center
}

.activity-list .load-more a,
.activity-list .load-newest a {
    color: #555;
    display: block;
    padding: .7em 0
}

.activity-list .load-more a:focus,
.activity-list .load-more a:hover,
.activity-list .load-newest a:focus,
.activity-list .load-newest a:hover {
    background: #fff;
    color: #333
}

.activity-list .load-more:focus,
.activity-list .load-more:hover,
.activity-list .load-newest:focus,
.activity-list .load-newest:hover {
    border-color: #e1e1e1;
    -webkit-box-shadow: 0 0 6px 0 #eaeaea;
    -moz-box-shadow: 0 0 6px 0 #eaeaea;
    box-shadow: 0 0 6px 0 #eaeaea
}

ul.medium-editor-toolbar-actions .medium-editor-action b {
    font-family: bb-icons;
    text-align: center;
    width: 24px
}

ul.medium-editor-toolbar-actions .medium-editor-action b:before {
    font-family: bb-icons;
    line-height: 1;
    display: block;
    transform: none;
    font-size: 24px
}

ul.medium-editor-toolbar-actions .medium-editor-action-bold b:before {
    content: "\e94a"
}

ul.medium-editor-toolbar-actions .medium-editor-action-italic b:before {
    content: "\e949"
}

ul.medium-editor-toolbar-actions .medium-editor-action-unorderedlist b:before {
    content: "\e9c9"
}

ul.medium-editor-toolbar-actions .medium-editor-action-orderedlist b:before {
    content: "\e9ca"
}

ul.medium-editor-toolbar-actions .medium-editor-action-quote b:before {
    content: "\e961"
}

ul.medium-editor-toolbar-actions .medium-editor-action-anchor b:before {
    content: "\e9a2"
}

ul.medium-editor-toolbar-actions .medium-editor-action-pre b:before {
    content: "\e9c7"
}

ul.medium-editor-toolbar-actions .medium-editor-action-close b:before {
    content: "\e80a"
}

#whats-new-messages-toolbar .bb-icon,
#whats-new-toolbar .bb-icon,
.ac-reply-toolbar .bb-icon {
    color: rgba(18, 43, 70, .4);
    transition: all linear .2s;
    font-size: 24px;
    width: auto;
    height: auto
}

#whats-new-messages-toolbar .bb-icon.bb-icon-video-alt,
#whats-new-toolbar .bb-icon.bb-icon-video-alt,
.ac-reply-toolbar .bb-icon.bb-icon-video-alt {
    font-size: 22px;
    min-width: 24px;
    text-align: center
}

#whats-new-messages-toolbar .emojionearea .emojionearea-button:before,
#whats-new-toolbar .emojionearea .emojionearea-button:before,
.ac-reply-toolbar .emojionearea .emojionearea-button:before {
    content: "\E821";
    color: rgba(18, 43, 70, .4);
    font: normal 400 normal 24px/1 bb-icons;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#whats-new-messages-toolbar #activity-gif-button.open .bb-icon,
#whats-new-messages-toolbar .emojionearea .emojionearea-button.active:before,
#whats-new-toolbar #activity-gif-button.open .bb-icon,
#whats-new-toolbar .emojionearea .emojionearea-button.active:before,
.ac-reply-toolbar #activity-gif-button.open .bb-icon,
.ac-reply-toolbar .emojionearea .emojionearea-button.active:before {
    color: #122b46
}

#whats-new-messages-toolbar .toolbar-button.active .bb-icon.bb-icon-text-format:before,
#whats-new-toolbar .toolbar-button.active .bb-icon.bb-icon-text-format:before,
.ac-reply-toolbar .toolbar-button.active .bb-icon.bb-icon-text-format:before {
    color: #122b46
}

#whats-new-messages-toolbar .post-elements-buttons-item.disable,
#whats-new-messages-toolbar .post-elements-buttons-item.disable.active,
#whats-new-toolbar .post-elements-buttons-item.disable,
#whats-new-toolbar .post-elements-buttons-item.disable.active,
.ac-reply-toolbar .post-elements-buttons-item.disable,
.ac-reply-toolbar .post-elements-buttons-item.disable.active {
    pointer-events: none;
    opacity: .4
}

#whats-new-messages-toolbar .post-elements-buttons-item.disable .bb-icon,
#whats-new-messages-toolbar .post-elements-buttons-item.disable.active .bb-icon,
#whats-new-toolbar .post-elements-buttons-item.disable .bb-icon,
#whats-new-toolbar .post-elements-buttons-item.disable.active .bb-icon,
.ac-reply-toolbar .post-elements-buttons-item.disable .bb-icon,
.ac-reply-toolbar .post-elements-buttons-item.disable.active .bb-icon {
    color: rgba(18, 43, 70, .4)
}

#whats-new-messages-toolbar .post-elements-buttons-item.no-click,
#whats-new-toolbar .post-elements-buttons-item.no-click,
.ac-reply-toolbar .post-elements-buttons-item.no-click {
    pointer-events: none
}

.ac-reply-document-button.active .bb-icon,
.ac-reply-gif-button.active .bb-icon,
.ac-reply-media-button.active .bb-icon,
.ac-reply-video-button.active .bb-icon,
.active #activity-document-button .bb-icon,
.active #activity-link-preview-button .bb-icon,
.active #activity-media-button .bb-icon,
.active #activity-video-button .bb-icon,
.active#bp-group-messages-document-button .bb-icon,
.active#bp-group-messages-gif-button .bb-icon,
.active#bp-group-messages-media-button .bb-icon,
.active#bp-group-messages-video-button .bb-icon,
.active#forums-document-button .bb-icon,
.active#forums-gif-button .bb-icon,
.active#forums-media-button .bb-icon,
.active#forums-video-button .bb-icon,
.active#messages-document-button .bb-icon,
.active#messages-gif-button .bb-icon,
.active#messages-media-button .bb-icon,
.active#messages-video-button .bb-icon {
    color: #122b46
}

.activity-url-scrapper-loading {
    display: block;
    font-size: 14px;
    color: #a3a5a9;
    letter-spacing: -.24px;
    margin: 12px 0 10px
}

.activity-link-preview-container {
    padding: 25px;
    line-height: 1.5;
    color: #82878c;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    position: relative;
    overflow: auto;
    zoom: 1
}

.activity-link-preview-container+.bb-activity-media-wrap {
    margin-top: 10px
}

.activity-video-preview .activity-link-preview-container {
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    max-width: 640px
}

.activity-link-preview-container div.fluid-width-video-wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.activity-link-preview-image {
    float: left;
    max-width: 160px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative
}

.activity-link-preview-image img {
    width: 100%;
    height: auto;
    border: none
}

.activity-url-scrapper-container .activity-link-preview-image {
    margin-bottom: 30px
}

.activity-video-preview {
    padding: 0
}

.activity-link-preview-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    color: #32373c
}

.activity-link-preview-title {
    margin: 0 0 15px
}

.activity-link-preview-title a,
.activity-link-preview-title a:hover {
    color: #32373c
}

.activity-link-preview-title a:hover {
    text-decoration: underline !important
}

.activity-link-preview-excerpt p {
    font-size: 14px;
    font-weight: 400
}

.activity-link-preview-excerpt a.activity-link-preview-more {
    color: #b4b9be
}

.activity-link-preview-excerpt a.activity-link-preview-more:hover {
    text-decoration: underline !important
}

.activity-url-thumb-nav {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

#buddypress .activity-url-thumb-nav button {
    cursor: pointer;
    width: auto;
    padding: 0 6px;
    margin: 0 3px;
    height: auto;
    min-height: 10px
}

.activity-url-thumb-nav .bb-icons {
    font-size: 23px;
    line-height: 1;
    position: relative;
    height: 20px;
    width: 20px;
    vertical-align: top
}

#activity-url-scrapper-img-count {
    font-size: 12px;
    color: #7f7f7f;
    margin-top: 5px
}

.activity-url-error {
    color: #d33
}

#activity-url-scrapper-url {
    color: rgba(0, 0, 0, .6);
    font-size: 14px
}

#activity-close-link-suggestion {
    border: 0;
    color: rgba(0, 0, 0, .4);
    font-size: 16px;
    position: absolute;
    left: 3px;
    top: 8px;
    text-decoration: none
}

#activity-close-link-suggestion .bb-icons.bb-icon-close {
    font-size: 20px
}

.activity-post-form-link-wp-embed #activity-close-link-suggestion {
    top: 30px;
    left: 8px;
    right: auto;
    background: #fff;
    z-index: 11;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

@media screen and (max-width:32em) {
    #activity-close-link-suggestion {
        color: #000
    }
}

#activity-link-preview-close-image {
    border: 0;
    color: #fff;
    font-size: 16px;
    left: 3px;
    position: absolute;
    top: 3px;
    text-decoration: none
}

#activity-link-preview-close-image .bb-icons.bb-icon-close {
    font-size: 20px
}

#activity-close-link-suggestion:focus,
#activity-link-preview-close-image:focus {
    outline: 0
}

.acomment-content .buddyboss-media-photo-link,
.activity-inner .buddyboss-media-photo-link {
    display: none !important
}

blockquote.wp-embedded-content {
    padding: 25px;
    line-height: 1.5;
    font-size: 14px;
    font-style: normal;
    color: #82878c;
    background: #fff;
    border: 1px solid #e5e5e5;
    position: relative;
    margin: 0
}

blockquote.wp-embedded-content>a,
blockquote.wp-embedded-content>p:first-child>a {
    color: #32373c;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3
}

blockquote.wp-embedded-content>a:hover,
blockquote.wp-embedded-content>p:first-child>a:hover {
    text-decoration: underline
}

.activity-inner iframe.lazy {
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: lazyAmination;
    animation-timing-function: linear;
    background: #f6f7f8;
    background-size: 800px 104px
}

@keyframes lazyAmination {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: -300% 0
    }
}

span.dashicons.dashicons-admin-file:before {
    content: "\e96a"
}

.activity-list .activity-item .activity-content.document-activity,
.activity-list .activity-item .activity-content.video-activity-wrap {
    position: relative
}

.activity-list .activity-item .activity-content.document-activity .activity-inner,
.activity-list .activity-item .activity-content.video-activity-wrap .activity-inner {
    overflow: visible
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list,
#buddypress .bb-media-model-wrapper.document-theatre .activity-list.bp-list,
#buddypress.bb-media-model-wrapper.document-theatre .activity-list.bp-list {
    position: relative;
    display: inline-block
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .activity-item,
#buddypress .bb-media-model-wrapper.document-theatre .activity-list.bp-list .activity-item,
#buddypress.bb-media-model-wrapper.document-theatre .activity-list.bp-list .activity-item {
    margin-bottom: 40px;
    max-height: calc(90vh - 40px);
    min-height: calc(90vh - 40px);
    position: static
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .download-document,
#buddypress .bb-media-model-wrapper.document-theatre .activity-list.bp-list .download-document,
#buddypress.bb-media-model-wrapper.document-theatre .activity-list.bp-list .download-document {
    position: absolute;
    bottom: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #ecedee;
    background-color: #fff;
    line-height: 1.5;
    font-size: 15px
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list,
#buddypress .bb-media-model-wrapper.media-theatre .activity-list.bp-list,
#buddypress .bb-media-model-wrapper.video-theatre .activity-list.bp-list,
#buddypress.bb-media-model-wrapper.media-theatre .activity-list.bp-list {
    position: relative;
    float: right
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .activity-item,
#buddypress .bb-media-model-wrapper.media-theatre .activity-list.bp-list .activity-item,
#buddypress .bb-media-model-wrapper.video-theatre .activity-list.bp-list .activity-item,
#buddypress.bb-media-model-wrapper.media-theatre .activity-list.bp-list .activity-item {
    padding-bottom: 50px;
    max-height: 90vh;
    min-height: 90vh;
    position: static;
    overflow: scroll
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .download-media,
#bbpress-forums .bb-media-model-container .activity-list.bp-list .download-video,
#buddypress .bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-media,
#buddypress .bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-video,
#buddypress .bb-media-model-wrapper.video-theatre .activity-list.bp-list .download-media,
#buddypress .bb-media-model-wrapper.video-theatre .activity-list.bp-list .download-video,
#buddypress.bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-media,
#buddypress.bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-video {
    position: absolute;
    bottom: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #ecedee;
    background-color: #fff;
    line-height: 1.5;
    font-size: 15px
}

.activity-media-description,
.activity-video-description {
    margin-bottom: 10px
}

.activity-media-description .bp-add-media-activity-description.show-edit,
.activity-media-description .bp-add-video-activity-description.show-edit,
.activity-video-description .bp-add-media-activity-description.show-edit,
.activity-video-description .bp-add-video-activity-description.show-edit {
    display: inline-block;
    margin-right: 10px
}

.activity-media-description .bp-add-media-activity-description.show-edit .add,
.activity-media-description .bp-add-video-activity-description.show-edit .add,
.activity-video-description .bp-add-media-activity-description.show-edit .add,
.activity-video-description .bp-add-video-activity-description.show-edit .add {
    display: none
}

.activity-media-description .bp-add-media-activity-description.show-edit .edit,
.activity-media-description .bp-add-video-activity-description.show-edit .edit,
.activity-video-description .bp-add-media-activity-description.show-edit .edit,
.activity-video-description .bp-add-video-activity-description.show-edit .edit {
    display: inline-block
}

.activity-media-description .bp-add-media-activity-description.show-add,
.activity-media-description .bp-add-video-activity-description.show-add,
.activity-video-description .bp-add-media-activity-description.show-add,
.activity-video-description .bp-add-video-activity-description.show-add {
    display: inline-block;
    margin-right: 10px
}

.activity-media-description .bp-add-media-activity-description.show-add .add,
.activity-media-description .bp-add-video-activity-description.show-add .add,
.activity-video-description .bp-add-media-activity-description.show-add .add,
.activity-video-description .bp-add-video-activity-description.show-add .add {
    display: inline-block;
    margin-bottom: 10px
}

.activity-media-description .bp-add-media-activity-description.show-add .edit,
.activity-media-description .bp-add-video-activity-description.show-add .edit,
.activity-video-description .bp-add-media-activity-description.show-add .edit,
.activity-video-description .bp-add-video-activity-description.show-add .edit {
    display: none
}

.activity-media-description .bp-media-activity-description,
.activity-media-description .bp-video-activity-description,
.activity-video-description .bp-media-activity-description,
.activity-video-description .bp-video-activity-description {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5
}

.activity-list .activity-item .activity-content.media-activity-wrap .activity-inner,
.bb-activity-media-wrap {
    overflow: initial
}

.activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .no_more_option .media-action-wrap,
.bb-activity-media-wrap .no_more_option .media-action-wrap {
    display: none
}

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

    .activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .bb-activity-media-elem,
    .bb-activity-media-wrap .bb-activity-media-elem {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        min-width: auto !important
    }

    .activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .bb-activity-media-elem .entry-img,
    .bb-activity-media-wrap .bb-activity-media-elem .entry-img {
        padding-top: 55.56% !important
    }

    .activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .bb-activity-media-elem.hideact-grid-1-2,
    .bb-activity-media-wrap .bb-activity-media-elem.hideact-grid-1-2 {
        flex: 0 !important
    }

    .activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .bb-media-length-1 .bb-activity-media-elem .entry-img,
    .bb-activity-media-wrap .bb-media-length-1 .bb-activity-media-elem .entry-img {
        padding-top: 0 !important
    }
}

#media-stream.media .bb-photo-thumb,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity,
.bb-activity-media-wrap .bb-activity-video-elem {
    position: relative
}

#media-stream.media .bb-photo-thumb.is-visible .media-action-wrap,
#media-stream.media .bb-photo-thumb.is-visible .video-action-wrap,
#media-stream.media .bb-photo-thumb:hover .media-action-wrap,
#media-stream.media .bb-photo-thumb:hover .video-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .media-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .video-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity:hover .media-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity:hover .video-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .media-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .video-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem:hover .media-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem:hover .video-action-wrap {
    opacity: 1;
    visibility: visible
}

#media-stream.media .bb-photo-thumb.is-visible .bb-item-cover-wrap:after,
#media-stream.media .bb-photo-thumb:hover .bb-item-cover-wrap:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .bb-item-cover-wrap:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity:hover .bb-item-cover-wrap:after,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:after,
.bb-activity-media-wrap .bb-activity-video-elem:hover .bb-item-cover-wrap:after {
    visibility: visible;
    opacity: 1
}

#media-stream.media .bb-photo-thumb.is-visible .media-action-wrap .media-action_list,
#media-stream.media .bb-photo-thumb.is-visible .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .media-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .media-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .video-action-wrap .video-action_list {
    opacity: 1;
    visibility: visible
}

#media-stream.media .bb-photo-thumb .media-action-wrap,
#media-stream.media .bb-photo-thumb .video-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap {
    position: absolute;
    right: 15px;
    top: 21px;
    opacity: 0;
    visibility: hidden;
    z-index: 111;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a,
#media-stream.media .bb-photo-thumb .video-action-wrap>a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a {
    float: left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a i {
    font-size: 14px;
    padding: 4px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a:hover {
    color: #461212
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a[data-balloon]:after,
#media-stream.media .bb-photo-thumb .video-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a[data-balloon]:after {
    margin-top: 4px;
    font-size: 12px;
    padding: 5px 10px
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
#media-stream.media .bb-photo-thumb .video-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a[data-balloon][data-balloon-pos=down]:before {
    margin-top: -1px
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a.media-action_more i,
#media-stream.media .bb-photo-thumb .media-action-wrap>a.video-action_more i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.media-action_more i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.video-action_more i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.media-action_more i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.video-action_more i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.media-action_more i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.video-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.media-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.video-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.media-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.video-action_more i {
    border-radius: 50%
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a.media-action_more i:before,
#media-stream.media .bb-photo-thumb .media-action-wrap>a.video-action_more i:before,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.media-action_more i:before,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.video-action_more i:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.media-action_more i:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.video-action_more i:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.media-action_more i:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.video-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.media-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.video-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.media-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.video-action_more i:before {
    content: "\e81a"
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a.media-action_download i,
#media-stream.media .bb-photo-thumb .media-action-wrap>a.video-action_download i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.media-action_download i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.video-action_download i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.media-action_download i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.video-action_download i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.media-action_download i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.video-action_download i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.media-action_download i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.video-action_download i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.media-action_download i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.video-action_download i {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list {
    position: absolute;
    top: 26px;
    right: 1px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    width: 198px;
    z-index: 1
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul {
    list-style: none;
    margin: 5px 0 !important;
    padding: 0 !important
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li {
    margin: 0;
    padding: 0;
    list-style-type: none !important
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li a,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li a,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a {
    padding: 10px 14px !important;
    display: block !important;
    font-size: 14px;
    line-height: 1;
    color: #7f868f
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:hover,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover {
    background-color: #f5f5f5 !important;
    color: #5087e5
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:before {
    font-family: bb-icons;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.move_file.move-disabled a,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.move_file.move-disabled a,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.move_file.move-disabled a,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.move_file.move-disabled a {
    pointer-events: none;
    opacity: .7
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after {
    content: attr(data-balloon);
    white-space: normal;
    max-width: 200px;
    width: 100%
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.move_file a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.move_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.move_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.move_file a:before {
    content: "\e959";
    font-size: 13px
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.delete_file a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.delete_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.delete_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.delete_file a:before {
    content: "\e937";
    font-size: 15px
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.edit_thumbnail_video a:before {
    content: "\e9cb";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    max-height: 15px;
    margin-top: -8px
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a {
    background-color: transparent;
    text-align: left;
    font-weight: 400;
    box-shadow: none;
    border-radius: 0;
    min-height: auto
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a:before {
    content: "\e8ea";
    font-size: 15px;
    vertical-align: middle
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a:hover,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a:hover {
    background-color: #f5f5f5
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a.reported-content {
    opacity: .8 !important
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a.report-content,
#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a.report-content,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a.report-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a.report-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a.reported-content {
    border: 0;
    -webkit-font-smoothing: auto
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.privacy_file a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.privacy_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.privacy_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.privacy_file a:before {
    content: "\e90d";
    font-size: 15px
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.copy_download_file_url a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.copy_download_file_url a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.copy_download_file_url a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.copy_download_file_url a:before {
    content: "\e8ac"
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list:after,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    margin: 0 auto;
    right: 8px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 101;
    opacity: 1;
    visibility: visible;
    pointer-events: none
}

@media (hover:none) and (pointer:coarse) {

    #media-stream.media .bb-photo-thumb .media-action-wrap,
    #media-stream.media .bb-photo-thumb .video-action-wrap,
    .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap,
    .bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap,
    .bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap,
    .bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap {
        opacity: 1;
        visibility: visible
    }

    #media-stream.media .bb-photo-thumb.hideact-grid-1-2 .media-action-wrap,
    #media-stream.media .bb-photo-thumb.hideact-grid-1-2 .video-action-wrap,
    .bb-activity-media-wrap .bb-activity-media-elem.media-activity.hideact-grid-1-2 .media-action-wrap,
    .bb-activity-media-wrap .bb-activity-media-elem.media-activity.hideact-grid-1-2 .video-action-wrap,
    .bb-activity-media-wrap .bb-activity-video-elem.hideact-grid-1-2 .media-action-wrap,
    .bb-activity-media-wrap .bb-activity-video-elem.hideact-grid-1-2 .video-action-wrap {
        display: none
    }
}

#video-stream.video .video-list li:hover {
    z-index: 11
}

#media-stream.media .bb-video-thumb .bb-video-loader,
#video-stream.video .bb-item-thumb .bb-video-loader,
.bb-activity-video-wrap .bb-activity-video-elem .bb-video-loader,
.existing-media-list .bb-item-thumb .bb-video-loader {
    margin: 0
}

.bp-existing-media-wrap .existing-media-list.bp-list.grid {
    width: 100%
}

#media-stream.media .bb-video-thumb,
#video-stream.video .bb-item-thumb,
.bb-activity-video-wrap .bb-activity-video-elem {
    position: relative
}

#media-stream.media .bb-video-thumb.is-visible .item-action-wrap,
#media-stream.media .bb-video-thumb:hover .item-action-wrap,
#video-stream.video .bb-item-thumb.is-visible .item-action-wrap,
#video-stream.video .bb-item-thumb:hover .item-action-wrap,
.bb-activity-video-wrap .bb-activity-video-elem.is-visible .item-action-wrap,
.bb-activity-video-wrap .bb-activity-video-elem:hover .item-action-wrap {
    opacity: 1;
    visibility: visible
}

#media-stream.media .bb-video-thumb.is-visible .item-action-wrap .item-action_list,
#video-stream.video .bb-item-thumb.is-visible .item-action-wrap .item-action_list,
.bb-activity-video-wrap .bb-activity-video-elem.is-visible .item-action-wrap .item-action_list {
    opacity: 1;
    visibility: visible
}

#media-stream.media .bb-video-thumb .item-action-wrap,
#video-stream.video .bb-item-thumb .item-action-wrap,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap {
    position: absolute;
    right: 15px;
    top: 21px;
    opacity: 0;
    visibility: hidden;
    z-index: 111;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#media-stream.media .bb-video-thumb .item-action-wrap>a,
#video-stream.video .bb-item-thumb .item-action-wrap>a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a {
    float: left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#media-stream.media .bb-video-thumb .item-action-wrap>a i,
#video-stream.video .bb-item-thumb .item-action-wrap>a i,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a i {
    font-size: 14px;
    padding: 4px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff
}

#media-stream.media .bb-video-thumb .item-action-wrap>a:hover,
#video-stream.video .bb-item-thumb .item-action-wrap>a:hover,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a:hover {
    color: #461212
}

#media-stream.media .bb-video-thumb .item-action-wrap>a[data-balloon]:after,
#video-stream.video .bb-item-thumb .item-action-wrap>a[data-balloon]:after,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a[data-balloon]:after {
    margin-top: 4px;
    font-size: 12px;
    padding: 5px 10px
}

#media-stream.media .bb-video-thumb .item-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
#video-stream.video .bb-item-thumb .item-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a[data-balloon][data-balloon-pos=down]:before {
    margin-top: -1px
}

#media-stream.media .bb-video-thumb .item-action-wrap>a.item-action_more i,
#video-stream.video .bb-item-thumb .item-action-wrap>a.item-action_more i,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a.item-action_more i {
    border-radius: 50%;
    filter: drop-shadow(2px 2px 5px #000)
}

#media-stream.media .bb-video-thumb .item-action-wrap>a.item-action_more i:before,
#video-stream.video .bb-item-thumb .item-action-wrap>a.item-action_more i:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a.item-action_more i:before {
    content: "\e81a"
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list {
    position: absolute;
    top: 26px;
    right: 1px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    width: 198px;
    z-index: 1
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul {
    list-style: none;
    margin: 5px 0 !important;
    padding: 0 !important
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li {
    margin: 0;
    padding: 0;
    list-style-type: none !important
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li a,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a {
    padding: 10px 14px !important;
    display: block !important;
    font-size: 14px;
    line-height: 1;
    color: #7f868f
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li a:hover,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li a:hover,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a:hover {
    background-color: #f5f5f5 !important;
    color: #5087e5
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a:before {
    font-family: bb-icons;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.move_video.move-disabled a,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.move_video.move-disabled a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video.move-disabled a {
    pointer-events: none;
    opacity: .7
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.move_video.move-disabled[data-balloon]:after,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.move_video.move-disabled[data-balloon]:after,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video.move-disabled[data-balloon]:after {
    content: attr(data-balloon);
    white-space: normal;
    max-width: 200px;
    width: 100%
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.move_video a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.move_video a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video a:before {
    content: "\e9cc";
    vertical-align: middle;
    font-size: 20px;
    max-height: 15px;
    margin-top: -8px;
    display: inline-block
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.edit_thumbnail_video a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.edit_thumbnail_video a:before {
    content: "\e9cb";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    max-height: 15px;
    margin-top: -8px
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a {
    background-color: transparent;
    text-align: left;
    font-weight: 400;
    box-shadow: none;
    border-radius: 0;
    min-height: auto
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a:before {
    content: "\e8ea";
    font-size: 15px;
    vertical-align: middle
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a:hover,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a:hover,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a:hover {
    background-color: #f5f5f5
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a.reported-content,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a.reported-content,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.reported-content {
    opacity: .8 !important
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a.report-content,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a.reported-content,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a.report-content,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a.reported-content,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.report-content,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.reported-content {
    border: 0;
    -webkit-font-smoothing: auto
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.delete_file a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.delete_file a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.delete_file a:before {
    content: "\e937";
    font-size: 15px
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.edit_video a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.edit_video a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.edit_video a:before {
    content: "\e80c"
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list:after,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list:after,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    margin: 0 auto;
    right: 8px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 101;
    opacity: 1;
    visibility: visible;
    pointer-events: none
}

#media-stream.media .bb-video-thumb.no_more_option .bb-item-cover-wrap:before,
#media-stream.media .bb-video-thumb.no_more_option .bb-video-duration,
#media-stream.media .bb-video-thumb.no_more_option .item-action-wrap,
#video-stream.video .bb-item-thumb.no_more_option .bb-item-cover-wrap:before,
#video-stream.video .bb-item-thumb.no_more_option .bb-video-duration,
#video-stream.video .bb-item-thumb.no_more_option .item-action-wrap,
.bb-activity-video-wrap .bb-activity-video-elem.no_more_option .bb-item-cover-wrap:before,
.bb-activity-video-wrap .bb-activity-video-elem.no_more_option .bb-video-duration,
.bb-activity-video-wrap .bb-activity-video-elem.no_more_option .item-action-wrap {
    display: none
}

#media-stream.media .bb-video-thumb.is-visible .bb-item-cover-wrap:before,
#video-stream.video .bb-item-thumb.is-visible .bb-item-cover-wrap:before,
.bb-activity-video-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:before {
    display: none
}

@media (hover:none) and (pointer:coarse) {

    #media-stream.media .bb-video-thumb .item-action-wrap,
    #video-stream.video .bb-item-thumb .item-action-wrap,
    .bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap {
        opacity: 1;
        visibility: visible
    }

    #media-stream.media .bb-video-thumb.hideact-grid-1-2 .item-action-wrap,
    #video-stream.video .bb-item-thumb.hideact-grid-1-2 .item-action-wrap,
    .bb-activity-video-wrap .bb-activity-video-elem.hideact-grid-1-2 .item-action-wrap {
        display: none
    }
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.move_file a:before {
    content: "\e963";
    font-size: 14px
}

@media screen and (max-width:799px) {
    #media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list {
        right: -53px;
        width: 185px
    }

    #media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list:after {
        right: 68px
    }
}

.bb-activity-media-wrap {
    width: 100%
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity {
    background-color: #fff;
    border: 1px solid #e7e9ec;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    margin: 3px 0;
    position: relative;
    padding: 0
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover {
    background-color: #f5f6f7
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-audio-wrap audio::-webkit-media-controls-panel {
    background-color: #fff
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-description-wrap {
    background-color: transparent
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text:not(.loaded):after {
    content: "\e838";
    font-family: bb-icons;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
    animation: spin 2s infinite linear
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 5px 15px;
    background-color: #fff;
    border-radius: 5px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .entry-img {
    -ms-flex-preferred-size: 30px;
    flex-basis: 30px;
    width: 30px;
    text-align: center;
    padding: 15px 0 !important;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .entry-img>i {
    font-size: 30px;
    color: #9ca8b4;
    margin-top: 3px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap {
    -ms-flex-preferred-size: calc(100% - 40px);
    flex-basis: calc(100% - 40px);
    width: calc(100% - 40px);
    display: inline-block !important;
    vertical-align: middle;
    padding: 10px 0 10px 15px !important;
    color: #122b46
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 70px);
    display: block;
    font-weight: 500;
    font-size: 16px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-description,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-extension-description,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text {
    float: left;
    color: #939597;
    font-size: 13px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-description {
    margin-right: 6px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text-click {
    margin-left: 3px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-extension-description {
    transition: opacity ease .3s
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text {
    position: relative;
    top: -10px;
    opacity: 0;
    visibility: hidden
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap {
    position: absolute;
    right: 15px;
    top: 21px;
    opacity: 0;
    visibility: hidden;
    z-index: 111;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a {
    float: left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a i {
    font-size: 19px;
    color: #9ca8b4;
    background-color: #fff;
    padding: 7px;
    border: 1px solid #e7e9ec;
    border-left-width: 0
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a:hover {
    color: #461212
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a:hover i {
    color: #461212
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a[data-balloon]:after {
    margin-top: 4px;
    font-size: 12px;
    padding: 5px 10px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a[data-balloon][data-balloon-pos=down]:before {
    margin-top: -1px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a.document-action_more i {
    border-radius: 0 3px 3px 0
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a.document-action_download i {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list {
    position: absolute;
    top: 36px;
    right: 1px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    width: 198px;
    z-index: 1
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul {
    list-style: none;
    margin: 5px 0 !important;
    padding: 0 !important
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li {
    margin: 0;
    padding: 0;
    list-style-type: none !important
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a {
    padding: 10px 14px !important;
    display: block !important;
    font-size: 14px;
    line-height: 1;
    color: #7f868f
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:hover {
    background-color: #f5f5f5 !important;
    color: #5087e5
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:before {
    font-family: bb-icons;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.move_file.move-disabled a {
    pointer-events: none;
    opacity: .7
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.move_file.move-disabled[data-balloon]:after {
    content: attr(data-balloon);
    white-space: normal;
    max-width: 200px;
    width: 100%
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.move_file a:before {
    content: "\e959";
    font-size: 13px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.delete_file a:before {
    content: "\e937";
    font-size: 15px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.privacy_file a:before {
    content: "\e90d";
    font-size: 15px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.copy_download_file_url a:before {
    content: "\e8ac"
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    margin: 0 auto;
    right: 13px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 101;
    opacity: 1;
    visibility: visible;
    pointer-events: none
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-expand {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
    visibility: hidden;
    opacity: 0
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-expand .document-expand-anchor {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background-color: #122b46 !important;
    color: #fff;
    border-radius: 30px;
    padding: 5px 10px !important;
    z-index: 11;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    margin-top: 25px;
    transition: all ease .3s
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-action-wrap {
    opacity: 1;
    visibility: visible
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-detail-wrap .document-helper-text {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-detail-wrap .document-extension-description {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .is_large .document-expand .document-expand-anchor {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .is_large .document-expand .document-expand-anchor i.document-icon-plus {
    font-family: dashicons;
    vertical-align: middle
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .is_large .document-expand .document-expand-anchor i.document-icon-plus:before {
    content: "\f132"
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible {
    z-index: 112
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible .document-action_more[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible .document-action_more[data-balloon]:before {
    display: none
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible .document-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible .document-action_list {
    opacity: 1;
    visibility: visible
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-action-wrap {
    top: 18px;
    opacity: 1;
    visibility: visible
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile.code-full-view .document-text-wrap.is_large .document-action_collapse {
    opacity: 1;
    visibility: visible
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile.code-full-view .document-text-wrap.is_large .document-expand {
    opacity: 0;
    visibility: hidden
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile.code-full-view .document-text-wrap.is_large .document-expand .document-expand-anchor {
    opacity: 0;
    visibility: hidden
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-text-wrap.is_large .document-expand {
    opacity: 1;
    visibility: visible
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-text-wrap.is_large .document-expand .document-expand-anchor {
    opacity: 1;
    visibility: visible;
    font-size: 11px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-description-wrap .document-detail-wrap .document-description,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-description-wrap .document-detail-wrap .document-helper-text {
    font-size: 12px;
    top: 0;
    opacity: 1;
    visibility: visible
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-audio-wrap {
    padding: 10px 15px;
    width: 100%;
    float: left
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-audio-wrap audio {
    width: 100%;
    float: left;
    outline: 0;
    border-radius: 35px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-preview-wrap {
    height: 200px;
    overflow: hidden;
    margin: 0 15px 15px;
    border: 1px solid #e7e9ec;
    border-radius: 4px;
    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;
    text-align: center
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text-wrap .CodeMirror {
    height: auto;
    border-radius: 4px
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-text {
    max-height: inherit;
    overflow: initial
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-text:after {
    display: none !important
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-action-wrap .document-action_collapse {
    opacity: 1;
    visibility: visible
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-action-wrap .document-action_collapse i {
    border-right-width: 0;
    border-left-width: 1px;
    color: #461212
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-action-wrap .document-action_collapse+.document-action_download i {
    border-left-width: 1px;
    border-radius: 0
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-expand {
    opacity: 0 !important;
    visibility: hidden !important
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-expand .document-expand-anchor {
    opacity: 0 !important;
    visibility: hidden !important
}

.bb-activity-media-wrap .document-action-wrap .document-action_collapse {
    opacity: 0;
    visibility: hidden
}

.bb-activity-media-wrap .document-text-wrap {
    border: 1px solid #e7e9ec;
    border-width: 1px;
    border-radius: 4px;
    margin: 0 15px 15px;
    position: relative;
    text-align: center
}

.bb-activity-media-wrap .document-text-wrap .document-text {
    border-radius: 3px
}

.bb-activity-media-wrap .document-text-wrap.is_large .document-text {
    max-height: 150px;
    overflow: hidden;
    position: relative
}

.bb-activity-media-wrap .document-text-wrap.is_large .document-text:after {
    content: "";
    background: linear-gradient(0deg, #fff, transparent);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    height: 75px
}

.bb-activity-media-wrap .document-text-wrap.is_large .document-expand {
    opacity: 1;
    visibility: visible
}

.bb-activity-media-wrap .document-text-wrap.is_large .CodeMirror {
    height: auto
}

.bb-activity-media-wrap .document-text-wrap.is_large .CodeMirror .CodeMirror-vscrollbar {
    display: none !important
}

.bb-activity-media-wrap .document-text-wrap.is_large .CodeMirror .CodeMirror-sizer {
    min-height: auto !important
}

.bb-activity-media-wrap .document-text-wrap.is_large .CodeMirror .CodeMirror-scroll {
    height: auto;
    overflow: hidden !important;
    padding-bottom: 50px;
    width: 100%
}

.bb-activity-media-wrap .document-filename {
    margin: 0 0 0 4px !important;
    font-weight: 500;
    font-size: 13px
}

.bb-activity-media-wrap .more_text_view {
    padding: 7px 15px;
    background-color: #e7e9ec;
    word-break: break-word;
    margin: -18px 15px 15px;
    border: 1px solid #e7e9ec;
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
    position: relative;
    z-index: 112
}

@media screen and (max-width:420px) {
    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap {
        padding: 5px 10px
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap {
        padding-left: 10px
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-title {
        font-size: 14px
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text {
        height: 0;
        width: 0;
        overflow: hidden
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-extension-description {
        max-width: calc(100% - 60px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-description-wrap .document-detail-wrap .document-helper-text {
        height: auto;
        width: auto;
        overflow: visible
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text-wrap {
        margin: 0 10px
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap {
        right: 13px
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-preview-wrap,
    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .more_text_view {
        font-size: 14px;
        margin: 0 10px 10px
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-expand .document-expand-anchor {
        padding: 5px 6px;
        min-width: 130px
    }

    .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text {
        font-size: 12px
    }
}

.mfp-wrap.mfp-wrap {
    z-index: 999999
}

.buddypress-wrap .activity-comments {
    clear: both;
    margin: 0 5%;
    position: relative;
    width: auto
}

.buddypress-wrap .activity-comments ul {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0
}

.buddypress-wrap .activity-comments ul li {
    border-top: 1px solid #eee;
    border-bottom: 0;
    padding: 1em 0 0
}

.buddypress-wrap .activity-comments ul li:not(.detached-comment-item) {
    margin-left: 15px
}

@media screen and (max-width:560px) {
    .buddypress-wrap .activity-comments ul li:not(.detached-comment-item) {
        margin-left: 0
    }
}

@media screen and (max-width:560px) {
    .buddypress-wrap .activity-comments ul li .bb-media-length-1 .bb-activity-media-elem.media-activity {
        min-width: auto
    }
}

.buddypress-wrap .activity-comments ul li:first-child {
    border-top: 0
}

.buddypress-wrap .activity-comments ul li:last-child {
    margin-bottom: 0
}

.buddypress-wrap .activity-comments>ul>li>ul {
    margin-left: 5%
}

.buddypress-wrap .activity-comments div.acomment-avatar {
    width: auto
}

.buddypress-wrap .activity-comments div.acomment-avatar img {
    border-width: 1px;
    float: left;
    height: 25px;
    max-width: none;
    width: 25px
}

.buddypress-wrap .activity-comments .acomment-content p,
.buddypress-wrap .activity-comments .acomment-meta {
    font-size: 14px
}

.buddypress-wrap .activity-comments .acomment-meta {
    color: #555;
    overflow: hidden;
    padding-left: 2%
}

.buddypress-wrap .activity-comments .acomment-content {
    border-left: 1px solid #ccc;
    margin: 15px 0 0 10%;
    padding: .7em 1em
}

.buddypress-wrap .activity-comments .acomment-content p {
    margin-bottom: .5em
}

.buddypress-wrap .activity-comments .acomment-content .bb-activity-media-wrap,
.buddypress-wrap .activity-comments .acomment-content .bb-activity-video-wrap {
    margin: 15px 0
}

.buddypress-wrap .activity-comments .acomment-options {
    float: left;
    margin: 10px 0 10px 20px
}

.buddypress-wrap .activity-comments .acomment-options a {
    color: #767676;
    font-size: 14px
}

.buddypress-wrap .activity-comments .acomment-options a:focus,
.buddypress-wrap .activity-comments .acomment-options a:hover {
    color: inherit
}

.buddypress-wrap .activity-comments .bp-generic-meta.action {
    background: 0 0;
    margin-top: 10px
}

.buddypress-wrap .activity-comments .bp-generic-meta.action button {
    font-size: 14px;
    font-weight: 400;
    text-transform: none
}

.buddypress-wrap .activity-comments .show-all button {
    font-size: 14px;
    text-decoration: underline;
    padding-left: .7em
}

.buddypress-wrap .activity-comments .show-all button span {
    text-decoration: none
}

.buddypress-wrap .activity-comments .show-all button:focus span,
.buddypress-wrap .activity-comments .show-all button:hover span {
    color: #5087e5
}

.buddypress-wrap .activity-comments .comment-item.suspended-comment-item>.item-avatar {
    position: relative;
    pointer-events: none;
    opacity: .7
}

.buddypress-wrap .activity-comments .comment-item.suspended-comment-item>.acomment-content {
    pointer-events: none;
    opacity: .7
}

.buddypress-wrap .activity-comments .comment-item.suspended-comment-item>.acomment-meta {
    pointer-events: none;
    opacity: .7
}

.buddypress-wrap .activity-comments .comment-item.suspended-comment-item>.acomment-meta .activity-time-since {
    display: none
}

.buddypress-wrap .mini .activity-comments {
    clear: both;
    margin-top: 0
}

.buddypress-wrap .bb-media-model-wrapper .activity-comments ul li:not(.detached-comment-item) {
    margin-left: 10px
}

@media screen and (max-width:560px) {
    .buddypress-wrap .bb-media-model-wrapper .activity-comments ul li:not(.detached-comment-item) {
        margin-left: 0
    }
}

body.activity-permalink .activity-comments {
    background: 0 0;
    width: auto
}

body.activity-permalink .activity-comments>ul {
    padding: 0 .7em 0 1em
}

body.activity-permalink .activity-comments ul li>ul {
    margin-top: 10px
}

form.ac-form {
    display: none;
    padding: 1em
}

form.ac-form .ac-reply-avatar {
    float: left
}

form.ac-form .ac-reply-avatar img {
    border: 1px solid #eee
}

form.ac-form .ac-reply-content a {
    text-decoration: none
}

form.ac-form .ac-reply-content .ac-textarea {
    margin-bottom: 15px;
    padding: 0 .7em
}

form.ac-form .ac-reply-content .ac-textarea .ac-input[contenteditable=true] {
    background: 0 0;
    box-shadow: none;
    color: #555;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: .5em;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc
}

form.ac-form .ac-reply-content .ac-textarea .ac-input[contenteditable=true]:focus {
    -webkit-box-shadow: 0 0 6px #d6d6d6;
    -moz-box-shadow: 0 0 6px #d6d6d6;
    box-shadow: 0 0 6px #d6d6d6
}

form.ac-form .ac-reply-content .ac-textarea .dropzone.open {
    margin-top: 20px
}

form.ac-form .ac-reply-content .ac-textarea .ac-reply-toolbar {
    display: flex;
    margin-top: 10px
}

form.ac-form .ac-reply-content .ac-textarea .ac-reply-toolbar .post-elements-buttons-item {
    margin-right: 10px;
    position: relative
}

form.ac-form .ac-reply-content .ac-textarea .gif-search-results-list {
    margin: 0;
    padding: 0;
    list-style: none
}

form.ac-form .ac-reply-content .ac-textarea .gif-search-content .gif-search-results ul li {
    padding: 0
}

form.ac-form .ac-reply-content input {
    margin-top: 10px
}

.bp-ac-form-cotainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ac-reply-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #767676;
    padding-left: 1em
}

.activity-comments li form.ac-form {
    clear: both;
    margin-right: 15px
}

.activity-comments form.root {
    margin-left: 0
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .blogs-list li .item-meta {
        clear: left;
        float: none
    }
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .bp-dir-vert-nav .blogs-list .list-title {
        width: auto
    }
}

.buddypress-wrap .groups-list li .list-title {
    text-align: center
}

.buddypress-wrap .groups-list li .group-details {
    clear: left
}

.buddypress-wrap .groups-list li .group-desc {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    font-size: 13px;
    color: #737373;
    font-style: italic;
    margin: 10px auto 0;
    padding: 1em
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .groups-list li .group-desc {
        font-size: 16px
    }
}

.buddypress-wrap .groups-list li p {
    margin: 0 0 .5em
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .groups-list li .item {
        margin-right: 0
    }

    .buddypress-wrap .groups-list li .item-meta,
    .buddypress-wrap .groups-list li .list-title {
        text-align: left;
        width: auto
    }

    .buddypress-wrap .groups-list li .item-meta {
        margin-bottom: 20px
    }

    .buddypress-wrap .groups-list li .last-activity {
        clear: left;
        margin-top: -20px
    }
}

.buddypress-wrap .groups-list li.group-no-avatar div.group-desc {
    margin-left: 0
}

.buddypress-wrap .mygroups .groups-list.grid .wrap {
    min-height: 450px;
    padding-bottom: 0
}

@media screen and (min-width:46.8em) {
    .buddypress .bp-vertical-navs .groups-list .item-avatar {
        margin-right: 3%;
        width: 15%
    }
}

.buddypress-wrap .members-list li .member-name {
    margin-bottom: 10px
}

.buddypress-wrap .members-list li .user-update {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    color: #737373;
    font-style: italic;
    font-size: 13px;
    margin: 15px auto;
    padding: 1em
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .members-list li .user-update {
        font-size: 16px
    }
}

.buddypress-wrap .members-list li .user-update .activity-read-more {
    display: block;
    font-size: 12px;
    font-style: normal;
    margin-top: 10px;
    padding-left: 2px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .members-list li .last-activity {
        clear: left;
        margin-top: -10px
    }
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .members-group-list li .joined {
        clear: left;
        float: none;
        margin-top: 0
    }

    .buddypress-wrap .members-group-list li .role {
        clear: left;
        float: none;
        font-size: 14px;
        margin: 0
    }
}

@media screen and (min-width:32em) {
    body:not(.logged-in) .members-list .user-update {
        width: 96%
    }
}

.members-directory-wrapper {
    display: flex;
    flex-flow: row wrap
}

@media screen and (min-width:46.8em) {
    .members-directory-wrapper {
        flex-flow: row-reverse
    }

    .members-directory-wrapper .bp-profile-search-widget {
        flex: 0 0 220px;
        min-width: 0;
        margin-left: 30px
    }
}

.members-directory-wrapper .members-directory-container {
    flex: 1;
    min-width: 0
}

@media screen and (max-width:46.8em) {
    .members-directory-wrapper .bp-profile-search-widget {
        flex: 0 0 100%;
        min-width: 0
    }
}

.members-directory-wrapper .bp-field-wrap {
    margin-bottom: 20px
}

.members-directory-wrapper .bps-description {
    font-size: 13px;
    margin: 5px 0;
    color: #767676
}

.bp-profile-search-widget .bp-field-wrap {
    margin-bottom: 20px
}

.bp-profile-search-widget .bps-form-title {
    font-size: 13px;
    font-weight: 400;
    color: #767676;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 20px
}

.bp-profile-search-widget label {
    font-weight: 600;
    font-size: 15px
}

.bp-profile-search-widget select {
    width: 100%
}

.bp-profile-search-widget .bp-heading-field-wrap {
    border-radius: 0
}

.register-page .register-section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.register-page .signup-form {
    margin-top: 20px
}

.register-page .signup-form .default-profile input {
    margin-bottom: 20px
}

.register-page .signup-form label,
.register-page .signup-form legend {
    margin: 10px 0 0
}

.register-page .signup-form .editfield {
    margin: 15px 0
}

.register-page .signup-form .editfield fieldset {
    border: 0;
    padding: 0
}

.register-page .signup-form .editfield fieldset legend {
    margin: 0 0 5px;
    text-indent: 0
}

.register-page .signup-form .editfield .field-visibility-settings {
    padding: .7em 0
}

.register-page .signup-form .editfield .field-visibility-settings fieldset {
    margin: 10px 0
}

.register-page .signup-form p.field-visibility-settings-header {
    margin: 10px 0
}

.register-page .signup-form #signup-avatar img {
    margin: 0 15px 10px 0
}

.register-page .signup-form .password-entry,
.register-page .signup-form .password-entry-confirm {
    border: 1px solid #eee
}

.register-page .signup-form .blog-details {
    margin-top: 25px
}

.register-page .signup-form .blog-details h2 {
    margin-bottom: 10px
}

.register-page .register-privacy-info {
    margin: 15px 0 0
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .register-page .layout-wrap {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around
    }

    .buddypress-wrap .register-page .layout-wrap .default-profile {
        flex: 1 100%;
        min-width: 0
    }

    .buddypress-wrap .register-page .layout-wrap .blog-details {
        flex: 1 100%;
        min-width: 0
    }

    .buddypress-wrap .register-page .submit {
        clear: both
    }
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap.extended-default-reg .register-page .default-profile {
        flex: 1 100%;
        min-width: 0
    }

    .buddypress-wrap.extended-default-reg .register-page .extended-profile {
        flex: 1 100%;
        min-width: 0
    }

    .buddypress-wrap.extended-default-reg .register-page .blog-details {
        flex: 1 100%;
        min-width: 0
    }
}

body.register #page #primary .entry-header {
    text-align: center
}

@media screen and (min-width:55em) {

    body.register #page #primary .entry-header,
    body.register .buddypress-wrap {
        max-width: 460px;
        margin-left: auto;
        margin-right: auto
    }
}

body.register .registration-popup {
    background: #fff;
    padding: 30px;
    text-align: left;
    min-height: 400px;
    max-width: 650px;
    margin: 40px auto;
    position: relative
}

body.register .registration-popup .mfp-close {
    color: #000
}

body.register .registration-popup .mfp-close:focus,
body.register .registration-popup .mfp-close:hover {
    background: 0 0
}

#buddypress #signup-form input:focus {
    border-color: #aaa
}

#buddypress #signup-form input.error {
    border-color: #b71717;
    border-width: 2px
}

#buddypress #signup-form label.error {
    display: none !important
}

.bs-bp-container-reg .buddypress-wrap #email-strength-result {
    border-style: solid;
    border-width: 1px;
    display: none;
    font-weight: 700;
    margin: 10px 0;
    margin-bottom: 10px;
    padding: .7em;
    text-align: center;
    width: auto
}

.bs-bp-container-reg .buddypress-wrap #email-strength-result.mismatch {
    font-weight: 400;
    background-color: #e0e1e1;
    border-color: #e0e1e1;
    border-radius: 3px;
    font-size: 14px
}

.bs-bp-container-reg .buddypress-wrap #email-strength-result.show {
    font-weight: 400;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    display: block
}

#email-strength-result.bad,
.bs-bp-container-reg .buddypress-wrap #email-strength-result.error {
    background-color: #ef3e46;
    border-color: #ef3e46;
    color: #fff
}

.bb-password-wrap {
    position: relative
}

.bb-password-wrap a.bb-toggle-password {
    color: rgba(18, 43, 70, .5);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important
}

.bb-password-wrap .bb-show-pass .bb-icon-eye:before {
    content: "\e8fc"
}

#group-create-body {
    padding: .7em
}

#group-create-body .creation-step-name {
    text-align: center
}

#group-create-body .avatar-nav-items {
    margin-top: 15px
}

.single-headers:after,
.single-headers:before {
    content: " ";
    display: table
}

.single-headers:after {
    clear: both
}

.single-headers {
    margin-bottom: 15px
}

.single-headers #item-header-avatar a {
    border: 0;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none
}

.single-headers .activity,
.single-headers .group-status {
    display: inline
}

.single-headers .group-status {
    font-size: 14px;
    padding-right: 1em
}

.single-headers .activity {
    display: inline-block;
    font-size: 14px;
    padding: 0
}

.single-headers #sitewide-notice p,
.single-headers div#message p {
    background-color: #ffd;
    border: 1px solid #cb2;
    color: #440;
    font-weight: 400;
    margin-top: 3px;
    text-decoration: none
}

.single-headers h2 {
    line-height: 1.2;
    margin: 0 0 5px
}

.single-headers h2 a {
    color: #767676;
    text-decoration: none
}

.single-headers h2 span.highlight {
    display: inline-block;
    font-size: 60%;
    font-weight: 400;
    line-height: 1.7;
    vertical-align: middle
}

.single-headers h2 span.highlight span {
    background: #a1dcfa;
    color: #fff;
    cursor: pointer;
    font-size: 80%;
    font-weight: 700;
    margin-bottom: 2px;
    padding: 1px 4px;
    position: relative;
    right: -2px;
    top: -2px;
    vertical-align: middle
}

.single-headers .item-header-wrap {
    display: flex;
    flex-flow: row wrap
}

.single-headers img.avatar {
    margin: 0 15px 19px 0
}

.single-headers .item-meta {
    color: #767676;
    font-size: 14px;
    margin: 15px 0 5px;
    padding-bottom: .7em
}

.single-headers ul {
    list-style: none;
    margin: 0
}

.single-headers ul>.generic-button {
    display: inline-block;
    text-align: center;
    margin: 5px 10px 10px 0
}

.single-headers .group-description ol,
.single-headers .group-description ul {
    list-style-position: inside !important;
    margin: 0 0 1rem
}

.single-headers .group-description ul {
    list-style: initial
}

.single-headers .group-description ol {
    list-style: decimal
}

.single-headers .member-header-actions>.generic-button {
    display: inline-block;
    text-align: center;
    margin: 5px 10px 10px 0
}

.single-headers div.generic-button {
    text-align: center
}

@media screen and (min-width:46.8em) {

    .single-headers a.button,
    .single-headers div.generic-button,
    .single-headers li.generic-button {
        float: left
    }
}

.single-headers div#message.info {
    line-height: .8
}

body.no-js .single-item-header .js-self-profile-button {
    display: none
}

#create-group-form #header-cover-image {
    margin-bottom: 15px
}

.group-create #create-group-form #header-cover-image {
    display: none
}

@media screen and (min-width:783px) {
    #item-header-avatar {
        padding-right: 1em
    }
}

@media screen and (max-width:782px) {
    .single-headers .item-header-wrap {
        flex-flow: column
    }

    #item-header-content {
        text-align: center
    }
}

#cover-image-container {
    flex: 0 0 100%;
    min-width: 0;
    position: relative
}

#buddypress #header-cover-image {
    background-color: #555;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden
}

#buddypress #header-cover-image .header-cover-img {
    max-width: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

#buddypress #header-cover-image.has-position .header-cover-img {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#buddypress #header-cover-image .header-cover-reposition-wrap {
    overflow: hidden;
    height: 100%;
    display: none;
    width: 100%;
    text-align: right
}

#buddypress #header-cover-image .header-cover-reposition-wrap .drag-element-helper {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 119;
    top: 50%;
    color: #fff;
    background-color: rgba(134, 132, 132, .6);
    padding: 10px 15px;
    border-radius: 5px;
    pointer-events: none
}

#buddypress #header-cover-image .header-cover-reposition-wrap .drag-element-helper>i {
    margin-right: 5px
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button {
    position: relative;
    z-index: 1;
    float: none;
    margin: 12px 12px 0 0;
    background-color: rgba(255, 255, 255, .9);
    color: #939597;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.6;
    padding: 6px 11px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button.loading:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear;
    vertical-align: middle
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button:focus,
#buddypress #header-cover-image .header-cover-reposition-wrap>.button:hover {
    background-color: rgba(255, 255, 255, .9);
    box-shadow: none
}

#buddypress #header-cover-image .header-cover-reposition-wrap .guillotine-window {
    position: absolute;
    top: 0
}

#buddypress #header-cover-image .header-cover-reposition-wrap img {
    max-width: initial;
    perspective: none !important;
    backface-visibility: initial !important
}

#item-header-cover-image {
    margin-bottom: 1em;
    position: relative;
    z-index: 2
}

#item-header-cover-image #item-header-avatar {
    margin-top: -70px;
    padding: 0 1em;
    position: relative
}

#item-header-avatar img {
    border: solid 2px #fff;
    background: rgba(255, 255, 255, .8);
    box-shadow: none;
    display: block;
    margin: 0 auto
}

.users-header #item-header-cover-image #item-header-content {
    flex: 1;
    margin-top: -50px;
    min-width: 0
}

body.guillotine-dragging,
body.guillotine-dragging * {
    cursor: move !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;
    cursor: grabbing, move
}

.guillotine-window {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    cursor: grab, move
}

.guillotine-canvas {
    position: absolute;
    top: 0;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    left: 0 !important
}

.guillotine-canvas>img {
    height: auto;
    min-height: 100%;
    object-fit: cover
}

.guillotine-canvas>* {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important
}

.guillotine-sample {
    position: absolute !important;
    top: -100000px !important;
    left: -100000px !important;
    width: auto !important;
    height: auto !important
}

#cover-photo-alert .bb-field-wrap {
    margin-bottom: 0
}

#cover-photo-alert .bb-field-wrap p {
    margin-bottom: 0
}

.groups-header .bp-group-type-list {
    margin: 0
}

.groups-header .bp-feedback {
    clear: both
}

.groups-header .action .button {
    margin-right: 10px
}

.groups-header .moderators-lists {
    margin-top: 0;
    display: table-cell
}

.groups-header .moderators-lists .moderators-title {
    font-size: 14px
}

.groups-header .moderators-lists .user-list {
    margin: 0 0 5px
}

.groups-header .moderators-lists .user-list ul:after {
    clear: both;
    content: "";
    display: table
}

.groups-header .moderators-lists .user-list li {
    display: inline-block;
    float: none;
    margin: 4px 0 0 4px
}

.groups-header .moderators-lists img.avatar {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
    height: 30px;
    margin: 0;
    max-width: 100%;
    width: 30px
}

.groups-header .parent-list {
    padding: 0 1em 0 0;
    display: table-cell
}

.groups-header .parent-list .parent-title {
    font-size: 14px
}

.groups-header .parent-list .group-list {
    margin: 0 0 5px
}

.groups-header .parent-list .group-list ul:after {
    clear: both;
    content: "";
    display: table
}

.groups-header .parent-list .group-list li {
    display: inline-block;
    float: none;
    margin: 4px 0 0 4px
}

.groups-header .parent-list img.avatar {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
    height: 30px;
    margin: 0;
    max-width: 100%;
    width: 30px
}

.groups-header .desc-wrap {
    background: #eaeaea;
    border: 1px solid #d6d6d6;
    margin: 0 0 15px;
    padding: 1em;
    text-align: center
}

.groups-header .desc-wrap .group-description {
    background: #fafafa;
    padding: 1em;
    text-align: left
}

.groups-header .desc-wrap .group-description p:last-child {
    margin-bottom: 0
}

.groups-header .bb_more_options {
    display: inline-block
}

@media screen and (min-width:783px) {
    .groups-header #item-header-content {
        flex: 1;
        min-width: 0
    }

    .groups-header #item-header-cover-image #item-actions,
    .groups-header #item-header-cover-image #item-header-content {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .groups-header .group-item-actions {
        margin-left: 15px;
        text-align: right;
        max-width: 25%;
        display: table
    }

    .groups-header .groups-meta {
        clear: both
    }
}

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

    .groups-header #item-header-cover-image #item-actions,
    .groups-header #item-header-cover-image #item-header-content {
        padding-bottom: 15px
    }
}

@media screen and (max-width:380px) {
    .groups-header .bb_more_options {
        margin-bottom: 10px
    }
}

.bp-user .users-header .user-nicename {
    margin-bottom: 5px
}

.bp-user .member-header-actions {
    overflow: hidden
}

.bp-user .member-header-actions *>* {
    display: block
}

.bp-user .bb-enable-cover-img .bb_more_options {
    margin: 35px 0 0 10px
}

body.buddypress.bp-user #page #primary .entry-header {
    display: none
}

.forum #bbpress-forums>.bb_more_options {
    float: right;
    margin-top: -3px
}

#buddypress .bb_more_options,
.bb_more_options {
    position: relative;
    display: inline-block
}

#buddypress .bb_more_options .bb_more_options_action,
.bb_more_options .bb_more_options_action {
    padding: 5px;
    display: flex;
    cursor: pointer
}

#buddypress .bb_more_options .bb_more_options_action i,
.bb_more_options .bb_more_options_action i {
    font-size: 21px;
    color: #939597
}

#buddypress .bb_more_options .bb_more_options_list,
.bb_more_options .bb_more_options_list {
    position: absolute;
    top: 30px;
    right: 4px;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .01);
    border-radius: 4px;
    width: 168px;
    padding: 5px 0;
    display: none;
    z-index: 11
}

#buddypress .bb_more_options .bb_more_options_list.is_visible,
.bb_more_options .bb_more_options_list.is_visible {
    display: block
}

#buddypress .bb_more_options .bb_more_options_list>.generic-button,
.bb_more_options .bb_more_options_list>.generic-button {
    width: 100%;
    margin: 0 !important
}

#buddypress .bb_more_options .bb_more_options_list:after,
.bb_more_options .bb_more_options_list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    margin: 0 auto;
    right: 8px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    z-index: 101
}

#buddypress .bb_more_options .bb_more_options_list p,
.bb_more_options .bb_more_options_list p {
    margin: 0
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button,
#buddypress .bb_more_options .bb_more_options_list a,
#buddypress .bb_more_options .bb_more_options_list button,
.bb_more_options .bb_more_options_list .generic-button>button,
.bb_more_options .bb_more_options_list a,
.bb_more_options .bb_more_options_list button {
    margin: 0;
    display: block;
    text-align: left;
    opacity: 1;
    font-size: 13px;
    letter-spacing: -.24px;
    width: 100%;
    text-transform: none;
    font-weight: 400;
    min-height: auto;
    border-radius: 0;
    padding: 10px 14px;
    color: #7f868f !important;
    line-height: 1.1;
    border: 0;
    background-color: transparent;
    box-shadow: none !important
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button:hover,
#buddypress .bb_more_options .bb_more_options_list a:hover,
#buddypress .bb_more_options .bb_more_options_list button:hover,
.bb_more_options .bb_more_options_list .generic-button>button:hover,
.bb_more_options .bb_more_options_list a:hover,
.bb_more_options .bb_more_options_list button:hover {
    background-color: #f5f5f5 !important
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button:before,
#buddypress .bb_more_options .bb_more_options_list a:before,
#buddypress .bb_more_options .bb_more_options_list button:before,
.bb_more_options .bb_more_options_list .generic-button>button:before,
.bb_more_options .bb_more_options_list a:before,
.bb_more_options .bb_more_options_list button:before {
    font-family: bb-icons;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
    text-align: center
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.report-content:before,
#buddypress .bb_more_options .bb_more_options_list .generic-button>button.reported-content:before,
#buddypress .bb_more_options .bb_more_options_list a.report-content:before,
#buddypress .bb_more_options .bb_more_options_list a.reported-content:before,
#buddypress .bb_more_options .bb_more_options_list button.report-content:before,
#buddypress .bb_more_options .bb_more_options_list button.reported-content:before,
.bb_more_options .bb_more_options_list .generic-button>button.report-content:before,
.bb_more_options .bb_more_options_list .generic-button>button.reported-content:before,
.bb_more_options .bb_more_options_list a.report-content:before,
.bb_more_options .bb_more_options_list a.reported-content:before,
.bb_more_options .bb_more_options_list button.report-content:before,
.bb_more_options .bb_more_options_list button.reported-content:before {
    content: "\e8ea"
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button:before,
#buddypress .bb_more_options .bb_more_options_list a:before,
#buddypress .bb_more_options .bb_more_options_list button:before,
.bb_more_options .bb_more_options_list .generic-button>button:before,
.bb_more_options .bb_more_options_list a:before,
.bb_more_options .bb_more_options_list button:before {
    font-family: bb-icons;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
    text-align: center
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.view-as:before,
#buddypress .bb_more_options .bb_more_options_list a.view-as:before,
#buddypress .bb_more_options .bb_more_options_list button.view-as:before,
.bb_more_options .bb_more_options_list .generic-button>button.view-as:before,
.bb_more_options .bb_more_options_list a.view-as:before,
.bb_more_options .bb_more_options_list button.view-as:before {
    content: "\e88a";
    font-family: bb-icons;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center;
    vertical-align: middle
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.send-message:before,
#buddypress .bb_more_options .bb_more_options_list a.send-message:before,
#buddypress .bb_more_options .bb_more_options_list button.send-message:before,
.bb_more_options .bb_more_options_list .generic-button>button.send-message:before,
.bb_more_options .bb_more_options_list a.send-message:before,
.bb_more_options .bb_more_options_list button.send-message:before {
    content: "\e839";
    font-size: 16px;
    color: inherit !important
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.block-member:before,
#buddypress .bb_more_options .bb_more_options_list a.block-member:before,
#buddypress .bb_more_options .bb_more_options_list button.block-member:before,
.bb_more_options .bb_more_options_list .generic-button>button.block-member:before,
.bb_more_options .bb_more_options_list a.block-member:before,
.bb_more_options .bb_more_options_list button.block-member:before {
    content: "\e8c9"
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.follow-button:before,
#buddypress .bb_more_options .bb_more_options_list .generic-button>button.friendship-button:before,
#buddypress .bb_more_options .bb_more_options_list a.follow-button:before,
#buddypress .bb_more_options .bb_more_options_list a.friendship-button:before,
#buddypress .bb_more_options .bb_more_options_list button.follow-button:before,
#buddypress .bb_more_options .bb_more_options_list button.friendship-button:before,
.bb_more_options .bb_more_options_list .generic-button>button.follow-button:before,
.bb_more_options .bb_more_options_list .generic-button>button.friendship-button:before,
.bb_more_options .bb_more_options_list a.follow-button:before,
.bb_more_options .bb_more_options_list a.friendship-button:before,
.bb_more_options .bb_more_options_list button.follow-button:before,
.bb_more_options .bb_more_options_list button.friendship-button:before {
    content: "\e94d"
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.view-as:before,
#buddypress .bb_more_options .bb_more_options_list a.view-as:before,
#buddypress .bb_more_options .bb_more_options_list button.view-as:before,
.bb_more_options .bb_more_options_list .generic-button>button.view-as:before,
.bb_more_options .bb_more_options_list a.view-as:before,
.bb_more_options .bb_more_options_list button.view-as:before {
    content: "\e88a"
}

@media screen and (max-width:799px) {
    .bp-user .bb-enable-cover-img .bb_more_options {
        margin: 0
    }
}

.buddypress-wrap .item-body .screen-heading {
    font-size: 20px;
    font-weight: 400
}

.buddypress-wrap .item-body .button-tabs {
    margin: 30px 0 15px
}

.buddypress-wrap .item-body .group-create-buttons {
    list-style: none
}

.buddypress-wrap .item-body .group-create-buttons li {
    padding-right: 12px
}

.buddypress-wrap.bp-single-vert-nav .bp-list:not(.grid) .item-entry {
    padding-left: .7em
}

.single-item.group-members .item-body .filters:not(.no-subnav) {
    border-top: 5px solid #eaeaea;
    padding-top: 1em
}

.single-item.subgroups .item-body #subnav-filters .subnav-search {
    display: none
}

.single-item.subgroups .item-body #subnav-filters #dir-filters {
    display: none
}

.buddypress-wrap .group-status-type ul {
    margin: 0 0 20px 20px
}

.groups-manage-members-list {
    padding: .7em 0
}

.groups-manage-members-list dd {
    margin: 0;
    padding: 1em 0
}

.groups-manage-members-list .section-title {
    background: #eaeaea;
    padding-left: .3em
}

.groups-manage-members-list ul {
    list-style: none;
    margin-bottom: 0
}

.groups-manage-members-list ul li {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding: .7em .3em .3em
}

.groups-manage-members-list ul li:last-child,
.groups-manage-members-list ul li:only-child {
    border-bottom: 0
}

.groups-manage-members-list ul li:nth-child(even) {
    background: #fafafa
}

.groups-manage-members-list ul li.banned-user {
    background: #fad3d3
}

.groups-manage-members-list ul .member-name {
    margin-bottom: 0;
    text-align: center
}

.groups-manage-members-list ul img {
    display: block;
    margin: 0 auto;
    width: 20%
}

@media screen and (min-width:32em) {
    .groups-manage-members-list ul .member-name {
        text-align: left
    }

    .groups-manage-members-list ul img {
        display: inline;
        width: 50px
    }
}

.groups-manage-members-list ul .members-manage-buttons:after,
.groups-manage-members-list ul .members-manage-buttons:before {
    content: " ";
    display: table
}

.groups-manage-members-list ul .members-manage-buttons:after {
    clear: both
}

.groups-manage-members-list ul .members-manage-buttons {
    margin: 15px 0 5px
}

.groups-manage-members-list ul .members-manage-buttons a.button {
    color: #767676;
    display: block;
    font-size: 13px
}

@media screen and (min-width:32em) {
    .groups-manage-members-list ul .members-manage-buttons a.button {
        display: inline-block
    }
}

.groups-manage-members-list ul .members-manage-buttons.text-links-list {
    margin-bottom: 0
}

@media screen and (max-width:32em) {
    .groups-manage-members-list ul .members-manage-buttons.text-links-list a.button {
        background: #fafafa;
        border: 1px solid #eee;
        display: block;
        margin-bottom: 10px
    }
}

.groups-manage-members-list ul .action:not(.text-links-list) a.button {
    font-size: 12px
}

@media screen and (min-width:46.8em) {

    .groups-manage-members-list ul li .avatar,
    .groups-manage-members-list ul li .member-name {
        float: left
    }

    .groups-manage-members-list ul li .avatar {
        margin-right: 15px
    }

    .groups-manage-members-list ul li .action {
        clear: both;
        float: left
    }
}

#avatar-crop-actions {
    margin-top: 15px
}

#avatar-crop-actions a.avatar-crop-cancel {
    color: #555;
    margin-top: 15px
}

#group-invites-container {
    background: #fff;
    border: 1px solid #e7e9ec;
    border-radius: 4px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bb-groups-invites-right {
    flex: 1
}

.bb-groups-invites-left {
    border-right: 1px solid #e7e9ec;
    min-width: 0;
    flex: 0 0 360px
}

.bb-groups-invites-left .bp-list li .item-avatar {
    margin-right: 15px
}

.bb-groups-invites-left .group-invites-search {
    padding: 20px
}

.bb-groups-invites-left .bb-icons.bb-icon-loader {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    margin-top: 3px
}

#item-body #group-invites-container li.selected {
    background: #f5f5f5
}

#group-invites-container .bb-groups-invites-right .bp-invites-feedback-hide {
    display: none
}

#send_group_invite_form .select2-selection--multiple {
    border-color: transparent;
    padding: 0
}

#send_group_invite_form .select2-selection__rendered {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    max-height: 120px;
    overflow: auto
}

#send_group_invite_form .select2-search.select2-search--inline {
    flex: 1;
    min-width: 0
}

#buddypress #send_group_invite_form .select2-search__field {
    background: 0 0;
    border-width: 0;
    min-width: 100%;
    width: 100% !important;
    padding-left: 0
}

body.groups.group-invites .select2-dropdown .select2-results__option {
    border-radius: 3px;
    margin-bottom: 0;
    font-size: 14px;
    padding: 2px 5px
}

body.groups.group-invites li.select2-results__option.select2-results__invite {
    border-radius: 3px;
    margin-bottom: 0;
    font-size: 14px;
    list-style: none;
    padding: 2px 5px
}

body.groups.group-invites span.select2-dropdown.select2-dropdown--below {
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    margin-right: 0;
    max-width: 300px;
    display: none
}

.bb-groups-invites-right-top {
    padding: 20px
}

.bb-groups-invites-right-top .bb-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bb-groups-invites-right-top .bb-add-invites {
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: 1
}

.bb-groups-invites-right-top .bb-add-invites .bb-icons {
    margin-right: 5px;
    font-size: 18px
}

.bb-invites-footer {
    border-top: 1px solid #e7e9ec;
    padding: 10px 20px;
    text-align: right
}

@media screen and (min-width:768px) {

    .bb-groups-invites-right-top .bb-add-invites,
    .bb-invites-footer {
        display: none
    }
}

@media screen and (max-width:767px) {
    .bb-groups-invites-left {
        display: none
    }

    div#bp-group-invite-content #send-invites-control {
        min-height: 100px
    }

    .bb-groups-invites-left.bb-select-member-view {
        position: fixed;
        background: rgba(0, 0, 0, .69);
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999999;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

    .bb-groups-invites-left.bb-select-member-view .bb-groups-invites-left-inner {
        background: #fff;
        border-radius: 5px;
        width: 90%;
        max-width: 500px;
        overflow: hidden
    }

    div.group-invites-members-listing {
        padding-bottom: 0
    }

    .group-invites-members-listing .bp-invites-feedback {
        margin-bottom: 30px
    }
}

a.bb-close-invites-members.button {
    min-width: 110px
}

.bb-groups-invites-right-bottom {
    border-top: 1px solid #e7e9ec
}

body.groups.group-invites #send_group_invite_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #4d5c6d;
    border-color: #4d5c6d;
    font-size: 14px;
    color: #fff;
    letter-spacing: -.24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    padding: 0 8px
}

#send_group_invite_form li.select2-selection__choice {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px
}

#send_group_invite_form .select2-selection__choice__remove {
    line-height: 1;
    margin: 0 0 0 8px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    color: #333;
    font-size: 14px;
    text-align: center
}

#send_group_invite_form .select2-selection--multiple {
    border-color: transparent;
    padding: 0
}

#send_group_invite_form .select2-search.select2-search--inline {
    flex: 1;
    min-width: 0
}

#send_group_invite_form #group-invites-toolbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

#send_group_invite_form #group-invites-toolbar .post-elements-buttons-item {
    margin-right: 10px;
    position: relative
}

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

#bp-group-invite-content .medium-editor-element,
#bp-group-invite-content .medium-editor-placeholder {
    font-size: 16px
}

#bp-group-invite-content #send-invites-control {
    border: 0;
    resize: none;
    padding: 25px;
    height: auto;
    max-height: 32vh
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing .bp-invites-feedback-hide {
    display: none
}

#group-invites-container .bb-groups-invites-left .item-list li {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    margin: 0 -20px 1px;
    width: auto;
    padding: 8px 20px
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing .list-title,
#group-invites-container .bb-groups-invites-left .group-invites-members-listing .list-title a {
    font-size: 15px;
    font-weight: 400;
    margin: 0 auto;
    width: 100%
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing .action button {
    height: auto;
    min-height: 10px;
    padding: 0;
    min-width: 40px;
    border: 0;
    color: inherit;
    background: 0 0;
    box-shadow: none
}

#group-invites-container .bb-groups-invites-left .last {
    text-align: center;
    float: right
}

#group-invites-container .bb-groups-invites-left .bp-group-invites-filters .button.group-invite-button {
    background-color: transparent;
    border: 0;
    padding-left: 5px;
    padding-right: 5px
}

#group-invites-container .bb-groups-invites-left #group-group-invites-container .button.group-invite-button {
    min-height: 34px;
    padding: 5px 16px
}

#group-invites-container .bb-groups-invites-left .button.group-invite-button {
    min-height: 26px;
    padding: 0;
    background: 0 0;
    border: 0
}

.bp-single-invite-wrap.group-invites-highlight {
    background: #fffced;
    padding: 10px;
    border: 1px solid #f9efca;
    border-radius: 5px
}

#group-invites-container .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: transparent !important;
    cursor: default
}

#group-invites-container div#group-invites-new-submit {
    margin-left: auto;
    display: flex
}

#group-invites-container select.group-invites-type {
    margin-right: 10px
}

#group-invites-container #send_group_invite_form {
    margin-bottom: 0;
    position: relative;
    height: 100%;
    padding-bottom: 55px
}

#group-invites-container .bb-groups-invites-right>.bp-feedback {
    margin: 20px
}

.bp-single-invite-content .bp-invite-content-wrap p.joined {
    color: #847d7d;
    font-style: italic;
    font-weight: 700
}

.group-invites-members-listing {
    padding-bottom: 20px
}

#group-invites-container .bb-groups-invites-left #members-list {
    max-height: 55vh;
    overflow: auto;
    margin: 0;
    padding: 0 20px
}

.group-invites.pending-invites.invite #group-invites-container .group-invites-column .group-subnav-filters div .last {
    display: none
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing #members-list .load-more .center {
    width: 100%;
    text-align: center
}

#group-invites-container .bb-groups-invites-left .bp-invites-dropdown-options-loader-hide,
#group-invites-container .bb-groups-invites-left .group-invites-members-listing .last,
#group-invites-container .bb-groups-invites-right .bp-invites-submit-loader-hide {
    display: none
}

.bb-groups-invites-left .group-invites-members-listing .bp-invites-feedback,
.bb-groups-invites-right #send_group_invite_form .bb-groups-invites-right-top .bp-invites-feedback {
    display: none
}

#bp-pending-invites-loader {
    display: none
}

#bp-pending-invites-loader {
    position: relative;
    text-align: center
}

#bp-pending-invites-loader .dashicons-update:before {
    content: "\e838";
    font-family: bb-icons;
    font-size: 20px;
    display: block;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

#bp-invites-submit-loader {
    margin-left: auto;
    margin-right: 10px;
    position: relative;
    top: 2px
}

#bp-invites-submit-loader .bb-icons {
    font-size: 16px
}

#bp-invites-submit-loader .dashicons-update:before {
    content: "\e838";
    font-family: bb-icons;
    font-size: 20px;
    display: block;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.group-invites-members-listing .bp-list li .item {
    overflow: initial
}

.buddypress.groups .activity-update-form {
    margin-top: 0
}

.buddypress-wrap .profile {
    margin-top: 30px
}

.buddypress-wrap .public .profile-fields td.label {
    width: 30%
}

.buddypress-wrap .profile.edit .button-nav {
    list-style: none;
    margin: 30px 0 10px
}

.buddypress-wrap .profile.edit .button-nav li {
    display: inline-block;
    margin-right: 10px
}

.buddypress-wrap .profile.edit .button-nav li a {
    font-size: 18px
}

.buddypress-wrap .profile.edit .editfield {
    background: #fafafa;
    border: 1px solid #eee;
    margin: 15px 0;
    padding: 1em
}

.buddypress-wrap .profile.edit .editfield fieldset {
    border: 0
}

.buddypress-wrap .profile.edit .editfield fieldset label {
    font-weight: 400
}

.buddypress-wrap .profile.edit .editfield fieldset label.xprofile-field-label {
    display: inline
}

.buddypress-wrap .profile.edit .repeater_group_outer {
    margin: 0 0 15px;
    padding: 15px;
    cursor: move;
    background: #fff;
    border: 1px solid #eee
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_tools {
    display: flex;
    flex-flow: row wrap
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_tools a {
    align-items: center;
    display: flex
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_set_title {
    flex: 1;
    min-width: 0
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_set_title_empty {
    color: #ccc
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_set_edit {
    margin-left: auto;
    margin-right: 5px
}

.buddypress-wrap .profile.edit .editfield {
    display: flex;
    flex-direction: column
}

.buddypress-wrap .profile.edit .editfield legend {
    margin-bottom: 10px
}

.buddypress-wrap .profile.edit .editfield .description {
    margin-top: -10px;
    margin-bottom: 10px;
    order: 2
}

.buddypress-wrap .profile.edit .editfield>fieldset {
    order: 1
}

.buddypress-wrap .profile.edit .editfield .field-visibility-settings,
.buddypress-wrap .profile.edit .editfield .field-visibility-settings-toggle {
    order: 3
}

#btn_add_repeater_set {
    align-items: center;
    display: flex;
    float: right
}

#btn_add_repeater_set .dashicons {
    margin-right: 5px
}

body.no-js .buddypress-wrap .field-visibility-settings-close,
body.no-js .buddypress-wrap .field-visibility-settings-toggle {
    display: none
}

body.no-js .buddypress-wrap .field-visibility-settings {
    display: block
}

.buddypress-wrap .field-visibility-settings {
    margin: 10px 0
}

.buddypress-wrap .current-visibility-level {
    font-style: normal;
    color: #333
}

.buddypress-wrap .field-visibility-settings,
.buddypress-wrap .field-visibility-settings-header {
    color: #737373
}

.buddypress-wrap .field-visibility-settings fieldset {
    margin: 5px 0
}

.buddypress-wrap .standard-form .editfield fieldset {
    margin: 0
}

.buddypress-wrap .standard-form .field-visibility-settings label {
    font-weight: 400;
    margin: 0
}

.buddypress-wrap .standard-form .field-visibility-settings .radio {
    list-style: none;
    margin-bottom: 0
}

.buddypress-wrap .standard-form .field-visibility-settings .field-visibility-settings-close {
    font-size: 12px
}

.buddypress-wrap .standard-form .wp-editor-container {
    border: 1px solid #dedede
}

.buddypress-wrap .standard-form .wp-editor-container textarea {
    background: #fff;
    width: 100%
}

.buddypress-wrap .standard-form .description {
    font-size: inherit
}

.buddypress-wrap .standard-form .field-visibility-settings legend,
.buddypress-wrap .standard-form .field-visibility-settings-header {
    font-style: italic
}

.buddypress-wrap .standard-form .field-visibility-settings-header {
    font-size: 14px;
    margin: 5px 0
}

.buddypress-wrap .standard-form .field-visibility-settings label,
.buddypress-wrap .standard-form .field-visibility-settings legend {
    font-size: 14px
}

.buddypress-wrap .standard-form .field-visibility select {
    margin: 0
}

.buddypress-wrap .html-active button.switch-html {
    background: #f5f5f5;
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.buddypress-wrap .tmce-active button.switch-tmce {
    background: #f5f5f5;
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.buddypress-wrap .profile.public .profile-group-title {
    border-bottom: 1px solid #ccc
}

body.register .buddypress-wrap .page ul {
    list-style: none
}

.buddypress-wrap .profile .bp-avatar-nav {
    margin-top: 20px
}

#item-header a.link-change-cover-image,
#item-header a.link-change-profile-image,
#item-header a.position-change-cover-image {
    background: rgba(255, 255, 255, .9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 12px;
    top: 12px;
    z-index: 3;
    opacity: 0;
    transition: all .2s;
    text-decoration: none;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

#item-header a.link-change-cover-image>i,
#item-header a.link-change-profile-image>i,
#item-header a.position-change-cover-image>i {
    font-size: 20px
}

#item-header a.link-change-cover-image>i {
    font-size: 16px
}

#item-header a.position-change-cover-image {
    top: 55px;
    display: none
}

@media screen and (min-width:1220px) {
    #buddypress #item-header a.position-change-cover-image {
        display: flex
    }

    #buddypress #item-header .header-cover-img {
        display: block
    }

    #buddypress #item-header #header-cover-image.has-cover-image {
        background-image: none
    }
}

#item-header-avatar a.link-change-profile-image {
    top: 100px;
    left: 50%;
    margin-left: -15px
}

#header-cover-image:hover a.link-change-cover-image,
#header-cover-image:hover a.position-change-cover-image,
#item-header-avatar:hover a.link-change-profile-image {
    opacity: 1
}

.social-networks-wrap span.social {
    display: inline-block;
    width: 20px;
    margin-right: 10px
}

.social-networks-wrap svg {
    width: 100%;
    vertical-align: middle
}

.item-body .bp-widget {
    margin-bottom: 20px
}

@media screen and (max-width:782px) {
    .member-header-actions.action {
        margin-top: 15px
    }

    .single-headers li.generic-button {
        float: none
    }
}

div.profile_completion_wrap .progress_text_wrap {
    text-align: right;
    margin-bottom: 5px
}

div.profile_completion_wrap .progress_container {
    border: 1px solid #000;
    border-radius: 12px
}

div.profile_completion_wrap .progress_container .pc_progress {
    height: 8px;
    background-color: #0b80a4;
    border-radius: 12px 0 0 12px
}

div.profile_completion_wrap ul.pc_detailed_progress li {
    margin: 15px 0
}

div.profile_completion_wrap ul.pc_detailed_progress li span.completed_staus {
    color: #fff;
    border-radius: 8px;
    padding: 2px;
    float: right;
    width: 50px;
    text-align: center
}

div.profile_completion_wrap ul.pc_detailed_progress li.completed span.completed_staus {
    background-color: #8a2
}

div.profile_completion_wrap ul.pc_detailed_progress li.incomplete span.section_name a {
    color: #5087e5;
    text-decoration: underline
}

div.profile_completion_wrap ul.pc_detailed_progress li.incomplete span.completed_staus {
    background-color: #b71717
}

#member-invites-table .field-actions,
#member-invites-table .field-actions-last {
    text-align: center
}

#member-invites-table .field-actions .field-actions-remove,
#member-invites-table .field-actions-last .field-actions-remove {
    cursor: pointer
}

#member-invites-table .field-actions-add {
    cursor: pointer
}

#member-invites-table .field-actions-add i {
    background-color: #000;
    color: #fff;
    border-radius: 100%;
    padding: 3px 4px 1px 3px;
    height: auto;
    width: auto;
    line-height: normal
}

#member-invites-table .field-actions-add.disabled {
    cursor: not-allowed
}

#member-invites-table .field-actions-add.disabled i {
    background-color: #ccc
}

.in-bbapp #secondary {
    display: none
}

.in-bbapp #buddypress #item-header,
.in-bbapp #buddypress .bp-wrap .main-navs {
    display: none
}

.preview-content .actions a {
    text-decoration: none
}

.bp-messages-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.bp-messages-content {
    flex: 1;
    min-width: 0;
    padding-left: 20px
}

.bp-messages-content .avatar {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bp-messages-content .thread-participants {
    list-style: none
}

.bp-messages-content .thread-participants dd {
    margin-left: 0
}

.bp-messages-content .thread-participants #view_more_members {
    font-size: 13px;
    display: inline-block
}

.bp-messages-content time {
    color: #737373;
    font-size: 12px
}

.bp-messages-content .thread-date {
    color: #737373;
    font-size: 14px
}

#message-threads {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

#message-threads li a.close-conversation {
    right: 35px
}

#message-threads:empty {
    display: none
}

#message-threads .can-not-send-msg {
    opacity: .5
}

#message-threads .can-not-send-msg .bp-message-link .thread-avatar.bp-suspended-avatar,
#message-threads .can-not-send-msg .bp-message-link .thread-content.bp-suspended-content {
    opacity: 1
}

#message-threads .can-not-send-msg.unread .thread-to:after {
    opacity: .85
}

#message-threads .can-not-send-msg .thread-to:after {
    content: "\e8c9";
    font-size: 14px;
    color: #122b46;
    line-height: 1;
    font-family: bb-icons;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 36px;
    bottom: 10px
}

#message-threads .can-not-send-msg:hover .thread-to:after {
    display: none
}

#message-threads .bp-message-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0;
    overflow: hidden;
    padding: .7em
}

#message-threads .bp-message-link .thread-cb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-flex: 1 2 5%;
    -moz-flex: 1 2 5%;
    -ms-flex: 1 2 5%;
    -o-flex: 1 2 5%;
    flex: 1 2 5%
}

#message-threads .bp-message-link .thread-to {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

#message-threads .bp-message-link .thread-to img.avatar {
    float: left;
    margin: 5px 10px 0 0
}

#message-threads .bp-message-link .thread-to .user-name {
    display: inline-block;
    line-height: 1.1
}

#message-threads .bp-message-link .thread-to .num-recipients {
    color: #737373;
    font-weight: 400;
    font-size: 12px;
    margin: 0
}

#message-threads .bp-message-link .thread-date {
    -webkit-flex: 1 2 15%;
    -moz-flex: 1 2 15%;
    -ms-flex: 1 2 15%;
    -o-flex: 1 2 15%;
    flex: 1 2 15%
}

#message-threads .bp-message-link.unread {
    background-color: #fafafa
}

#message-threads .bp-message-link.unread .thread-subject .subject {
    color: #5087e5
}

#message-threads .bp-message-link .thread-content {
    min-width: 0;
    -webkit-flex: 1 2 50%;
    -moz-flex: 1 2 50%;
    -ms-flex: 1 2 50%;
    -o-flex: 1 2 50%;
    flex: 1 2 50%
}

@media screen and (min-width:55em) {
    #message-threads .bp-message-link .thread-content {
        -webkit-flex: 1 2 70%;
        -moz-flex: 1 2 70%;
        -ms-flex: 1 2 70%;
        -o-flex: 1 2 70%;
        flex: 1 2 70%
    }
}

#message-threads .bp-message-link .thread-content .excerpt {
    color: #737373;
    font-size: 12px;
    margin: 0
}

#message-threads .bp-message-link .thread-content .thread-subject {
    font-size: 14px;
    vertical-align: top
}

#message-threads .bp-message-link .thread-content .thread-subject a {
    color: #737373
}

#message-threads .bp-message-link .thread-content .thread-subject .excerpt {
    font-weight: 400
}

#message-threads .bp-message-link .thread-date {
    color: #767676;
    font-size: 13px;
    padding-left: 5px;
    text-align: right
}

#message-threads .bp-message-link .thread-avatar {
    margin-right: 15px;
    max-width: 60px;
    -webkit-flex: 1 2 10%;
    -moz-flex: 1 2 10%;
    -ms-flex: 1 2 10%;
    -o-flex: 1 2 10%;
    flex: 1 2 10%
}

#message-threads .bp-message-link .thread-avatar img.avatar {
    max-width: 60px;
    width: 100%
}

#message-threads .bp-message-link .thread-multiple-avatar {
    min-height: 45px;
    min-width: 45px;
    margin: 0 -2px;
    position: relative
}

#message-threads .bp-message-link .thread-multiple-avatar img.avatar {
    border: 2px solid #fff;
    max-width: 34px;
    position: absolute;
    left: 0;
    top: 0
}

#message-threads .bp-message-link .thread-multiple-avatar img.avatar+img {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

#message-threads .bp-message-link:hover .thread-multiple-avatar img.avatar,
#message-threads .current .bp-message-link .thread-multiple-avatar img.avatar {
    border-color: #f5f6f7
}

#message-form-submit-wrapper,
#message-reply-form-submit-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bp-messages-content .actions {
    margin-left: auto
}

.bp-messages-content .actions .bb-icon-trash {
    font-size: 18px
}

.bp-messages-content .actions .bp-icons:not(.bp-hide) {
    display: inline-block;
    margin: 0;
    padding: .3em .7em
}

.bp-messages-content .actions .bp-icons:not(.bp-hide):before {
    font-size: 26px
}

.bp-messages-content .actions .message_actions .message_action__anchor {
    color: #555
}

.bp-messages-content .actions .message_actions .message_action__anchor .bb-icon-menu-dots-v {
    font-size: 20px
}

.bp-messages-content .actions .message_actions .message_action__list {
    display: none;
    margin: 0;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    padding: 5px 0;
    min-width: 165px;
    right: -20px;
    top: 35px;
    z-index: 119;
    list-style: none
}

.bp-messages-content .actions .message_actions .message_action__list.open {
    display: block
}

.bp-messages-content .actions .message_actions .message_action__list ul {
    margin: 0;
    padding: 0
}

.bp-messages-content .actions .message_actions .message_action__list li {
    margin: 0;
    list-style: none
}

.bp-messages-content .actions .message_actions .message_action__list li a {
    font-size: 13px;
    font-weight: inherit;
    color: #939597;
    letter-spacing: -.24px;
    line-height: 1;
    margin-bottom: 1px;
    padding: .5625rem .9375rem;
    display: block
}

.bp-messages-content .actions .message_actions .message_action__list:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 27px;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 1002
}

.bp-messages-content form.send-reply .avatar-box {
    padding: .7em 0
}

.bp-messages-content .single-message-thread-header {
    border-bottom: 1px solid #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bp-messages-content .single-message-thread-header .message_actions .message_action__list li a:before {
    font-family: bb-icons;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center
}

.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.unread a:before {
    content: "\e8ae"
}

.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.hide_thread a:before {
    content: "\e8f7"
}

.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.delete_messages a:before {
    content: "\e938"
}

.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.delete_thread a:before {
    content: "\e937"
}

.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.report_thread a:before,
.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.reported-content a:before,
.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.reported_thread a:before {
    content: "\e8c9";
    vertical-align: middle
}

.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.reported-content,
.bp-messages-content .single-message-thread-header .message_actions .message_action__list li.reported_thread {
    pointer-events: none;
    opacity: .9
}

.bp-messages-content .single-thread-title {
    font-size: 16px
}

.bp-messages-content .single-thread-title .messages-title {
    padding-left: 2em
}

.bp-messages-content .thread-participants {
    float: left;
    margin: 5px 0;
    width: 70%
}

.bp-messages-content .thread-participants dd {
    margin-bottom: 10px
}

.bp-messages-content .thread-participants li {
    float: left;
    margin-left: 5px
}

.bp-messages-content .thread-participants img {
    width: 30px
}

.bp-messages-content #bp-message-thread-list li .message-content blockquote,
.bp-messages-content #bp-message-thread-list li .message-content ol,
.bp-messages-content #bp-message-thread-list li .message-content ul {
    list-style-position: inside;
    margin-left: 0
}

.bp-messages-content ul#message-threads:empty {
    display: none
}

.bp-messages-content #bp-message-thread-header h2:first-child {
    background-color: #eaeaea;
    color: #555;
    font-weight: 700;
    margin: 0;
    padding: .5em
}

.bp-messages-content #message-threads .thread-content a {
    border: 0;
    text-decoration: none
}

.bp-messages-content .standard-form #subject {
    margin-bottom: 20px
}

@media screen and (max-width:540px) {
    .bp-messages-content .single-message-thread-header .actions a[data-bp-tooltip][data-bp-tooltip-pos=left]:after {
        max-width: 100vw;
        white-space: normal;
        min-width: 200px
    }
}

#bp-message-thread-list {
    background: #fafafa;
    border-top: 1px solid #eaeaea;
    clear: both;
    list-style: none;
    padding: 0 1em
}

#bp-message-thread-list:after {
    content: " ";
    clear: both;
    display: table
}

#bp-message-thread-list li {
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: -2px 1px 9px 0 #eee;
    -moz-box-shadow: -2px 1px 9px 0 #eee;
    box-shadow: -2px 1px 9px 0 #eee;
    padding: .7em;
    margin: 1em 0;
    width: 100%
}

#bp-message-thread-list .message-metadata .avatar {
    width: 30px
}

#bp-message-thread-list .message-metadata .user-link {
    font-size: 12px;
    display: inline-block;
    color: #222
}

#bp-message-thread-list .message-metadata .user-link strong {
    font-size: 16px;
    font-weight: 600
}

#bp-message-thread-list .message-metadata .user-link strong:after {
    content: "\00b7";
    color: #767676;
    font-size: 20px;
    margin-left: 6px;
    vertical-align: middle;
    display: inline-block
}

#bp-message-thread-list .message-metadata time {
    color: #767676;
    font-size: 14px;
    padding: 0 2px
}

#bp-message-thread-list .message-metadata button {
    padding: 0 .3em
}

#bp-message-thread-list .message-metadata button:before {
    font-size: 16px
}

#bp-message-thread-list .bp-message-content-wrap {
    font-size: 14px;
    clear: both;
    overflow: hidden;
    margin: 0 auto
}

#bp-message-thread-list .bp-message-content-wrap p {
    margin-bottom: 8px
}

#bp-message-thread-list img.avatar {
    float: left;
    margin: 0 10px 0 0
}

#bp-message-thread-list .actions a:before {
    font-size: 18px
}

div.bp-navs#subsubnav.bp-messages-filters .user-messages-bulk-actions {
    margin-right: 15px;
    max-width: 42.5%
}

div#subsubnav:empty {
    display: none
}

input#send-to-input {
    margin-bottom: 20px
}

#compose-personal-li a {
    margin-top: 0
}

#bp-message-load-more:not(.loading),
#bp-messages-next-page,
#bp-messages-prev-page {
    display: none !important
}

#bp-message-load-more {
    background: rgba(255, 255, 255, .7);
    position: absolute;
    top: 60px;
    text-align: center;
    width: 100%;
    left: 0;
    padding: 20px 0;
    margin: 6px 0 0
}

#bp-message-load-more .button {
    font-size: 0;
    padding: 0;
    margin: auto;
    width: auto;
    color: inherit;
    background-color: transparent;
    border: 0
}

#bp-message-load-more .button:focus,
#bp-message-load-more .button:hover {
    outline: 0;
    text-decoration: none;
    color: inherit;
    box-shadow: none
}

#send_message_form .select2-selection--multiple {
    border-color: #d6d6d6;
    padding: 3px 5px
}

#send_message_form .select2-selection__rendered {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 0
}

#send_message_form .select2-search.select2-search--inline {
    flex: 1;
    min-width: 0
}

#send_message_form .select2-selection__rendered li {
    margin: 5px
}

#send_message_form .select2-search__field {
    min-width: 120px;
    height: 30px;
    margin: 0;
    border: 0;
    background: 0 0;
    padding: 0 5px
}

.medium-editor-action-close b:before {
    content: "\f153"
}

.bp-messages-content #bp-message-content {
    margin-top: 20px;
    padding: 20px
}

.bp-messages-content #bp-message-content #whats-new-messages-attachments {
    margin-top: 10px
}

.bp-messages-content #bp-message-content #whats-new-messages-toolbar {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bp-messages-content #bp-message-content .medium-editor-toolbar {
    top: inherit;
    bottom: 5px;
    z-index: 99;
    background-color: #fff;
    visibility: hidden;
    transition: all ease .3s;
    height: 0;
    right: 0;
    overflow: hidden;
    left: 25px
}

.bp-messages-content #bp-message-content .medium-editor-toolbar.active {
    display: block;
    border-radius: 0;
    z-index: 112;
    visibility: visible;
    bottom: -3px;
    height: 40px
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions {
    background-color: transparent;
    height: auto;
    padding: 0 10px 0 0
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
    padding-right: 6px
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button {
    box-shadow: none;
    padding: 10px 10px 10px 0;
    min-width: 30px;
    border: 0;
    background-color: transparent !important;
    color: rgba(18, 43, 70, .4) !important
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
    color: #122b46 !important;
    background: none transparent !important
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close {
    padding-right: 0
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
    width: 220px
}

.bp-messages-content #bp-message-content #whats-new-messages-toolbar {
    padding: 5px 15px 0 0;
    width: 100%
}

.bbpress #bbpress-forums .medium-editor-toolbar .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar .medium-editor-toolbar-actions {
    opacity: 0
}

.bbpress #bbpress-forums .medium-editor-toolbar.active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active .medium-editor-toolbar-actions {
    opacity: .4
}

.bbpress #bbpress-forums .medium-editor-toolbar.active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active .medium-editor-toolbar-actions li {
    pointer-events: none
}

.bbpress #bbpress-forums .medium-editor-toolbar.active.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active.medium-editor-toolbar-active .medium-editor-toolbar-actions {
    opacity: 1
}

.bbpress #bbpress-forums .medium-editor-toolbar.active.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active.medium-editor-toolbar-active .medium-editor-toolbar-actions li {
    pointer-events: auto
}

.messages .select2-dropdown {
    border-color: #d6d6d6
}

.messages .select2-dropdown .select2-results__option[aria-selected=true] {
    display: none
}

.messages-wrapper #subnav .subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.bp-messages-nav-panel {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    min-width: 0
}

@media screen and (max-width:46.8em) {
    .bp-messages-nav-panel {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 0
    }
}

.messages-wrapper #subnav #compose-personal-li {
    margin-left: auto;
    margin-right: 10px
}

#inbox {
    pointer-events: none
}

#compose-personal-li a {
    font-size: 0
}

#compose-personal-li a:after {
    content: "\E80C";
    font-size: 20px;
    line-height: 1;
    font-family: bb-icons;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bp-close-compose-form {
    color: rgba(18, 43, 70, .4);
    line-height: 1
}

.bp-close-compose-form .bb-icons {
    font-size: 24px
}

#message_content {
    margin-bottom: 10px
}

.no-message-wrap {
    padding: 70px 0 20px;
    text-align: center
}

.no-message-content {
    padding: 20px
}

.no-message-wrap .dashicons {
    font-size: 30px;
    width: auto;
    height: auto;
    margin-bottom: 5px
}

#user_messages_search_form,
.bp-search.messages-search {
    width: 100%
}

.bp-user-messages-loading.loading {
    border: 0;
    padding: 15px;
    text-align: center
}

.bp-single-message-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bp-avatar-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    max-width: 40px;
    margin-right: 10px
}

.bp-single-message-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.bp-single-message-content .bb-activity-media-elem {
    min-width: 20%
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list li {
    margin: 0 !important;
    padding: 0 !important
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity:last-child .document-action-wrap .document-action_list {
    top: initial;
    bottom: 36px
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity:last-child .document-action-wrap .document-action_list:after {
    top: inherit;
    bottom: -12px;
    right: -3px;
    -webkit-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    transform: rotate(137deg)
}

.bp-single-message-content .bb-activity-video-wrap .bb-activity-media-elem.video-activity .video-action-wrap .video-action_list li {
    margin: 0 !important;
    padding: 0 !important
}

.bp-single-message-content .bb-activity-video-wrap .bb-activity-media-elem.video-activity:last-child .video-action-wrap .video-action_list {
    top: initial;
    bottom: 36px
}

.bp-single-message-content .bb-activity-video-wrap .bb-activity-media-elem.video-activity:last-child .video-action-wrap .video-action_list:after {
    top: inherit;
    bottom: -12px;
    right: -3px;
    -webkit-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    transform: rotate(137deg)
}

.bp-messages-content-wrapper {
    position: relative;
    display: flex;
    flex-flow: column;
    padding: 0 20px;
    height: calc(69vh + 130px)
}

.bp-messages-content-wrapper #messages-post-document-uploader.open,
.bp-messages-content-wrapper #messages-post-media-uploader.open,
.bp-messages-content-wrapper #messages-post-video-uploader.open {
    height: calc(100% - 145px);
    left: 0;
    margin: 0
}

.bp-messages-content-wrapper #messages-post-document-uploader.open,
.bp-messages-content-wrapper #messages-post-media-uploader.open,
.bp-messages-content-wrapper #messages-post-video-uploader.open {
    position: absolute;
    top: 0;
    z-index: 112;
    background: rgba(255, 255, 255, .99);
    height: calc(100% - 245px);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    border-radius: 4px;
    padding: 20px;
    overflow: auto
}

.bp-messages-form-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.bp-back-to-thread-list {
    margin-right: 10px
}

body .bp-messages-user-threads {
    max-height: 69vh;
    overflow: auto
}

#bp-message-thread-list {
    max-height: 50vh;
    overflow: auto
}

@media screen and (min-width:1080px) {

    .bp-back-to-thread-list,
    .bp-close-compose-form {
        display: none
    }
}

@media screen and (max-width:1080px) {
    .bp-messages-nav-panel {
        flex: 0 0 100%;
        border-right: 0;
        min-width: 0
    }

    .bp-messages-content {
        display: none
    }

    .bp-compose-message .bp-messages-nav-panel,
    .bp-view-message .bp-messages-nav-panel {
        display: none
    }

    .bp-compose-message .bp-messages-content,
    .bp-view-message .bp-messages-content {
        display: block;
        padding-left: 0
    }
}

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

    #bp-message-thread-list,
    .bp-messages-user-threads {
        max-height: 400px
    }

    .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button {
        padding: 10px 5px 10px 0
    }

    .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
        padding-left: 5px !important
    }
}

@media screen and (max-width:560px) {
    .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin: 0 -20px
    }

    .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #whats-new-messages-toolbar {
        padding: 0 15px 0 20px
    }

    .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #message-reply-new-submit {
        padding: 20px 20px 0;
        text-align: right;
        border-top: 1px solid #ebe9e6;
        width: 100%;
        margin-top: 10px
    }

    .bp-messages-content #bp-message-content .medium-editor-toolbar {
        left: 45px
    }

    .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button {
        padding: 10px 0;
        min-width: 30px
    }

    .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
        max-width: calc(100% - 90px);
        width: auto
    }

    .bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar {
        left: 10px
    }
}

.mass-user-block-list #moderated_user_list:not(.is_not_empty) {
    text-align: center
}

.mass-user-block-list #moderated_user_list:not(.is_not_empty):before {
    content: "\E838";
    font: normal normal normal 20px/1 bb-icons;
    speak: none;
    display: inline-block !important;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

.bb-report-type-pagination .page-data {
    display: block;
    margin: 20px auto 0;
    text-align: center
}

.bb-report-type-pagination .page-data #load_more_rl {
    min-width: 140px
}

.bb-report-type-pagination .page-data #load_more_rl.loading:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear;
    vertical-align: middle
}

.buddypress.settings .profile-settings.bp-tables-user select {
    width: 100%
}

#activate-page .bp-messages {
    margin-bottom: 20px
}

.buddypress-wrap #whats-new-post-in-box select,
.buddypress-wrap .filter select {
    border: 1px solid #d6d6d6
}

.buddypress-wrap input.action[disabled] {
    cursor: pointer;
    opacity: .4
}

.buddypress-wrap #notification-bulk-manage[disabled] {
    display: none
}

.buddypress-wrap fieldset legend {
    font-size: inherit;
    font-weight: 600
}

.buddypress-wrap input[type=email]:focus,
.buddypress-wrap input[type=password]:focus,
.buddypress-wrap input[type=tel]:focus,
.buddypress-wrap input[type=text]:focus,
.buddypress-wrap input[type=url]:focus,
.buddypress-wrap textarea:focus {
    -webkit-box-shadow: 0 0 8px #eaeaea;
    -moz-box-shadow: 0 0 8px #eaeaea;
    box-shadow: 0 0 8px #eaeaea
}

.buddypress-wrap select {
    height: auto
}

.buddypress-wrap textarea {
    resize: vertical
}

.buddypress-wrap .standard-form .bp-controls-wrap {
    margin: 1em 0
}

.buddypress-wrap .standard-form .groups-members-search input[type=search],
.buddypress-wrap .standard-form .groups-members-search input[type=text],
.buddypress-wrap .standard-form [data-bp-search] input[type=search],
.buddypress-wrap .standard-form [data-bp-search] input[type=text],
.buddypress-wrap .standard-form input[type=color],
.buddypress-wrap .standard-form input[type=date],
.buddypress-wrap .standard-form input[type=datetime-local],
.buddypress-wrap .standard-form input[type=datetime],
.buddypress-wrap .standard-form input[type=email],
.buddypress-wrap .standard-form input[type=month],
.buddypress-wrap .standard-form input[type=number],
.buddypress-wrap .standard-form input[type=password],
.buddypress-wrap .standard-form input[type=range],
.buddypress-wrap .standard-form input[type=search],
.buddypress-wrap .standard-form input[type=tel],
.buddypress-wrap .standard-form input[type=text],
.buddypress-wrap .standard-form input[type=time],
.buddypress-wrap .standard-form input[type=url],
.buddypress-wrap .standard-form input[type=week],
.buddypress-wrap .standard-form select,
.buddypress-wrap .standard-form textarea {
    background: #fafafa;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    font: inherit;
    font-size: 100%;
    padding: .7em
}

.buddypress-wrap .standard-form input[required],
.buddypress-wrap .standard-form select[required],
.buddypress-wrap .standard-form textarea[required] {
    box-shadow: none;
    outline: 0
}

.buddypress-wrap .standard-form input[required]:focus,
.buddypress-wrap .standard-form select[required]:focus,
.buddypress-wrap .standard-form textarea[required]:focus {
    border-color: #d6d6d6;
    border-width: 1px
}

.buddypress-wrap .standard-form input.invalid[required],
.buddypress-wrap .standard-form select.invalid[required],
.buddypress-wrap .standard-form textarea.invalid[required] {
    border-color: #b71717
}

.buddypress-wrap .standard-form input:not(.button-small),
.buddypress-wrap .standard-form textarea {
    width: 100%
}

.buddypress-wrap .standard-form input[type=checkbox],
.buddypress-wrap .standard-form input[type=radio] {
    margin-right: 5px;
    width: auto
}

.buddypress-wrap .standard-form select {
    padding: 3px
}

.buddypress-wrap .standard-form textarea {
    height: 120px
}

.buddypress-wrap .standard-form textarea#message_content {
    height: 200px
}

.buddypress-wrap .standard-form input[type=password] {
    margin-bottom: 5px
}

.buddypress-wrap .standard-form input:focus,
.buddypress-wrap .standard-form select:focus,
.buddypress-wrap .standard-form textarea:focus {
    background: #fafafa;
    color: #555;
    outline: 0
}

.buddypress-wrap .standard-form label,
.buddypress-wrap .standard-form span.label {
    display: block;
    font-weight: 600;
    margin: 15px 0 5px;
    width: auto
}

.buddypress-wrap .standard-form label[for=delete-account-understand] {
    display: inline-block
}

.buddypress-wrap .standard-form a.clear-value {
    display: block;
    margin-top: 5px;
    outline: 0
}

.buddypress-wrap .standard-form .submit {
    clear: both;
    padding: 15px 0 0
}

.buddypress-wrap .standard-form p.submit {
    margin-bottom: 0
}

.buddypress-wrap .standard-form div.submit input {
    margin-right: 15px
}

.buddypress-wrap .standard-form #invite-list label,
.buddypress-wrap .standard-form p label {
    font-weight: 400;
    margin: auto
}

.buddypress-wrap .standard-form p.description {
    color: #737373;
    margin: 5px 0
}

.buddypress-wrap .standard-form div.checkbox label:nth-child(n+2),
.buddypress-wrap .standard-form div.radio div label {
    color: #737373;
    font-size: 100%;
    font-weight: 400;
    margin: 5px 0 0
}

.buddypress-wrap .standard-form#send-reply textarea {
    width: 97.5%
}

.buddypress-wrap .standard-form#sidebar-login-form label {
    margin-top: 5px
}

.buddypress-wrap .standard-form#sidebar-login-form input[type=password],
.buddypress-wrap .standard-form#sidebar-login-form input[type=text] {
    padding: 4px;
    width: 95%
}

.buddypress-wrap .standard-form.profile-edit input:focus {
    background: #fff
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .standard-form .left-menu {
        float: left
    }

    .buddypress-wrap .standard-form #invite-list ul {
        list-style: none;
        margin: 1%
    }

    .buddypress-wrap .standard-form #invite-list ul li {
        margin: 0 0 0 1%
    }

    .buddypress-wrap .standard-form .main-column {
        margin-left: 190px
    }

    .buddypress-wrap .standard-form .main-column ul#friend-list {
        clear: none;
        float: left
    }

    .buddypress-wrap .standard-form .main-column ul#friend-list h4 {
        clear: none
    }
}

.buddypress-wrap .standard-form .bp-tables-user label {
    margin: 0
}

.buddypress-wrap .standard-form button.visibility-toggle-link {
    font-size: 12px;
    margin: 5px
}

.buddypress-wrap .signup-form label,
.buddypress-wrap .signup-form legend {
    font-weight: 400
}

body.no-js .buddypress #delete_inbox_messages,
body.no-js .buddypress #message-type-select,
body.no-js .buddypress #messages-bulk-management #select-all-messages,
body.no-js .buddypress #notifications-bulk-management #select-all-notifications,
body.no-js .buddypress label[for=message-type-select] {
    display: none
}

.buddypress-wrap .wp-editor-wrap .wp-editor-wrap button,
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap input[type=button],
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap input[type=submit],
.buddypress-wrap .wp-editor-wrap a.button,
.buddypress-wrap .wp-editor-wrap input[type=reset] {
    padding: 0 8px 1px
}

.buddypress-wrap .select-wrap {
    border: 1px solid #eee
}

.buddypress-wrap .select-wrap label {
    display: inline
}

.buddypress-wrap .select-wrap select::-ms-expand {
    display: none
}

.buddypress-wrap .select-wrap select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    padding: 5px 25px 5px 10px;
    position: relative;
    z-index: 1;
    width: 100%
}

.buddypress-wrap .select-wrap select,
.buddypress-wrap .select-wrap select:active,
.buddypress-wrap .select-wrap select:focus {
    background: 0 0
}

.buddypress-wrap .select-wrap span.select-arrow {
    font-size: 10px;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 10px;
    z-index: 0
}

.buddypress-wrap .select-wrap span.select-arrow:before {
    color: #ccc;
    content: "\25BC"
}

.buddypress-wrap .select-wrap:focus .select-arrow:before,
.buddypress-wrap .select-wrap:hover .select-arrow:before {
    color: #a6a6a6
}

.buddypress-wrap .subnav-filters .select-wrap {
    position: relative
}

@media screen and (min-width:32em) {
    .buddypress-wrap .subnav-filters .select-wrap {
        margin-right: 12px
    }
}

.buddypress-wrap .bp-search form:focus,
.buddypress-wrap .bp-search form:hover,
.buddypress-wrap .select-wrap:focus,
.buddypress-wrap .select-wrap:hover {
    border: 1px solid #d5d4d4;
    box-shadow: inset 0 0 3px #eee
}

@media screen and (min-width:32em) {
    .buddypress-wrap .notifications-options-nav .select-wrap {
        float: left
    }
}

ul.bbp-stats {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 40px -20px;
    width: auto
}

ul.bbp-stats li {
    padding: 0 20px;
    text-align: center;
    margin-bottom: 40px;
    flex: 0 0 50%
}

@media screen and (min-width:46.8em) {
    ul.bbp-stats li {
        flex: 0 0 25%
    }
}

ul.bbp-stats h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px
}

ul.bbp-stats .bbp-count {
    font-size: 30px
}

#customize-control-group_nav_order .item-title .checkbox-wrap,
#customize-control-user_nav_order .item-title .checkbox-wrap {
    display: flex;
    align-items: center;
    float: right
}

#customize-control-group_nav_order .item-title .checkbox-wrap.bp-hide,
#customize-control-user_nav_order .item-title .checkbox-wrap.bp-hide {
    display: none
}

#customize-control-group_nav_order .item-title .checkbox-wrap .visible-checkboxes,
#customize-control-user_nav_order .item-title .checkbox-wrap .visible-checkboxes {
    margin: 0 5px 0 0
}

.buddypress-wrap .bp-dir-search-form,
.buddypress-wrap .bp-messages-search-form:after,
.buddypress-wrap .bp-messages-search-form:before {
    content: " ";
    display: table
}

.buddypress-wrap .bp-dir-search-form,
.buddypress-wrap .bp-messages-search-form:after {
    clear: both
}

.buddypress-wrap form.bp-dir-search-form,
.buddypress-wrap form.bp-invites-search-form,
.buddypress-wrap form.bp-messages-search-form {
    border: 1px solid #eee;
    width: 100%
}

@media screen and (min-width:55em) {

    .buddypress-wrap form.bp-dir-search-form,
    .buddypress-wrap form.bp-invites-search-form,
    .buddypress-wrap form.bp-messages-search-form {
        width: 15em
    }
}

.buddypress-wrap form.bp-dir-search-form label,
.buddypress-wrap form.bp-invites-search-form label,
.buddypress-wrap form.bp-messages-search-form label {
    margin: 0
}

.buddypress-wrap form.bp-dir-search-form button[type=submit],
.buddypress-wrap form.bp-dir-search-form input[type=search],
.buddypress-wrap form.bp-dir-search-form input[type=text],
.buddypress-wrap form.bp-invites-search-form button[type=submit],
.buddypress-wrap form.bp-invites-search-form input[type=search],
.buddypress-wrap form.bp-invites-search-form input[type=text],
.buddypress-wrap form.bp-messages-search-form button[type=submit],
.buddypress-wrap form.bp-messages-search-form input[type=search],
.buddypress-wrap form.bp-messages-search-form input[type=text] {
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box
}

.buddypress-wrap form.bp-dir-search-form input[type=search],
.buddypress-wrap form.bp-dir-search-form input[type=text],
.buddypress-wrap form.bp-invites-search-form input[type=search],
.buddypress-wrap form.bp-invites-search-form input[type=text],
.buddypress-wrap form.bp-messages-search-form input[type=search],
.buddypress-wrap form.bp-messages-search-form input[type=text] {
    float: left;
    line-height: 1.5;
    padding: 3px 10px;
    width: 80%
}

.buddypress-wrap form.bp-dir-search-form button[type=submit],
.buddypress-wrap form.bp-invites-search-form button[type=submit],
.buddypress-wrap form.bp-messages-search-form button[type=submit] {
    float: right;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    padding: 3px .7em;
    text-align: center;
    text-transform: none;
    width: 20%;
    visibility: visible !important
}

.buddypress-wrap form.bp-dir-search-form button[type=submit] span,
.buddypress-wrap form.bp-invites-search-form button[type=submit] span,
.buddypress-wrap form.bp-messages-search-form button[type=submit] span {
    font-size: 18px;
    line-height: 1.6
}

.buddypress-wrap form.bp-dir-search-form button[type=submit].bp-show,
.buddypress-wrap form.bp-invites-search-form button[type=submit].bp-show,
.buddypress-wrap form.bp-messages-search-form button[type=submit].bp-show {
    height: auto;
    left: 0;
    overflow: visible;
    position: static;
    top: 0
}

.buddypress-wrap form.bp-dir-search-form input[type=search]::-webkit-search-cancel-button,
.buddypress-wrap form.bp-invites-search-form input[type=search]::-webkit-search-cancel-button,
.buddypress-wrap form.bp-messages-search-form input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button
}

.buddypress-wrap form.bp-dir-search-form input[type=search]::-webkit-search-results-button,
.buddypress-wrap form.bp-dir-search-form input[type=search]::-webkit-search-results-decoration,
.buddypress-wrap form.bp-invites-search-form input[type=search]::-webkit-search-results-button,
.buddypress-wrap form.bp-invites-search-form input[type=search]::-webkit-search-results-decoration,
.buddypress-wrap form.bp-messages-search-form input[type=search]::-webkit-search-results-button,
.buddypress-wrap form.bp-messages-search-form input[type=search]::-webkit-search-results-decoration {
    display: none
}

.buddypress-wrap ul.filters li form label input {
    line-height: 1.4;
    padding: .1em .7em
}

.buddypress-wrap .dir-form {
    clear: both
}

.budypress.no-js form.bp-dir-search-form button[type=submit] {
    height: auto;
    left: 0;
    overflow: visible;
    position: static;
    top: 0
}

.bp-user [data-bp-search] form input[type=search],
.bp-user [data-bp-search] form input[type=text] {
    padding: 6px 10px 7px
}

.buddypress-wrap .bp-tables-report,
.buddypress-wrap .bp-tables-user,
.buddypress-wrap table.forum,
.buddypress-wrap table.wp-profile-fields {
    width: 100%
}

.buddypress-wrap .bp-tables-report thead tr,
.buddypress-wrap .bp-tables-user thead tr,
.buddypress-wrap table.forum thead tr,
.buddypress-wrap table.wp-profile-fields thead tr {
    background: 0 0;
    border-bottom: 2px solid #ccc
}

.buddypress-wrap .bp-tables-report tbody tr,
.buddypress-wrap .bp-tables-user tbody tr,
.buddypress-wrap table.forum tbody tr,
.buddypress-wrap table.wp-profile-fields tbody tr {
    background: #fafafa
}

.buddypress-wrap .bp-tables-report tr td,
.buddypress-wrap .bp-tables-report tr th,
.buddypress-wrap .bp-tables-user tr td,
.buddypress-wrap .bp-tables-user tr th,
.buddypress-wrap table.forum tr td,
.buddypress-wrap table.forum tr th,
.buddypress-wrap table.wp-profile-fields tr td,
.buddypress-wrap table.wp-profile-fields tr th {
    padding: .7em;
    vertical-align: middle
}

.buddypress-wrap .bp-tables-report tr td.label,
.buddypress-wrap .bp-tables-user tr td.label,
.buddypress-wrap table.forum tr td.label,
.buddypress-wrap table.wp-profile-fields tr td.label {
    border-right: 1px solid #eaeaea;
    font-weight: 600;
    width: 25%
}

.buddypress-wrap .bp-tables-report tr.alt td,
.buddypress-wrap .bp-tables-user tr.alt td,
.buddypress-wrap table.wp-profile-fields tr.alt td {
    background: #fafafa
}

.buddypress-wrap table.profile-fields .data {
    padding: .7em 1em
}

.buddypress-wrap table.profile-fields .repeater-separator {
    background: 0 0
}

.buddypress-wrap table.profile-fields tr:last-child {
    border-bottom: none
}

.buddypress-wrap table.notifications td {
    padding: 1em .7em
}

.buddypress-wrap table.notifications .bulk-select-all,
.buddypress-wrap table.notifications .bulk-select-check {
    width: 7%
}

.buddypress-wrap table.notifications .bulk-select-check {
    vertical-align: middle
}

.buddypress-wrap table.notifications .date,
.buddypress-wrap table.notifications .notification-description,
.buddypress-wrap table.notifications .notification-since,
.buddypress-wrap table.notifications .title {
    width: 39%
}

.buddypress-wrap table.notifications .actions,
.buddypress-wrap table.notifications .notification-actions {
    width: 15%
}

.buddypress-wrap table.notification-settings th.title,
.buddypress-wrap table.profile-settings th.title {
    width: 80%
}

.buddypress-wrap table.notifications .notification-actions a.delete,
.buddypress-wrap table.notifications .notification-actions a.mark-read {
    display: inline-block
}

.buddypress-wrap table.notification-settings {
    margin-bottom: 15px;
    text-align: left
}

.buddypress-wrap #groups-notification-settings {
    margin-bottom: 0
}

.buddypress-wrap table.notification-settings td:first-child,
.buddypress-wrap table.notification-settings th.icon,
.buddypress-wrap table.notifications td:first-child,
.buddypress-wrap table.notifications th.icon {
    display: none
}

.buddypress-wrap table.notification-settings .no,
.buddypress-wrap table.notification-settings .yes {
    text-align: center;
    width: 40px;
    vertical-align: middle
}

.buddypress-wrap table#message-threads {
    clear: both
}

.buddypress-wrap table#message-threads .thread-info {
    min-width: 40%
}

.buddypress-wrap table#message-threads .thread-info p {
    margin: 0
}

.buddypress-wrap table#message-threads .thread-info p.thread-excerpt {
    color: #737373;
    font-size: 12px;
    margin-top: 3px
}

.buddypress-wrap table.profile-fields {
    margin-bottom: 20px
}

.buddypress-wrap table.profile-fields:last-child {
    margin-bottom: 0
}

.buddypress-wrap table.profile-fields p {
    margin: 0
}

.buddypress-wrap table.profile-fields p:last-child {
    margin-top: 0
}

.buddypress-wrap table.profile-fields td.data>p {
    margin: 0 0 25px
}

.bp-screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.clearfix:after {
    content: " ";
    clear: both;
    display: table
}

.center-vert {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.bp-hide {
    display: none
}

.bp-show {
    height: auto;
    left: 0;
    overflow: visible;
    position: static;
    top: 0
}

.buddypress .buddypress-wrap .activity-state a,
.buddypress .buddypress-wrap .comment-reply-link,
.buddypress .buddypress-wrap .generic-button a,
.buddypress .buddypress-wrap a.bp-title-button,
.buddypress .buddypress-wrap a.button,
.buddypress .buddypress-wrap button,
.buddypress .buddypress-wrap input[type=button],
.buddypress .buddypress-wrap input[type=reset],
.buddypress .buddypress-wrap input[type=submit],
.buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a {
    background: #fff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: pointer;
    font-size: inherit;
    font-weight: 400;
    outline: 0;
    line-height: 1.3;
    padding: .3em .7em;
    text-align: center;
    text-decoration: none;
    width: auto
}

.buddypress .buddypress-wrap .button-small[type=button] {
    padding: 0 8px 1px
}

.buddypress .buddypress-wrap .button-nav li a:focus,
.buddypress .buddypress-wrap .button-nav li a:hover,
.buddypress .buddypress-wrap .button-nav li.current a,
.buddypress .buddypress-wrap .comment-reply-link:focus,
.buddypress .buddypress-wrap .comment-reply-link:hover,
.buddypress .buddypress-wrap .generic-button a:focus,
.buddypress .buddypress-wrap .generic-button a:hover,
.buddypress .buddypress-wrap a.button:focus,
.buddypress .buddypress-wrap a.button:hover,
.buddypress .buddypress-wrap button:focus,
.buddypress .buddypress-wrap button:hover,
.buddypress .buddypress-wrap input[type=button]:focus,
.buddypress .buddypress-wrap input[type=button]:hover,
.buddypress .buddypress-wrap input[type=reset]:focus,
.buddypress .buddypress-wrap input[type=reset]:hover,
.buddypress .buddypress-wrap input[type=submit]:focus,
.buddypress .buddypress-wrap input[type=submit]:hover {
    background: #ededed;
    border-color: #999;
    color: #333;
    outline: 0;
    text-decoration: none
}

.buddypress .buddypress-wrap a.disabled,
.buddypress .buddypress-wrap button.disabled,
.buddypress .buddypress-wrap button.pending,
.buddypress .buddypress-wrap div.pending a,
.buddypress .buddypress-wrap input[type=button].disabled,
.buddypress .buddypress-wrap input[type=button].pending,
.buddypress .buddypress-wrap input[type=reset].disabled,
.buddypress .buddypress-wrap input[type=reset].pending,
.buddypress .buddypress-wrap input[type=submit].pending,
.buddypress .buddypress-wrap input[type=submit][disabled=disabled] {
    border-color: #eee;
    color: #767676;
    cursor: default
}

.buddypress .buddypress-wrap a.disabled:hover,
.buddypress .buddypress-wrap button.disabled:hover,
.buddypress .buddypress-wrap button.pending:hover,
.buddypress .buddypress-wrap div.pending a:hover,
.buddypress .buddypress-wrap input[type=button]:hover.disabled,
.buddypress .buddypress-wrap input[type=button]:hover.pending,
.buddypress .buddypress-wrap input[type=reset]:hover.disabled,
.buddypress .buddypress-wrap input[type=reset]:hover.pending,
.buddypress .buddypress-wrap input[type=submit]:hover.disabled,
.buddypress .buddypress-wrap input[type=submit]:hover.pending {
    border-color: #eee;
    color: #767676
}

.buddypress .buddypress-wrap button.text-button,
.buddypress .buddypress-wrap input.text-button {
    background: 0 0;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #767676
}

.buddypress .buddypress-wrap button.text-button.small,
.buddypress .buddypress-wrap input.text-button.small {
    font-size: 13px
}

.buddypress .buddypress-wrap button.text-button:focus,
.buddypress .buddypress-wrap button.text-button:hover,
.buddypress .buddypress-wrap input.text-button:focus,
.buddypress .buddypress-wrap input.text-button:hover {
    background: 0 0;
    text-decoration: underline
}

.buddypress .buddypress-wrap .activity-list a.button {
    border: none
}

.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li a.invite-button:hover {
    color: #1fb3dd
}

.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li a.group-remove-invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li a.invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li.selected a.group-remove-invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li.selected a.invite-button:hover {
    color: #a00
}

.buddypress .buddypress-wrap #item-buttons:empty {
    display: none
}

.buddypress .buddypress-wrap input:disabled:focus,
.buddypress .buddypress-wrap input:disabled:hover {
    background: 0 0
}

.buddypress .buddypress-wrap .text-links-list a.button {
    background: 0 0;
    border: none;
    border-right: 1px solid #eee;
    color: #737373;
    display: inline-block;
    padding: .3em 1em
}

.buddypress .buddypress-wrap .text-links-list a.button:visited {
    color: #d6d6d6
}

.buddypress .buddypress-wrap .text-links-list a.button:focus,
.buddypress .buddypress-wrap .text-links-list a.button:hover {
    color: #5087e5
}

.buddypress .buddypress-wrap .text-links-list a:first-child {
    padding-left: 0
}

.buddypress .buddypress-wrap .text-links-list a:last-child {
    border-right: none
}

.buddypress .buddypress-wrap .bp-list.grid .action a,
.buddypress .buddypress-wrap .bp-list.grid .action button {
    border: 1px solid #ccc;
    display: block;
    margin: 0
}

.buddypress .buddypress-wrap .bp-list.grid .action a:focus,
.buddypress .buddypress-wrap .bp-list.grid .action a:hover,
.buddypress .buddypress-wrap .bp-list.grid .action button:focus,
.buddypress .buddypress-wrap .bp-list.grid .action button:hover {
    background: #ededed
}

.buddypress #buddypress .create-button {
    background: 0 0;
    text-align: center
}

.buddypress #buddypress .create-button a:focus,
.buddypress #buddypress .create-button a:hover {
    text-decoration: underline
}

@media screen and (min-width:46.8em) {
    .buddypress #buddypress .create-button {
        float: right
    }
}

.buddypress #buddypress .create-button a {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 6px 0 #eaeaea;
    -moz-box-shadow: inset 0 0 6px 0 #eaeaea;
    box-shadow: inset 0 0 6px 0 #eaeaea;
    margin: .2em 0;
    width: auto
}

.buddypress #buddypress .create-button a:focus,
.buddypress #buddypress .create-button a:hover {
    background: 0 0;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 0 12px 0 #eaeaea;
    -moz-box-shadow: inset 0 0 12px 0 #eaeaea;
    box-shadow: inset 0 0 12px 0 #eaeaea
}

@media screen and (min-width:46.8em) {
    .buddypress #buddypress.bp-dir-vert-nav .create-button {
        float: none;
        padding-top: 2em
    }

    .buddypress #buddypress.bp-dir-vert-nav .create-button a {
        margin-right: .5em
    }
}

.buddypress #buddypress.bp-dir-hori-nav .create-button {
    float: left
}

.buddypress #buddypress.bp-dir-hori-nav .create-button a,
.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover {
    background: 0 0;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

.buddypress-wrap button.ac-reply-cancel,
.buddypress-wrap button.bp-icons {
    background: 0 0;
    border: 0
}

.buddypress-wrap button.bp-icons:focus,
.buddypress-wrap button.bp-icons:hover {
    background: 0 0
}

.buddypress-wrap button.ac-reply-cancel:focus,
.buddypress-wrap button.ac-reply-cancel:hover {
    background: 0 0;
    text-decoration: underline
}

.buddypress-wrap .bp-invites-content li .invite-button span.icons:before,
.buddypress-wrap .bp-invites-filters .invite-button span.icons:before,
.buddypress-wrap .bp-messages-filters li a.messages-button:before,
.buddypress-wrap .feed a:before,
.buddypress-wrap .filter label:before,
.buddypress-wrap span.icons:before {
    font-family: dashicons;
    font-size: 18px
}

.buddypress-wrap .bp-invites-content .item-list li .invite-button span.icons:before {
    font-size: 27px
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .bp-invites-content .item-list li .invite-button span.icons:before {
        font-size: 32px
    }
}

.buddypress-wrap .bp-list a.button.invite-button:focus,
.buddypress-wrap .bp-list a.button.invite-button:hover {
    background: 0 0
}

.buddypress-wrap .filter label:before {
    content: "\f536"
}

.buddypress-wrap div.feed a:before,
.buddypress-wrap li.feed a:before {
    content: "\f303"
}

.buddypress-wrap ul.item-list li .invite-button:not(.group-remove-invite-button) span.icons:before {
    content: "\f502"
}

.buddypress-wrap ul.item-list li .group-remove-invite-button span.icons:before,
.buddypress-wrap ul.item-list li.selected .invite-button span.icons:before {
    content: "\e8f7";
    font-family: bb-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    color: #939597
}

.warn {
    color: #b71717
}

.bp-messages {
    border: 1px solid #ccc;
    margin: 0 0 15px
}

.bp-messages .sitewide-notices {
    display: block;
    margin: 5px;
    padding: .7em
}

.bp-messages.info {
    margin-bottom: 0
}

.bp-messages.updated {
    clear: both;
    display: block
}

.bp-messages.bp-user-messages-feedback {
    border: 0
}

#group-create-body .bp-cover-image-status p.warning {
    background: #0b80a4;
    border: 0;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    color: #fff
}

.bp-feedback:not(.custom-homepage-info) {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    align-items: stretch
}

.bp-feedback {
    background: #fff;
    color: #807f7f;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
    color: #737373;
    margin: 10px 0;
    position: relative
}

.bp-feedback p {
    margin: 0;
    padding: 10px 5px
}

.bp-feedback span.bp-icon {
    color: #fff;
    display: block;
    font-family: dashicons;
    left: 0;
    margin-right: 10px;
    position: relative;
    padding: 0 .5em
}

.bp-feedback .bp-icon {
    font-size: 20px;
    padding: 0 2px
}

.bp-feedback .bp-help-text {
    font-style: italic
}

.bp-feedback .text {
    font-size: 14px;
    margin: 0;
    padding: .7em 0
}

.bp-feedback.no-icon {
    padding: .7em
}

.bp-feedback.small:before {
    line-height: inherit
}

a[data-bp-close] span,
button[data-bp-close] span {
    font-size: 24px
}

.buddypress .buddypress-wrap a[data-bp-close],
.buddypress .buddypress-wrap button[data-bp-close] {
    border: 0;
    padding: 0;
    height: auto;
    margin-bottom: auto;
    margin-top: 10px;
    margin-right: 12px
}

.buddypress .buddypress-wrap a[data-bp-close]:focus,
.buddypress .buddypress-wrap a[data-bp-close]:hover,
.buddypress .buddypress-wrap button[data-bp-close]:focus,
.buddypress .buddypress-wrap button[data-bp-close]:hover {
    background: 0 0
}

.bp-feedback.no-icon a[data-bp-close],
.bp-feedback.no-icon button[data-bp-close] {
    top: -6px;
    right: 6px
}

button[data-bp-close]:hover {
    background-color: transparent
}

.bp-feedback.error .bp-icon,
.bp-feedback.help .bp-icon,
.bp-feedback.info .bp-icon,
.bp-feedback.loading .bp-icon,
.bp-feedback.success .bp-icon,
.bp-feedback.updated .bp-icon,
.bp-feedback.warning .bp-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.bp-feedback.help .bp-icon,
.bp-feedback.info .bp-icon {
    background-color: #0b80a4
}

.bp-feedback.help .bp-icon:before,
.bp-feedback.info .bp-icon:before {
    content: "\f348"
}

.bp-feedback.error .bp-icon,
.bp-feedback.warning .bp-icon {
    background-color: #d33
}

.bp-feedback.error .bp-icon:before,
.bp-feedback.warning .bp-icon:before {
    content: "\f534"
}

.bp-feedback.loading .bp-icon {
    background-color: #ffd087
}

.bp-feedback.loading .bp-icon:before {
    content: "\f469"
}

.bp-feedback.success .bp-icon,
.bp-feedback.updated .bp-icon {
    background-color: #8a2
}

.bp-feedback.success .bp-icon:before,
.bp-feedback.updated .bp-icon:before {
    content: "\f147"
}

.bp-feedback.help .bp-icon:before {
    content: "\f468"
}

#pass-strength-result {
    background-color: #eee;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    display: none;
    font-weight: 700;
    margin: 10px 0 10px 0;
    padding: .7em;
    text-align: center;
    width: auto
}

#pass-strength-result.show {
    display: block
}

#pass-strength-result.mismatch {
    background-color: #333;
    border-color: transparent;
    color: #fff
}

#pass-strength-result.bad,
#pass-strength-result.error {
    background-color: #ffb78c;
    border-color: #ff853c;
    color: #fff
}

#pass-strength-result.short {
    background-color: #ffa0a0;
    border-color: #f04040;
    color: #fff
}

#pass-strength-result.strong {
    background-color: #66d66e;
    border-color: #438c48;
    color: #fff
}

.standard-form#signup_form div div.error {
    background: #faa;
    color: #a00;
    margin: 0 0 10px 0;
    padding: .7em;
    width: 90%
}

.accept,
.reject {
    float: left;
    margin-left: 10px
}

.members-list.grid .bp-ajax-message {
    background: rgba(255, 255, 255, .9);
    border: 1px solid #eee;
    font-size: 14px;
    left: 2%;
    position: absolute;
    padding: .7em 1em;
    right: 2%;
    top: 30px
}

.buddypress.widget .item-options {
    font-size: 14px
}

.buddypress.widget ul.item-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -o-flex-flow: column nowrap;
    flex-flow: column nowrap;
    list-style: none;
    margin: 10px -2%;
    overflow: hidden
}

@media screen and (min-width:32em) {
    .buddypress.widget ul.item-list {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        -o-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.buddypress.widget ul.item-list li {
    border: 1px solid #eee;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-flex: 1 1 46%;
    -moz-flex: 1 1 46%;
    -ms-flex: 1 1 46%;
    -o-flex: 1 1 46%;
    flex: 1 1 46%;
    margin: 2%
}

@media screen and (min-width:75em) {
    .buddypress.widget ul.item-list li {
        -webkit-flex: 0 1 20%;
        -moz-flex: 0 1 20%;
        -ms-flex: 0 1 20%;
        -o-flex: 0 1 20%;
        flex: 0 1 20%
    }
}

.buddypress.widget ul.item-list li .item-avatar {
    padding: .7em;
    text-align: center
}

.buddypress.widget ul.item-list li .item-avatar .avatar {
    width: 60%
}

.buddypress.widget ul.item-list li .item {
    padding: 0 .7em .7em
}

.buddypress.widget ul.item-list li .item .item-meta {
    font-size: 12px;
    overflow-wrap: break-word
}

.buddypress.widget .activity-list {
    padding: 0
}

.buddypress.widget .activity-list blockquote {
    margin: 0 0 1.5em;
    overflow: visible;
    padding: 0 0 .75em .75em
}

.buddypress.widget .activity-list img {
    margin-bottom: .5em
}

.buddypress.widget .avatar-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap
}

.buddypress.widget .avatar-block img {
    margin-bottom: 1em;
    margin-right: 1em
}

.buddypress.widget .activity-update .update-item {
    display: flex
}

.buddypress.widget .activity-update .update-item img {
    box-shadow: none
}

.buddypress.widget .activity-update .update-item cite {
    flex: 0 0 50px;
    min-width: 0;
    margin-right: 10px
}

.buddypress.widget .activity-update .update-item cite a {
    box-shadow: none
}

.buddypress.widget .activity-update .update-item cite img {
    width: 100%
}

.buddypress.widget .activity-update .update-item a img {
    margin-bottom: 0
}

.buddypress.widget .bp-activity-info {
    flex: 1
}

.widget-area .buddypress.widget ul.item-list li {
    -webkit-flex: 0 1 46%;
    -moz-flex: 0 1 46%;
    -ms-flex: 0 1 46%;
    -o-flex: 0 1 46%;
    flex: 0 1 46%;
    margin: 2% 2% 10px
}

@media screen and (min-width:75em) {
    .widget-area .buddypress.widget ul.item-list li .avatar {
        width: 100%
    }
}

@media screen and (min-width:75em) {
    .widget-area .buddypress.widget ul.item-list {
        margin: 10px -2%;
        width: 100%
    }

    .widget-area .buddypress.widget ul.item-list li {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        -o-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 10px 2% 1%;
        width: 46%
    }
}

#buddypress-wrap * {
    transition: opacity .1s ease-in-out .1s
}

#buddypress-wrap a.button,
#buddypress-wrap a.generic-button,
#buddypress-wrap button,
#buddypress-wrap input[type=reset],
#buddypress-wrap input[type=submit] {
    transition: background .1s ease-in-out .1s, color .1s ease-in-out .1s, border-color .1s ease-in-out .1s
}

.buddypress-wrap a.loading,
.buddypress-wrap input.loading {
    -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
    -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
    animation: loader-pulsate .5s infinite ease-in-out alternate;
    border-color: #aaa
}

@-webkit-keyframes loader-pulsate {
    from {
        border-color: #aaa;
        -webkit-box-shadow: 0 0 6px #ccc;
        box-shadow: 0 0 6px #ccc
    }

    to {
        border-color: #ccc;
        -webkit-box-shadow: 0 0 6px #f8f8f8;
        box-shadow: 0 0 6px #f8f8f8
    }
}

@-moz-keyframes loader-pulsate {
    from {
        border-color: #aaa;
        -moz-box-shadow: 0 0 6px #ccc;
        box-shadow: 0 0 6px #ccc
    }

    to {
        border-color: #ccc;
        -moz-box-shadow: 0 0 6px #f8f8f8;
        box-shadow: 0 0 6px #f8f8f8
    }
}

@keyframes loader-pulsate {
    from {
        border-color: #aaa;
        -moz-box-shadow: 0 0 6px #ccc;
        box-shadow: 0 0 6px #ccc
    }

    to {
        border-color: #ccc;
        -moz-box-shadow: 0 0 6px #f8f8f8;
        box-shadow: 0 0 6px #f8f8f8
    }
}

.buddypress-wrap a.loading:hover,
.buddypress-wrap input.loading:hover {
    color: #777
}

.animate-spin {
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

[class*=hint--] {
    position: relative;
    display: inline-block
}

[class*=hint--]:after,
[class*=hint--]:before {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
    visibility: visible;
    opacity: 1
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

[class*=hint--]:before {
    content: "";
    position: absolute;
    background: 0 0;
    border: 6px solid transparent;
    z-index: 1000001
}

[class*=hint--]:after {
    background: #383838;
    color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    line-height: 12px;
    white-space: nowrap
}

[class*=hint--][aria-label]:after {
    content: attr(aria-label)
}

[class*=hint--][data-hint]:after {
    content: attr(data-hint)
}

[aria-label=""]:after,
[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
    display: none !important
}

.hint--top-left:before {
    border-top-color: #383838
}

.hint--top-right:before {
    border-top-color: #383838
}

.hint--top:before {
    border-top-color: #383838
}

.hint--bottom-left:before {
    border-bottom-color: #383838
}

.hint--bottom-right:before {
    border-bottom-color: #383838
}

.hint--bottom:before {
    border-bottom-color: #383838
}

.hint--left:before {
    border-left-color: #383838
}

.hint--right:before {
    border-right-color: #383838
}

.hint--top:before {
    margin-bottom: -11px
}

.hint--top:after,
.hint--top:before {
    bottom: 100%;
    left: 50%
}

.hint--top:before {
    left: calc(50% - 6px)
}

.hint--top:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top:hover:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:before {
    margin-top: -11px
}

.hint--bottom:after,
.hint--bottom:before {
    top: 100%;
    left: 50%
}

.hint--bottom:before {
    left: calc(50% - 6px)
}

.hint--bottom:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--bottom:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom:hover:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
    margin-left: -11px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:after,
.hint--right:before {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--right:hover:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    margin-right: -11px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:after,
.hint--left:before {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--left:hover:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--top-left:before {
    margin-bottom: -11px
}

.hint--top-left:after,
.hint--top-left:before {
    bottom: 100%;
    left: 50%
}

.hint--top-left:before {
    left: calc(50% - 6px)
}

.hint--top-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hint--top-left:after {
    margin-left: 12px
}

.hint--top-left:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:before {
    margin-bottom: -11px
}

.hint--top-right:after,
.hint--top-right:before {
    bottom: 100%;
    left: 50%
}

.hint--top-right:before {
    left: calc(50% - 6px)
}

.hint--top-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.hint--top-right:after {
    margin-left: -12px
}

.hint--top-right:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-right:hover:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom-left:before {
    margin-top: -11px
}

.hint--bottom-left:after,
.hint--bottom-left:before {
    top: 100%;
    left: 50%
}

.hint--bottom-left:before {
    left: calc(50% - 6px)
}

.hint--bottom-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hint--bottom-left:after {
    margin-left: 12px
}

.hint--bottom-left:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:before {
    margin-top: -11px
}

.hint--bottom-right:after,
.hint--bottom-right:before {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    left: calc(50% - 6px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.hint--bottom-right:after {
    margin-left: -12px
}

.hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-right:hover:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--large:after,
.hint--medium:after,
.hint--small:after {
    white-space: normal;
    line-height: 1.4;
    word-wrap: break-word
}

.hint--small:after {
    width: 80px
}

.hint--medium:after {
    width: 150px
}

.hint--large:after {
    width: 300px
}

[class*=hint--]:after {
    text-shadow: 0 -1px 0 #000;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top-left:before {
    border-top-color: #b34e4d
}

.hint--error.hint--top-right:before {
    border-top-color: #b34e4d
}

.hint--error.hint--top:before {
    border-top-color: #b34e4d
}

.hint--error.hint--bottom-left:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--bottom-right:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top-left:before {
    border-top-color: #c09854
}

.hint--warning.hint--top-right:before {
    border-top-color: #c09854
}

.hint--warning.hint--top:before {
    border-top-color: #c09854
}

.hint--warning.hint--bottom-left:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--bottom-right:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
    border-left-color: #c09854
}

.hint--warning.hint--right:before {
    border-right-color: #c09854
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #1a3c4d
}

.hint--info.hint--top-left:before {
    border-top-color: #3986ac
}

.hint--info.hint--top-right:before {
    border-top-color: #3986ac
}

.hint--info.hint--top:before {
    border-top-color: #3986ac
}

.hint--info.hint--bottom-left:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--bottom-right:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
    border-left-color: #3986ac
}

.hint--info.hint--right:before {
    border-right-color: #3986ac
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top-left:before {
    border-top-color: #458746
}

.hint--success.hint--top-right:before {
    border-top-color: #458746
}

.hint--success.hint--top:before {
    border-top-color: #458746
}

.hint--success.hint--bottom-left:before {
    border-bottom-color: #458746
}

.hint--success.hint--bottom-right:before {
    border-bottom-color: #458746
}

.hint--success.hint--bottom:before {
    border-bottom-color: #458746
}

.hint--success.hint--left:before {
    border-left-color: #458746
}

.hint--success.hint--right:before {
    border-right-color: #458746
}

.hint--always:after,
.hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-right:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-right:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--left:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--always.hint--right:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--rounded:after {
    border-radius: 4px
}

.hint--no-animate:after,
.hint--no-animate:before {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s
}

.hint--bounce:after,
.hint--bounce:before {
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}

button[data-bp-tooltip] {
    overflow: visible
}

[data-bp-tooltip] {
    position: relative;
    cursor: pointer
}

[data-bp-tooltip]:after {
    pointer-events: none;
    opacity: 0;
    transition: all .18s ease-out .18s;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: -.24px;
    background: rgba(18, 43, 70, .95);
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .22);
    color: #fff;
    content: attr(data-bp-tooltip);
    line-height: 1.3;
    padding: 7px 15px;
    position: absolute;
    white-space: nowrap;
    z-index: 10
}

[data-bp-tooltip]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    pointer-events: none;
    opacity: 0;
    transition: all .18s ease-out .18s;
    content: "";
    position: absolute;
    z-index: 10
}

[data-bp-tooltip]:hover:after,
[data-bp-tooltip]:hover:before,
[data-bp-tooltip][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-visible]:before {
    opacity: 1;
    pointer-events: auto
}

[data-bp-tooltip].font-awesome:after {
    font-family: FontAwesome
}

[data-bp-tooltip][data-bp-tooltip-break]:after {
    white-space: pre
}

[data-bp-tooltip][data-bp-tooltip-blunt]:after,
[data-bp-tooltip][data-bp-tooltip-blunt]:before {
    transition: none
}

[data-bp-tooltip][data-bp-tooltip-pos=up]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 11px;
    transform: translate(-50%, 10px);
    transform-origin: top
}

[data-bp-tooltip][data-bp-tooltip-pos=up]:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    transform: translate(-50%, 10px);
    transform-origin: top
}

[data-bp-tooltip][data-bp-tooltip-pos=up]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=up][data-bp-tooltip-visible]:after {
    transform: translate(-50%, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=up]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=up][data-bp-tooltip-visible]:before {
    transform: translate(-50%, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=up-left]:after {
    bottom: 100%;
    left: 0;
    margin-bottom: 11px;
    transform: translate(0, 10px);
    transform-origin: top
}

[data-bp-tooltip][data-bp-tooltip-pos=up-left]:before {
    bottom: 100%;
    left: 5px;
    margin-bottom: 5px;
    transform: translate(0, 10px);
    transform-origin: top
}

[data-bp-tooltip][data-bp-tooltip-pos=up-left]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=up-left][data-bp-tooltip-visible]:after {
    transform: translate(0, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=up-left]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=up-left][data-bp-tooltip-visible]:before {
    transform: translate(0, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=up-right]:after {
    bottom: 100%;
    right: 0;
    margin-bottom: 11px;
    transform: translate(0, 10px);
    transform-origin: top
}

[data-bp-tooltip][data-bp-tooltip-pos=up-right]:before {
    bottom: 100%;
    right: 5px;
    margin-bottom: 5px;
    transform: translate(0, 10px);
    transform-origin: top
}

[data-bp-tooltip][data-bp-tooltip-pos=up-right]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=up-right][data-bp-tooltip-visible]:after {
    transform: translate(0, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=up-right]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=up-right][data-bp-tooltip-visible]:before {
    transform: translate(0, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=down]:after {
    left: 50%;
    margin-top: 11px;
    top: 100%;
    transform: translate(-50%, -10px)
}

[data-bp-tooltip][data-bp-tooltip-pos=down]:before {
    left: 50%;
    margin-top: 5px;
    top: 100%;
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    transform: translate(-50%, -10px)
}

[data-bp-tooltip][data-bp-tooltip-pos=down]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=down][data-bp-tooltip-visible]:after {
    transform: translate(-50%, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=down]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=down][data-bp-tooltip-visible]:before {
    transform: translate(-50%, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=down-left]:after {
    left: 0;
    margin-top: 11px;
    top: 100%;
    transform: translate(0, -10px)
}

[data-bp-tooltip][data-bp-tooltip-pos=down-left]:before {
    left: 5px;
    margin-top: 5px;
    top: 100%;
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    transform: translate(0, -10px)
}

[data-bp-tooltip][data-bp-tooltip-pos=down-left]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=down-left][data-bp-tooltip-visible]:after {
    transform: translate(0, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=down-left]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=down-left][data-bp-tooltip-visible]:before {
    transform: translate(0, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=down-right]:after {
    right: 0;
    margin-top: 11px;
    top: 100%;
    transform: translate(0, -10px)
}

[data-bp-tooltip][data-bp-tooltip-pos=down-right]:before {
    right: 5px;
    margin-top: 5px;
    top: 100%;
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    transform: translate(0, -10px)
}

[data-bp-tooltip][data-bp-tooltip-pos=down-right]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=down-right][data-bp-tooltip-visible]:after {
    transform: translate(0, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=down-right]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=down-right][data-bp-tooltip-visible]:before {
    transform: translate(0, 0)
}

[data-bp-tooltip][data-bp-tooltip-pos=left]:after {
    margin-right: 11px;
    right: 100%;
    top: 50%;
    transform: translate(10px, -50%)
}

[data-bp-tooltip][data-bp-tooltip-pos=left]:before {
    margin-right: 5px;
    right: 100%;
    top: 50%;
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    transform: translate(10px, -50%)
}

[data-bp-tooltip][data-bp-tooltip-pos=left]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=left][data-bp-tooltip-visible]:after {
    transform: translate(0, -50%)
}

[data-bp-tooltip][data-bp-tooltip-pos=left]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=left][data-bp-tooltip-visible]:before {
    transform: translate(0, -50%)
}

[data-bp-tooltip][data-bp-tooltip-pos=right]:after {
    left: 100%;
    margin-left: 11px;
    top: 50%;
    transform: translate(-10px, -50%)
}

[data-bp-tooltip][data-bp-tooltip-pos=right]:before {
    left: 100%;
    margin-left: 5px;
    top: 50%;
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    transform: translate(-10px, -50%)
}

[data-bp-tooltip][data-bp-tooltip-pos=right]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=right][data-bp-tooltip-visible]:after {
    transform: translate(0, -50%)
}

[data-bp-tooltip][data-bp-tooltip-pos=right]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=right][data-bp-tooltip-visible]:before {
    transform: translate(0, -50%)
}

[data-bp-tooltip][data-bp-tooltip-length=small]:after {
    white-space: normal;
    width: 80px
}

[data-bp-tooltip][data-bp-tooltip-length=medium]:after {
    white-space: normal;
    width: 150px
}

[data-bp-tooltip][data-bp-tooltip-length=large]:after {
    white-space: normal;
    width: 260px
}

[data-bp-tooltip][data-bp-tooltip-length=xlarge]:after {
    white-space: normal;
    width: 380px
}

@media screen and (max-width:768px) {
    [data-bp-tooltip][data-bp-tooltip-length=xlarge]:after {
        white-space: normal;
        width: 90vw
    }
}

[data-bp-tooltip][data-bp-tooltip-length=fit]:after {
    white-space: normal;
    width: 100%
}

#item-body,
.single-screen-navs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.grid>li,
.grid>li .generic-button a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.grid>li {
    border-bottom: 0;
    padding-bottom: 10px;
    padding-top: 0
}

.grid>li .list-wrap {
    background: #fafafa;
    border: 1px solid #eee;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
    padding-top: 14px;
    height: 100%
}

.grid>li .list-wrap .list-title {
    padding: .7em .7em 0
}

.grid>li .list-wrap .update {
    color: #737373;
    padding: .7em 2em
}

.grid>li .item-avatar {
    text-align: center
}

.grid>li .item-avatar .avatar {
    border-radius: 50%;
    display: inline-block;
    width: 50%
}

@media screen and (min-width:24em) {
    .grid.members-list .list-wrap .item-block {
        margin: 0 auto
    }

    .grid.members-group-list .list-wrap .item-block {
        margin: 0 auto
    }

    .grid.groups-list .list-wrap .group-desc {
        margin: 15px auto 0;
        min-height: 5em;
        overflow: hidden
    }

    .grid.groups-list .list-wrap .group-details,
    .grid.groups-list .list-wrap .item-desc,
    .grid.groups-list .list-wrap .last-activity {
        margin-bottom: 0
    }

    .grid.groups-list .list-wrap .group-details p,
    .grid.groups-list .list-wrap .item-desc p,
    .grid.groups-list .list-wrap .last-activity p {
        margin-bottom: 0
    }

    .grid.blogs-list .list-wrap .item-block {
        margin: 0 auto
    }
}

@media screen and (min-width:24em) {
    .grid>li.item-entry {
        float: left;
        margin: 0
    }
}

.buddypress-wrap .grid.bp-list {
    display: flex;
    flex-flow: row wrap;
    padding-top: 1em;
    margin-left: -5px;
    margin-right: -5px;
    width: auto
}

.buddypress-wrap .grid.bp-list>li {
    border-bottom: none;
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 5px;
    margin-bottom: 10px
}

@media screen and (min-width:32em) {
    .buddypress-wrap .grid.bp-list>li {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width:75em) {
    .buddypress-wrap .grid.bp-list>li {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

.buddypress-wrap .grid.bp-list>li .item-avatar {
    margin: 0;
    text-align: center;
    width: auto
}

.buddypress-wrap .grid.bp-list>li .item-avatar img.avatar {
    display: inline-block;
    height: auto;
    width: 50%
}

.buddypress-wrap .grid.bp-list>li .item-meta,
.buddypress-wrap .grid.bp-list>li .list-title {
    float: none;
    text-align: center
}

.buddypress-wrap .grid.bp-list>li .list-title {
    font-size: inherit;
    line-height: 1.1
}

.buddypress-wrap .grid.bp-list>li .item {
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width:46.8em) {
    .buddypress-wrap .grid.bp-list>li .item {
        font-size: 22px
    }
}

.buddypress-wrap .grid.bp-list>li .item .group-desc,
.buddypress-wrap .grid.bp-list>li .item .item-block {
    float: none
}

.buddypress-wrap .grid.bp-list>li .item .item-block {
    margin-bottom: 10px
}

.buddypress-wrap .grid.bp-list>li .item .last-activity {
    margin-top: 5px
}

.buddypress-wrap .grid.bp-list>li .item .group-desc {
    clear: none
}

.buddypress-wrap .grid.bp-list>li .item .user-update {
    clear: both;
    text-align: left
}

.buddypress-wrap .grid.bp-list>li .item .activity-read-more a {
    display: inline
}

.buddypress-wrap .grid.bp-list>li .action .generic-button {
    float: none;
    margin: 0;
    text-align: center;
    width: 100%
}

.buddypress-wrap .grid.bp-list>li .action .generic-button a,
.buddypress-wrap .grid.bp-list>li .action .generic-button button {
    width: 100%
}

.buddypress-wrap .grid.bp-list>li .avatar,
.buddypress-wrap .grid.bp-list>li .item,
.buddypress-wrap .grid.bp-list>li .item-avatar {
    float: none
}

.buddypress-wrap #members-list.bp-list.members-group-list li.item-entry-header {
    margin: 20px 0
}

.buddypress-wrap #members-list.grid.bp-list.members-group-list li.item-entry-header {
    max-width: 100%;
    flex: 100%;
    min-width: 0
}

@media screen and (min-width:46.8em) {
    .bp-single-vert-nav .bp-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .bp-single-vert-nav .bp-navs.vertical {
        border-right: 1px solid #d6d6d6;
        border-bottom: 0;
        float: left;
        width: 25%;
        overflow: visible
    }

    .bp-single-vert-nav .bp-navs.vertical ul {
        margin: 0
    }

    .bp-single-vert-nav .bp-navs.vertical li {
        float: none;
        margin-right: 0
    }

    .bp-single-vert-nav .bp-navs.vertical li.selected a {
        background: #ccc;
        color: #333
    }

    .bp-single-vert-nav .bp-navs.vertical li:focus,
    .bp-single-vert-nav .bp-navs.vertical li:hover {
        background: #ccc
    }

    .bp-single-vert-nav .bp-navs.vertical li span {
        background: #d6d6d6;
        border-radius: 10%;
        float: right;
        margin-right: 2px
    }

    .bp-single-vert-nav .bp-navs.vertical li:hover span {
        border-color: #eaeaea
    }

    .bp-single-vert-nav .item-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        padding-left: 20px
    }

    .bp-single-vert-nav #subnav {
        background: #eaeaea;
        margin: 0;
        width: auto
    }

    .bp-single-vert-nav #subnav li {
        font-size: 16px;
        margin: 10px 0
    }

    .bp-single-vert-nav #subnav li a {
        border-right: 1px solid #ccc;
        padding: 0 .7em
    }

    .bp-single-vert-nav #subnav li a:focus,
    .bp-single-vert-nav #subnav li a:hover {
        background: 0 0
    }

    .bp-single-vert-nav #subnav li.current a {
        background: 0 0;
        color: #333
    }

    .bp-single-vert-nav #subnav li:last-child a {
        border: none
    }

    .bp-dir-vert-nav .dir-navs {
        float: left;
        left: 1px;
        position: relative;
        width: 20%
    }

    .bp-dir-vert-nav .dir-navs ul li {
        float: none;
        overflow: hidden;
        width: auto
    }

    .bp-dir-vert-nav .dir-navs ul li.selected {
        border: 1px solid #eee
    }

    .bp-dir-vert-nav .dir-navs ul li.selected a {
        background: #555;
        color: #fff
    }

    .bp-dir-vert-nav .dir-navs ul li.selected a span {
        background: #eaeaea;
        border-color: #ccc;
        color: #5087e5
    }

    .bp-dir-vert-nav .dir-navs ul li a:focus,
    .bp-dir-vert-nav .dir-navs ul li a:hover {
        background: #ccc;
        color: #333
    }

    .bp-dir-vert-nav .dir-navs ul li a:focus span,
    .bp-dir-vert-nav .dir-navs ul li a:hover span {
        border: 1px solid #555
    }

    .bp-dir-vert-nav .screen-content {
        border-left: 1px solid #d6d6d6;
        margin-left: 20%;
        overflow: hidden;
        padding: 0 0 2em 1em
    }

    .bp-dir-vert-nav .screen-content .subnav-filters {
        margin-top: 0
    }
}

.admin-bar.bp-hide-adminbar {
    margin-top: -32px
}

@media screen and (max-width:782px) {
    .admin-bar.bp-hide-adminbar {
        margin-top: -46px
    }
}

.admin-bar.bp-hide-adminbar #wpadminbar {
    display: none
}

.admin-bar.bp-hide-adminbar .bb-mobile-panel-wrapper {
    top: 0;
    height: 100%
}

.admin-bar.bp-hide-adminbar a.bb-close-panel i {
    top: 32px
}

.bbp-forums,
.bbp-topics {
    list-style: none;
    padding: 0
}

#bbpress-forums hr {
    margin: 0 0 20px
}

#bbpress-forums {
    background: 0 0;
    clear: both;
    margin-bottom: 20px;
    font-size: 12px
}

#bbpress-forums:after {
    content: " ";
    display: table;
    clear: both
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
    background-color: #fff
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
    background-color: #fafafa
}

body.reply-edit .reply {
    float: none
}

#bbpress-forums div.reply {
    height: auto;
    width: 100%
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-topic-header {
    background-color: #f4f4f4
}

#bbpress-forums .status-spam.even,
#bbpress-forums .status-trash.even {
    background-color: #fee
}

#bbpress-forums .status-spam.odd,
#bbpress-forums .status-trash.odd {
    background-color: #fdd
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: #ccc
}

#bbpress-forums ul.bbp-threaded-replies {
    margin-left: 50px
}

#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics {
    font-size: 12px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-bottom: 20px;
    clear: both
}

#bbpress-forums li.bbp-body,
#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
    clear: both
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
    background: #f3f3f3;
    border-top: 1px solid #eee;
    font-weight: 700;
    padding: 8px;
    text-align: center
}

#bbpress-forums li.bbp-header {
    background: #eaeaea
}

#bbpress-forums li.bbp-header ul {
    overflow: hidden
}

#bbpress-forums .bbp-forums-list {
    margin: 0 0 0 5px;
    padding-left: 15px;
    border-left: 1px solid #ddd
}

#bbpress-forums .bbp-forums-list li {
    display: inline;
    font-size: 11px
}

#bbpress-forums li.bbp-footer p {
    margin: 0;
    line-height: 1
}

li.bbp-forum-info,
li.bbp-topic-title {
    float: left;
    text-align: left
}

li.bbp-forum-info {
    width: 50%
}

li.bbp-topic-title {
    width: 65%
}

li.bbp-topic-title a.bbp-topic-permalink {
    font-size: 14px
}

li.bbp-forum-reply-count,
li.bbp-forum-topic-count,
li.bbp-topic-reply-count {
    float: left;
    text-align: center;
    width: 15%
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
    text-align: center;
    float: left;
    width: 20%
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    border-top: 1px solid #eee;
    overflow: hidden;
    padding: 8px
}

li.bbp-header div.bbp-reply-content span#favorite-toggle,
li.bbp-header div.bbp-reply-content span#subscription-toggle,
li.bbp-header div.bbp-topic-content span#favorite-toggle,
li.bbp-header div.bbp-topic-content span#subscription-toggle {
    float: right
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-reply-title h3,
#bbpress-forums div.bbp-topic-title h3 {
    background: 0 0;
    border: none;
    font-size: 16px;
    line-height: 1;
    margin: 8px 0;
    padding: 0;
    text-transform: none
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-reply-author,
#bbpress-forums div.bbp-topic-author {
    float: left;
    text-align: center;
    width: 115px
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar {
    border: none;
    max-width: 80px;
    padding: 0;
    margin: 12px auto 0;
    float: none
}

#bbpress-forums div.bbp-forum-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name {
    margin: 0 12px;
    word-break: break-word;
    display: inline-block
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name {
    clear: left;
    display: block
}

#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role {
    font-size: 11px;
    font-style: italic
}

#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-topic-author {
    float: left;
    margin: 0;
    padding: 0;
    width: 120px
}

#bbpress-forums li.bbp-footer .bbp-forum-content,
#bbpress-forums li.bbp-footer .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-search-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-forum-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-header .bbp-search-content,
#bbpress-forums li.bbp-header .bbp-topic-content {
    margin-left: 140px;
    padding: 0;
    text-align: left
}

div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header,
li.bbp-body div.hentry {
    margin-bottom: 0;
    overflow: hidden;
    padding: 8px
}

div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header {
    border-top: 1px solid #ddd;
    clear: both
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: left
}

#bbpress-forums div.bbp-forum-content:after,
#bbpress-forums div.bbp-reply-content:after,
#bbpress-forums div.bbp-topic-content:after {
    clear: both;
    content: ".";
    display: block;
    float: none;
    height: 0;
    font-size: 0;
    visibility: hidden
}

#bbpress-forums div.bbp-reply-content a:not(.entry-img),
#bbpress-forums div.bbp-topic-content a:not(.entry-img) {
    background: 0 0;
    border: none;
    display: inline;
    font-weight: 400;
    margin: 0;
    padding: 0
}

#bbpress-forums div.bbp-reply-content a.bp-video-thumbnail-submit {
    padding: 10px 20px;
    border: 1px solid transparent;
    display: inline-block;
    font-weight: 500;
    margin-top: 25px;
    margin-left: auto
}

#bbpress-forums div.bbp-reply-content a.gif-play-button {
    margin-left: -40px;
    margin-top: -40px
}

#bbpress-forums div.bbp-reply-content h1,
#bbpress-forums div.bbp-reply-content h2,
#bbpress-forums div.bbp-reply-content h3,
#bbpress-forums div.bbp-reply-content h4,
#bbpress-forums div.bbp-reply-content h5,
#bbpress-forums div.bbp-reply-content h6,
#bbpress-forums div.bbp-topic-content h1,
#bbpress-forums div.bbp-topic-content h2,
#bbpress-forums div.bbp-topic-content h3,
#bbpress-forums div.bbp-topic-content h4,
#bbpress-forums div.bbp-topic-content h5,
#bbpress-forums div.bbp-topic-content h6 {
    clear: none;
    line-height: 1;
    margin: 24px 0;
    padding: 0
}

#bbpress-forums div.bbp-reply-content img,
#bbpress-forums div.bbp-topic-content img {
    max-width: 100%
}

#bbpress-forums div.bbp-reply-content ol,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-topic-content ul {
    margin: 0 15px 15px;
    padding: 0
}

#bbpress-forums div.bbp-reply-content ul li,
#bbpress-forums div.bbp-topic-content ul li {
    list-style-type: disc
}

#bbpress-forums div.bbp-reply-content ol li,
#bbpress-forums div.bbp-topic-content ol li {
    list-style-type: decimal
}

#bbpress-forums div.bbp-reply-content ol li li,
#bbpress-forums div.bbp-topic-content ol li li {
    list-style-type: lower-alpha
}

#bbpress-forums div.bbp-reply-content ol li li li,
#bbpress-forums div.bbp-topic-content ol li li li {
    list-style-type: upper-roman
}

#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-topic-content code {
    display: inline-block;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 0 5px;
    max-width: 100%;
    vertical-align: middle;
    margin-top: -3px
}

#bbpress-forums .bbp-the-content pre {
    position: relative;
    z-index: 1
}

#bbpress-forums div.bbp-reply-content pre code,
#bbpress-forums div.bbp-topic-content pre code {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    overflow-wrap: normal;
    overflow: auto;
    max-width: 100%
}

#bbpress-forums div.bbp-reply-to {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: right
}

#bbpress-forums div#bbp-cancel-reply-to {
    text-align: right
}

#bbp_editor_forum_content,
#bbp_editor_topic_content {
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    min-height: 80px;
    padding: .7em
}

#bbp_editor_forum_content:focus,
#bbp_editor_topic_content:focus {
    color: #222;
    border-color: #333
}

div.bbp-breadcrumb {
    float: left
}

div.bbp-breadcrumb,
div.bbp-topic-tags {
    font-size: 12px
}

#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
    margin-bottom: 10px
}

#bbpress-forums div.bbp-topic-tags {
    float: right
}

#bbp-topic-hot-tags {
    clear: both
}

span#subscription-toggle {
    float: right
}

#bbpress-forums #bbp-search-form {
    clear: left
}

#bbpress-forums #bbp-search-form .hidden {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    background: 0 0;
    left: -999em
}

#bbpress-forums #bbp-search-form #bbp_search {
    display: inline-block;
    width: auto
}

#bbpress-forums div.bbp-search-form {
    float: right
}

span.bbp-admin-links {
    float: right;
    color: #ddd
}

span.bbp-admin-links a {
    color: #bbb;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none
}

fieldset span.bbp-admin-links {
    float: left
}

tr td span.bbp-admin-links a:hover {
    color: #ff4b33
}

td.bbp-topic-admin-links,
td.bbp-topic-counts {
    width: 50%
}

.bbp-forum-header a.bbp-forum-permalink,
.bbp-reply-header a.bbp-reply-permalink,
.bbp-topic-header a.bbp-topic-permalink {
    float: right;
    margin-left: 10px;
    color: #ccc
}

.bbp-row-actions #favorite-toggle a {
    text-decoration: none;
    padding: 0 3px 1px;
    color: #7c7;
    border: 1px solid #aca;
    background-color: #dfd;
    font-weight: 700;
    font-size: 13px
}

.bbp-row-actions #favorite-toggle a:hover {
    color: #5a5;
    border-color: #7c7;
    background-color: #beb
}

.bbp-row-actions #favorite-toggle span.is-favorite a {
    color: #faa;
    border: 1px solid #faa;
    background-color: #fee
}

.bbp-row-actions #favorite-toggle span.is-favorite a:hover {
    color: #c88;
    border-color: #c88;
    background-color: #fdd
}

.bbp-row-actions #subscription-toggle a {
    text-decoration: none;
    padding: 0 3px 1px;
    color: #7c7;
    border: 1px solid #aca;
    background-color: #dfd;
    font-weight: 700;
    font-size: 13px
}

.bbp-row-actions #subscription-toggle a:hover {
    color: #5a5;
    border-color: #7c7;
    background-color: #beb
}

.bbp-row-actions #subscription-toggle span.is-subscribed a {
    color: #faa;
    border: 1px solid #faa;
    background-color: #fee
}

.bbp-row-actions #subscription-toggle span.is-subscribed a:hover {
    color: #c88;
    border-color: #c88;
    background-color: #fdd
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    font-size: 11px;
    margin: 5px 0;
    padding: 0;
    word-wrap: break-word
}

#bbpress-forums p.bbp-topic-meta span {
    white-space: nowrap
}

.bbp-pagination-count {
    float: left;
    border: 1px solid transparent
}

.bbp-pagination-links {
    float: right;
    list-style: none
}

.bbp-pagination-links a,
.bbp-pagination-links span.current {
    display: block;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
    border: 1px solid #efefef;
    text-decoration: none
}

.bbp-pagination-links a:hover,
.bbp-pagination-links span.current {
    background: #eee;
    opacity: .8;
    border: 1px solid #ddd
}

.bbp-pagination-links span.dots {
    display: block;
    float: left;
    padding: 1px 4px;
    margin-left: 5px
}

.bbp-pagination {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.bbp-topic-pagination {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 2px
}

.bbp-topic-pagination a {
    font-size: 10px;
    line-height: 10px;
    padding: 1px 3px;
    border: 1px solid #ddd;
    text-decoration: none
}

#bbpress-forums fieldset.bbp-form {
    clear: left
}

#bbpress-forums fieldset.bbp-form {
    border: 1px solid #eee;
    padding: 10px 20px;
    margin-bottom: 10px
}

#bbpress-forums fieldset.bbp-form legend {
    padding: 5px
}

#bbpress-forums fieldset.bbp-form label {
    margin: 0;
    display: inline-block
}

#bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
#bbp-login fieldset label,
#bbp-lost-pass fieldset label,
#bbp-register fieldset label {
    width: 100px
}

#bbpress-forums fieldset.bbp-form input,
#bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form textarea {
    margin: 0 0 10px
}

textarea#bbp_forum_content,
textarea#bbp_reply_content,
textarea#bbp_topic_content {
    width: 97%;
    box-sizing: border-box
}

textarea#bbp_forum_content {
    height: 210px
}

#bbpress-forums fieldset.bbp-forum-form-attributes {
    width: 200px;
    float: right;
    clear: none;
    margin-left: 25px
}

#bbpress-forums fieldset select#bbp_forum_id {
    max-width: 200px
}

.bbp-reply-form,
.bbp-topic-form,
.bbp-topic-tag-form {
    clear: left
}

body.reply-edit .bbp-reply-form div.avatar img,
body.single-forum .bbp-topic-form div.avatar img,
body.single-reply .bbp-reply-form div.avatar img,
body.topic-edit .bbp-topic-form div.avatar img {
    margin-right: 0;
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 0;
    background-color: #efefef
}

body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.reply-edit .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.topic-edit .bbp-topic-form code {
    font-size: 10px;
    background-color: #f0fff8;
    border: 1px solid #ceefe1;
    display: block;
    padding: 8px;
    margin-top: 5px;
    width: 369px
}

#delete_tag,
#merge_tag {
    display: inline
}

div.bbp-submit-wrapper {
    margin-top: 15px;
    float: right;
    clear: both
}

p.form-allowed-tags {
    max-width: 100%
}

#bbpress-forums div.bbp-the-content-wrapper {
    margin-bottom: 10px
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    width: 100%;
    margin: 0;
    border-radius: 0;
    font-size: 12px
}

#bbpress-forums div.bbp-the-content-wrapper table,
#bbpress-forums div.bbp-the-content-wrapper tbody,
#bbpress-forums div.bbp-the-content-wrapper td,
#bbpress-forums div.bbp-the-content-wrapper tr {
    border: none;
    padding: 0;
    margin: 0;
    width: auto;
    line-height: 1
}

#bbpress-forums div.bbp-the-content-wrapper input {
    font-size: 12px;
    padding: 5px;
    margin: 0 2px 0 0;
    line-height: 1
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
    padding: 5px;
    min-height: 26px
}

#bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
    padding: 4px 4px 8px
}

#bbpress-forums div.wp-editor-container {
    margin: 0;
    padding: 0;
    line-height: 0
}

#bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
    line-height: 16px
}

.bbp-forum-content ul.sticky,
.bbp-topics ul.sticky,
.bbp-topics ul.super-sticky,
.bbp-topics-front ul.super-sticky {
    background-color: #ffffe0 !important;
    font-size: 1.1em
}

#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log {
    border-top: 1px dotted #ddd;
    width: 100%;
    margin: 0;
    padding: 8px 0 0;
    font-size: 11px;
    color: #aaa
}

#bbpress-forums .bbp-reply-content .bb-activity-media-wrap+.bbp-reply-revision-log,
#bbpress-forums .bbp-reply-content .bb-activity-media-wrap+ul.bbp-topic-revision-log,
#bbpress-forums .bbp-topic-content .bb-activity-media-wrap+.bbp-reply-revision-log,
#bbpress-forums .bbp-topic-content .bb-activity-media-wrap+ul.bbp-topic-revision-log {
    margin-top: 15px
}

#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li {
    list-style-type: none
}

.bbp-login-form fieldset legend {
    display: none
}

.bbp-login-form .bbp-email input,
.bbp-login-form .bbp-password input,
.bbp-login-form .bbp-username input {
    padding: 5px
}

.bbp-login-form label {
    width: 140px;
    display: inline-block
}

#sidebar .bbp-login-form label {
    width: 70px
}

.bbp-login-form .bbp-email,
.bbp-login-form .bbp-password,
.bbp-login-form .bbp-remember-me,
.bbp-login-form .bbp-submit-wrapper,
.bbp-login-form .bbp-username {
    margin-top: 10px
}

.bbp-login-form .bbp-submit-wrapper {
    text-align: right
}

.bbp-login-form .bbp-login-links a {
    float: left;
    clear: left
}

.bbp-logged-in img.avatar {
    float: left;
    margin: 0 15px 0 0
}

.bbp-logged-in h4 {
    font-weight: 700;
    font-size: 1.3em;
    clear: none;
    margin-bottom: 10px
}

#bbpress-forums .widget_display_replies img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar {
    float: none;
    margin-bottom: -3px;
    border: 3px double #ddd;
    -webkit-box-shadow: none;
    box-shadow: none
}

fieldset div.avatar {
    float: right
}

.activity-list li.bbp_reply_create .bp-activity-head .bb-post-singular,
.activity-list li.bbp_topic_create .bp-activity-head .bb-post-singular,
.activity-list li.blogs .bp-activity-head .bb-post-singular {
    font-weight: 500
}

.activity-list li.bbp_reply_create .activity-content .activity-inner,
.activity-list li.bbp_topic_create .activity-content .activity-inner,
.activity-list li.blogs .activity-content .activity-inner {
    border: 1px solid #eaeaea;
    padding: 12px;
    border-radius: 4px;
    max-width: 640px
}

.activity-list li.bbp_reply_create .activity-content .activity-inner img,
.activity-list li.bbp_topic_create .activity-content .activity-inner img,
.activity-list li.blogs .activity-content .activity-inner img {
    max-width: 100%;
    margin: 0 0 15px
}

.activity-list li.bbp_reply_create .activity-content .activity-inner a.entry-img>img,
.activity-list li.bbp_topic_create .activity-content .activity-inner a.entry-img>img,
.activity-list li.blogs .activity-content .activity-inner a.entry-img>img {
    margin-bottom: 0
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title,
.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.blogs .activity-content .activity-inner .bb-post-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    color: #333
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap .bb-reply-lable,
.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title .bb-reply-lable,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap .bb-reply-lable,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title .bb-reply-lable,
.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap .bb-reply-lable,
.activity-list li.blogs .activity-content .activity-inner .bb-post-title .bb-reply-lable {
    color: #7f868f;
    font-weight: 400
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap a,
.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title a,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap a,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title a,
.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap a,
.activity-list li.blogs .activity-content .activity-inner .bb-post-title a {
    color: #333
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap a:hover,
.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title a:hover,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap a:hover,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title a:hover,
.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap a:hover,
.activity-list li.blogs .activity-content .activity-inner .bb-post-title a:hover {
    color: #5087e5
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap>p:not(:last-child),
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap>p:not(:last-child),
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap>p:not(:last-child) {
    margin-bottom: 10px
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap,
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap {
    display: table;
    width: 100%
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right,
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right {
    float: left;
    font-size: 25px;
    color: #939597
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right~p:not(:empty),
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right~p:not(:empty),
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right~p:not(:empty) {
    float: right;
    width: calc(100% - 35px);
    text-align: left
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap .emoji,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap .emoji,
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap .emoji {
    margin: 3px
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap+.gamipress-buddypress-user-details,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap+.gamipress-buddypress-user-details,
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap+.gamipress-buddypress-user-details {
    display: none
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .gamipress-buddypress-user-details,
.activity-list li.bbp_topic_create .activity-content .activity-inner .gamipress-buddypress-user-details,
.activity-list li.blogs .activity-content .activity-inner .gamipress-buddypress-user-details {
    margin-left: 10px;
    position: relative
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .gamipress-buddypress-user-details .wp-post-image,
.activity-list li.bbp_topic_create .activity-content .activity-inner .gamipress-buddypress-user-details .wp-post-image,
.activity-list li.blogs .activity-content .activity-inner .gamipress-buddypress-user-details .wp-post-image {
    margin: 0
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .gamipress-buddypress-user-details span,
.activity-list li.bbp_topic_create .activity-content .activity-inner .gamipress-buddypress-user-details span,
.activity-list li.blogs .activity-content .activity-inner .gamipress-buddypress-user-details span {
    vertical-align: middle
}

.activity-list li.bbp_reply_create .activity-content .activity-inner,
.activity-list li.bbp_topic_create .activity-content .activity-inner {
    padding: 0
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap {
    padding: 12px 12px 0 12px;
    margin-bottom: 0;
    background-color: #fafafa
}

.activity-list li.bbp_reply_create .bb-content-inr-wrap,
.activity-list li.bbp_topic_create .bb-content-inr-wrap {
    padding: 12px 12px 12px 12px;
    background-color: #fafafa
}

.activity-list li.bbp_reply_create .bb-content-inr-wrap .activity-read-more a,
.activity-list li.bbp_topic_create .bb-content-inr-wrap .activity-read-more a {
    text-transform: capitalize
}

.activity-list li.bbp_reply_create .bb-activity-media-wrap,
.activity-list li.bbp_topic_create .bb-activity-media-wrap {
    margin: 0
}

.activity-list li.bbp_reply_create .bb-activity-media-wrap .bb-activity-media-elem,
.activity-list li.bbp_topic_create .bb-activity-media-wrap .bb-activity-media-elem {
    padding: 0
}

.activity-list li.bbp_reply_create .bb-activity-media-wrap .bb-activity-media-elem .entry-img,
.activity-list li.bbp_topic_create .bb-activity-media-wrap .bb-activity-media-elem .entry-img {
    border-radius: 0 0 4px 4px
}

.activity-list li.bbp_reply_create .bb-activity-media-wrap .bb-activity-media-elem .entry-img img,
.activity-list li.bbp_topic_create .bb-activity-media-wrap .bb-activity-media-elem .entry-img img {
    margin-bottom: 0
}

.activity-list li.bbp_reply_create .bb-activity-media-wrap.bb-media-length-1 .bb-activity-media-elem,
.activity-list li.bbp_topic_create .bb-activity-media-wrap.bb-media-length-1 .bb-activity-media-elem {
    margin: 12px auto;
    border: none;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px)
}

.activity-list li.blogs .activity-content .activity-inner {
    padding: 0;
    position: relative
}

.activity-list li.blogs .activity-content .activity-inner .bb-post-img-link {
    background-color: #333;
    display: block;
    border-radius: 3px 3px 0 0
}

.activity-list li.blogs .activity-content .activity-inner .bb-post-img-link img {
    border-radius: 0;
    margin: 0 auto;
    max-height: 640px
}

.activity-list li.blogs .activity-content .activity-inner .bb-post-title-link:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.activity-list li.blogs .activity-content .activity-inner .bb-content-wrp {
    display: block;
    padding: 12px;
    background-color: #fafafa
}

.activity-list li.activity .activity-inner .gamipress-buddypress-user-details+.gamipress-buddypress-user-details {
    display: none
}

#bbpress-forums dl.bbp-user-capabilities {
    display: inline-block;
    vertical-align: top
}

#bbpress-forums dl.bbp-user-capabilities dt {
    margin: 0 0 10px;
    text-transform: capitalize
}

#bbpress-forums dl.bbp-user-capabilities dd {
    margin: 0;
    padding: 0
}

#bbpress-forums div.row-actions {
    font-size: 11px;
    visibility: hidden
}

#bbpress-forums li:hover>div.row-actions {
    visibility: visible
}

@media only screen and (max-width:480px) {
    #bbpress-forums div.bbp-topic-tags {
        clear: left;
        float: left
    }

    div.bbp-search-form button,
    div.bbp-search-form input {
        font-size: 11px;
        padding: 2px
    }

    li.bbp-forum-info {
        width: 50%
    }

    li.bbp-topic-title {
        width: 65%
    }

    li.bbp-forum-reply-count,
    li.bbp-forum-topic-count,
    li.bbp-topic-reply-count {
        width: 10%
    }

    span.bbp-reply-post-date {
        float: left
    }

    span.bbp-admin-links {
        clear: left;
        float: left
    }

    #bbpress-forums .bbp-forums-list li {
        display: block;
        font-size: 11px
    }

    #bbpress-forums .bbp-body div.bbp-reply-author {
        margin: -15px 10px 10px;
        min-height: 100px;
        padding-left: 80px;
        position: relative;
        text-align: left;
        width: 100%
    }

    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
        clear: none;
        display: inline-block;
        margin-left: 0;
        word-wrap: break-word
    }

    #bbpress-forums div.bbp-reply-author img.avatar {
        position: absolute;
        top: 15px;
        left: 0;
        width: 60px;
        height: auto
    }

    #bbpress-forums div.bbp-reply-author .bbp-author-role {
        font-size: 12px;
        font-style: normal
    }

    #bbpress-forums .bbp-body div.bbp-reply-content {
        clear: both;
        margin: 10px;
        padding: 0
    }

    #bbpress-forums div.bbp-reply-content p {
        margin-bottom: 15px
    }

    div.bbp-submit-wrapper {
        float: left
    }

    #bbpress-forums fieldset.bbp-form {
        padding: 0 10px 10px
    }

    #bbpress-forums #bbp-user-body {
        clear: both;
        margin-left: 0;
        word-wrap: break-word
    }
}

@media only screen and (max-width:320px) {
    #bbpress-forums div.bbp-search-form {
        margin-bottom: 10px
    }

    #bbpress-forums li.bbp-body li.bbp-forum-info,
    #bbpress-forums li.bbp-body li.bbp-topic-title,
    #bbpress-forums li.bbp-header li.bbp-forum-info,
    #bbpress-forums li.bbp-header li.bbp-topic-title {
        width: 100%
    }

    #bbpress-forums li.bbp-header li.bbp-forum-info,
    #bbpress-forums li.bbp-header li.bbp-topic-title {
        text-align: center;
        text-transform: uppercase
    }

    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-header li.bbp-topic-reply-count {
        width: 20%
    }

    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness {
        width: 58%
    }

    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
        margin-top: 7px
    }

    #bbpress-forums li.bbp-footer,
    #bbpress-forums li.bbp-header {
        font-size: 10px
    }

    #bbpress-forums li.bbp-header div.bbp-reply-author {
        text-align: left;
        width: 25%
    }

    #bbpress-forums li.bbp-header div.bbp-reply-content {
        margin-left: 25%
    }

    #bbpress-forums p.bbp-topic-meta img.avatar {
        width: 14px;
        height: auto
    }

    #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
        padding: 1px
    }

    #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
        width: 20px;
        height: 20px
    }

    #bbpress-forums div.wp-editor-container {
        width: 100%;
        overflow: auto
    }

    #bbpress-forums input#bbp_topic_tags,
    #bbpress-forums input#bbp_topic_title {
        width: 95%
    }
}

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

    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-footer div.bbp-reply-author,
    #bbpress-forums li.bbp-footer div.bbp-reply-content,
    #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-header li.bbp-topic-reply-count {
        width: 45%
    }

    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header div.bbp-reply-author,
    #bbpress-forums li.bbp-header div.bbp-reply-content,
    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness {
        clear: both;
        width: 100%
    }

    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness {
        text-align: center
    }

    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header div.bbp-reply-content {
        margin-left: 0;
        text-align: left
    }

    #bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta {
        display: inline-block
    }

    #bbpress-forums li.bbp-header {
        overflow: hidden
    }

    #bbpress-forums li.bbp-footer div.bbp-reply-content {
        display: inline-block;
        margin-left: 0
    }

    #bbpress-forums li.bbp-body div.bbp-reply-author {
        min-height: 60px;
        padding-left: 60px
    }

    #bbpress-forums div.bbp-reply-author img.avatar {
        width: 40px;
        height: auto
    }
}

body .bb-select-dropdown.select2-dropdown {
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    margin-right: 0;
    max-width: 300px
}

body .bb-select-container .select2-search__field {
    background: 0 0;
    border-width: 0;
    min-width: 100%;
    width: 100% !important;
    padding-left: 0
}

body .bb-select-container li.select2-results__option.select2-results__message {
    border-radius: 3px;
    margin-bottom: 0;
    font-size: 14px;
    padding: 2px 5px
}

body .bb-select-container li.select2-search.select2-search--inline {
    flex: 1;
    min-width: 0
}

body .bb-select-container ul.select2-selection__rendered {
    display: flex !important;
    align-items: center;
    flex-flow: row wrap;
    padding: 0 !important
}

body .bb-select-container.select2-selection.select2-selection--multiple {
    border-color: transparent;
    padding: 0
}

.bb-select-container input.select2-search__field {
    margin: 0 !important
}

.bb-select-dropdown li.select2-results__option.select2-results__message {
    border-radius: 3px;
    margin-bottom: 0;
    font-size: 14px;
    padding: 2px 5px
}

.bb-select-container li.select2-selection__choice {
    background-color: #4d5c6d !important;
    border-color: #4d5c6d !important;
    font-size: 14px;
    color: #fff;
    letter-spacing: -.24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    padding: 0 8px;
    margin: 0 10px 0 0
}

.bb-select-container span.select2-selection__choice__remove {
    font-size: 0;
    line-height: 1;
    margin: 0 0 0 8px
}

.bb-select-container span.select2-selection__choice__remove:before {
    content: "\E828";
    font-family: bb-icons;
    font-size: 13px;
    line-height: 1;
    background: #fff;
    border-radius: 50%;
    color: #4d5c6d;
    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;
    min-width: 13px;
    min-height: 13px;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bbp-forum-form #bbp_editor_forum_content {
    min-height: 120px
}

.bbp-forum-form label {
    color: inherit;
    display: inline-block;
    font-size: 15px;
    letter-spacing: -.24px;
    margin-bottom: 5px
}

.bp-forum-settings {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px
}

.bp-forum-settings>p {
    flex: 1;
    padding: 0 10px
}

@media (max-width:900px) {
    .bp-forum-settings>p {
        flex: 0 0 50%
    }
}

@media (max-width:500px) {
    .bp-forum-settings>p {
        flex: 0 0 100%
    }
}

h2.bbp-form-title.entry-title {
    margin-bottom: 25px
}

.bbp-forum-title-label span {
    opacity: .6;
    font-size: 14px
}

.bs-reply-suspended-block {
    pointer-events: none
}

.bs-reply-suspended-block .bbp-author-role {
    display: none
}

.bs-reply-header.bs-reply-suspended-header {
    opacity: .7
}

.bs-reply-header.bs-reply-suspended-header .bp-suspended-avatar {
    min-width: 48px
}

.bbp-reply-content.bs-forum-suspended-content {
    opacity: .7
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem {
    padding: 3px
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem .bb-item-cover-wrap {
    padding-top: 38.56%;
    display: block
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem .bb-item-cover-wrap:hover:after {
    visibility: visible;
    opacity: 1
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem.act-grid-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem.act-grid-1-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap {
    padding-top: 82.56%
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap.bb-media-length-2 .bb-activity-video-elem.act-grid-1-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap.bb-media-length-2 .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap {
    padding-top: 82.56%
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout+div+div {
    position: relative;
    right: inherit;
    bottom: inherit
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout+div+div .act-grid-1-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.reply-edit #bbpress-forums .bbp-reply-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-remove:after,
.topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-remove:after {
    left: 0
}

.reply-edit #bbpress-forums .bbp-reply-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-progress,
.topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-progress {
    display: none
}

.reply-edit #bbpress-forums .bbp-reply-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-filename,
.topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-filename {
    color: #4d5c6d
}

.reply-edit #bbpress-forums .bbp-reply-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview.dz-file-preview,
.topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview.dz-file-preview {
    background-color: #f0f3f7
}

.reply-edit #bbpress-forums .bbp-reply-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-details,
.topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-details {
    min-height: 120px
}

.reply-edit #bbpress-forums .bbp-reply-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-details .dz-size,
.topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone .dz-complete.dz-file-preview .dz-details .dz-size {
    display: block !important
}

/*! jQuery UI - v1.11.4 - 2015-11-24
* http://jqueryui.com
* Includes: core.css, accordion.css, menu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.bp-search-ajax-item {
    margin: 0
}

.bp-search-ajax-item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bp-search-ajax-item .item-avatar {
    margin-right: 12px;
    width: 50px
}

.bp-search-ajax-item .item-avatar img {
    vertical-align: middle;
    max-width: 48px;
    width: 100%;
    height: auto
}

.bp-search-ajax-item .item {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    line-height: 1.3;
    align-self: center
}

.bp-search-ajax-item .item .item-desc,
.bp-search-ajax-item .item .item-tags {
    margin-top: 5px;
    font-size: 80%;
    color: #a9a9a9
}

.bp-search-ajax-item .item-title {
    font-size: 15px;
    color: #122b46;
    letter-spacing: -.24px;
    margin-bottom: 3px
}

.bp-search-ajax-item .item-meta {
    margin-bottom: 0;
    font-size: 12px;
    color: #a3a5a9;
    letter-spacing: -.18px
}

.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a:active,
.ui-menu .ui-menu-item a:hover {
    text-decoration: none
}

.bp-search-ac.ui-autocomplete {
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .4);
    -moz-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .4);
    box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .4);
    max-height: 80%;
    min-width: 280px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #fff
}

.ui-widget-content {
    border: none
}

.bp-search-ac .x {
    display: none !important
}

.bp-search-ac li.bbls-category {
    font-weight: 600;
    padding: 14px 10px 5px;
    position: relative;
    top: -1px;
    box-sizing: border-box
}

.bp-search-ac li.bbls-category a {
    font-weight: 600
}

.bp-search-ac li:not(.bbls-category) {
    padding: 0 10px
}

.bp-search-ac li:not(.bbls-category) .bp-search-ajax-item {
    padding: 10px 0
}

.bp-search-ac .bbls-category+li .bp-search-ajax-item,
.bp-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type .bp-search-ajax-item {
    padding-top: 9px
}

.bp-search-ac .bbls-category:not(:first-child) {
    border-top: 1px solid #e5e5e5
}

.bp-search-ac.ui-menu .ui-menu-divider {
    border-width: 0;
    margin: 0
}

.bp-search-ac.ui-menu .ui-menu-item.ui-state-focus {
    border: none;
    color: inherit
}

.bp-search-ac.ui-menu .ui-menu-item {
    list-style-image: none;
    box-sizing: border-box
}

.bp-search-ac.ui-menu .ui-menu-item.ui-state-focus,
.bp-search-ac.ui-menu .ui-menu-item.ui-state-hover,
.bp-search-ac.ui-menu .ui-menu-item:hover {
    background: #f4f5f6
}

.bp-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type {
    padding: 0
}

.bp-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type .bp-search-ajax-item {
    padding: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
    position: relative;
    top: -1px
}

.bp-search-ac.ui-menu .ui-menu-item .bp-search-ajax-item.noresult {
    padding: 13px 7px 11px
}

.bp-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type .bp-search-ajax-item a {
    display: block;
    padding: 9px 10px;
    text-align: center
}

@media screen and (max-width:720px) {
    .bp-search-ac.ui-autocomplete {
        overflow-y: scroll
    }
}

#buddypress .results-group ul.item-list {
    border-top: none !important
}

.search_results .results-group-title {
    text-transform: capitalize;
    float: left;
    margin-bottom: 0
}

.bp-search-page .results-group ul#activity-stream {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: 0;
    box-shadow: none
}

.bp-search-page .results-group ul#activity-stream li.activity-item {
    border: 0;
    box-shadow: none;
    margin: 0
}

.bp-search-page .results-group ul#activity-stream li.activity-item .activity-inner {
    margin: 0;
    padding: 0;
    background: 0 0
}

.bp-search-page .bp-navs ul li .count {
    margin-left: 6px
}

.bp-search-results-wrap .results-group-header {
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    padding-bottom: 5px
}

.bp-search-results-wrap .results-group-header .view-all-link-hidden {
    display: none
}

.bp-search-results-wrap .results-group-title {
    flex: 1;
    min-width: 0
}

.bp-search-results-wrap .results-group-footer {
    text-align: center
}

.bp-search-results-wrap .view-all-link {
    font-size: 14px;
    color: #888;
    line-height: 1
}

div.search_results .item-list {
    margin-top: 0;
    padding-top: 0
}

div.search_results .groups-list li .last-activity {
    margin-top: 0
}

.bp-search-results-wrapper .bp-search-form-wrapper {
    float: left;
    margin: 0 0 20px
}

.search_results {
    clear: both
}

.bp-search-item {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee
}

#buddypress .results-group ul.awpcp_ad_listing-list div img {
    margin-top: 20px
}

.bp-search-ac .loading-msg {
    padding: 20px;
    white-space: nowrap;
    font-size: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.bp-search-ac .loading-msg .bb_global_search_spinner {
    background: url(/wp-content/plugins/buddyboss-platform/bp-templates/bp-nouveau/images/spinner.png) no-repeat center;
    background-size: 100% 100%;
    width: 19px;
    height: 19px;
    margin: 0 10px 0 0
}

.bb_global_search_spinner {
    margin: 20px;
    width: 100px;
    height: 100px;
    background: red;
    -webkit-animation-name: bb_global_srch_spin;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: bb_global_srch_spin;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: bb_global_srch_spin;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: bb_global_srch_spin;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.bp-search-ac .ui-corner-all {
    display: none
}

@-moz-keyframes bb_global_srch_spin {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes bb_global_srch_spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes bb_global_srch_spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ac_results li.ui-menu-divider {
    margin: 0;
    padding: 0
}

.ac_results.ui-menu .ui-menu-item.ui-state-hover,
.ac_results.ui-menu .ui-menu-item:hover,
.ac_results.ui-menu .ui-state-active,
.ac_results.ui-menu .ui-state-focus {
    margin: 0;
    background-color: #888
}

.ac_results.ui-menu .ui-menu-item.ui-state-hover a,
.ac_results.ui-menu .ui-menu-item:hover a,
.ac_results.ui-menu .ui-state-active a,
.ac_results.ui-menu .ui-state-focus a {
    color: #fff
}

.bp-search-results-list .bp-search-item {
    margin: 0;
    padding: 15px 0
}

.bp-search-results-list .bp-search-item .list-wrap {
    display: flex
}

.bp-search-results-list .bp-search-item .item-avatar {
    margin-right: 12px;
    max-width: 50px
}

.bp-search-results-list .bp-search-item .item-avatar img.avatar {
    display: block
}

.bp-search-results-list .bp-search-item .item {
    display: block;
    flex: 1;
    min-width: 0;
    align-self: center
}

.bp-search-results-list .bp-search-item .item-title {
    float: none;
    font-size: 16px;
    color: #122b46;
    letter-spacing: -.24px;
    line-height: 1;
    margin: 5px 0;
    text-align: left
}

.bp-search-results-list .bp-search-item p.item-meta {
    margin-bottom: 0;
    text-align: left
}

.bp-search-results-list .bp-search-item .item-desc {
    color: #737373;
    font-size: 12px;
    line-height: 1.4
}

.bp-search-results-list .bp-search-item .rating-custom div.product .woocommerce-product-rating {
    margin-bottom: 1.618em
}

.bp-search-results-list .bp-search-item .rating-custom .woocommerce-product-rating .star-rating {
    margin: .5em 4px 0 0;
    float: left
}

.bp-search-results-list .bp-search-item .rating-custom .woocommerce-product-rating:after,
.bp-search-results-list .bp-search-item .rating-custom .woocommerce-product-rating:before {
    content: " ";
    display: table
}

.bp-search-results-list .bp-search-item .rating-custom .woocommerce-product-rating {
    line-height: 2
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating:before {
    content: "\73\73\73\73\73";
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating {
    line-height: 1;
    font-size: 1em;
    font-family: star
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em
}

.bp-search-results-list .bp-search-item .woocommerce-review-link {
    display: none
}

.bp-search-results-list .bp-search-item .product-sale {
    margin-top: .5em
}

.bp-search-results-list .bp-search-item .product-sale .onsale {
    padding: .202em;
    text-align: center;
    background-color: #77a464;
    color: #fff;
    font-size: 80%;
    z-index: 9
}

.bp-search-results-list .bp-search-item dd.course_progress {
    margin: 0;
    width: 40%;
    height: 5px
}

.bp-search-results-list .bp-search-item .entry-meta a,
.bp-search-results-list .bp-search-item .entry-meta span {
    color: #737373;
    font-size: 90%
}

.bp-search-results-wrapper.bp-search-no-results {
    display: flex;
    flex-flow: column-reverse
}

.bp-search-results-wrapper.bp-search-no-results .search_filters {
    display: none
}

.bp-search-results-wrapper.bp-search-no-results .search_results {
    margin-bottom: 20px;
    margin-top: -10px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.registration .mfp-bg,
body.login .mfp-bg {
    background: rgba(250, 251, 253, .9);
    opacity: 1
}

.registration .mfp-content #privacy-modal,
.registration .mfp-content #terms-modal,
body.login .mfp-content #privacy-modal,
body.login .mfp-content #terms-modal {
    border-radius: 4px;
    border: 1px solid #d2d4d6;
    box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1)
}

.registration .mfp-content #privacy-modal h1,
.registration .mfp-content #terms-modal h1,
body.login .mfp-content #privacy-modal h1,
body.login .mfp-content #terms-modal h1 {
    font-size: 1.75rem
}

.registration .mfp-content #privacy-modal p,
.registration .mfp-content #terms-modal p,
body.login .mfp-content #privacy-modal p,
body.login .mfp-content #terms-modal p {
    line-height: 1.5
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

body.login .login-popup {
    background: #fff;
    padding: 30px;
    text-align: left;
    min-height: 400px;
    max-width: 650px;
    margin: 40px auto;
    position: relative
}

body.login .login-popup .mfp-close {
    color: #000
}

body.login .login-popup .mfp-close:focus,
body.login .login-popup .mfp-close:hover {
    background: 0 0
}

.bb-activity-media-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -3px;
    align-items: flex-start;
    position: relative
}

.fb-post.fb_iframe_widget {
    margin: 0 -3px
}

.fb-post.fb_iframe_widget+.bb-activity-media-wrap {
    margin-top: 15px
}

.act-grid-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0
}

.bb-media-length-2 .act-grid-1-1 {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0
}

.act-grid-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0
}

.bb-media-length-1 .bb-activity-media-elem.media-activity {
    flex: none;
    min-width: 230px
}

.bb-media-length-1 .bb-activity-media-elem .entry-img img {
    min-height: auto;
    min-width: auto;
    margin: 0 auto;
    display: block
}

.bb-activity-media-elem {
    padding: 3px
}

.bb-activity-media-elem .entry-img {
    background: 0 0;
    border-radius: 3px;
    display: block;
    margin: 0;
    position: relative;
    padding-top: 42.56%;
    overflow: hidden
}

.bb-media-length-1 .bb-activity-media-elem .entry-img {
    padding-top: 42.56%
}

.bb-media-length-2 .bb-activity-media-elem .entry-img {
    padding-top: 72.56%
}

.bb-media-length-3 .bb-activity-media-elem .entry-img.act-grid-1-1 {
    padding-top: 52.56%
}

.bb-activity-media-elem .entry-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    min-height: 100%;
    width: auto;
    min-width: 100%;
    object-fit: cover
}

.bb-activity-media-elem .bb-photos-length {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: center;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 16px
}

.bb-activity-media-elem .bb-photos-length strong {
    color: inherit;
    display: block;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 10px
}

.bb-activity-media-elem.media-activity .entry-img:before {
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, .35);
    border-radius: 3px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    transition: .3s all;
    opacity: 0;
    visibility: visible
}

.bb-activity-media-elem.media-activity.is-visible .entry-img:before,
.bb-activity-media-elem.media-activity:hover .entry-img:before {
    opacity: 1;
    visibility: visible
}

.bb-media-length-4 .act-grid-1-2 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    min-width: 0
}

.bb-media-length-4 .bb-activity-media-elem.act-grid-1-2 .entry-img {
    padding-top: 72.56%
}

.bb-media-length-5 .bb-activity-media-elem .entry-img {
    padding-top: 72.56%
}

.bb-media-length-5 .act-grid-1-1 {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0
}

.bb-media-length-5 .act-grid-1-1+.act-grid-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0
}

.bb-media-length-5 .act-grid-1-2 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    min-width: 0
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-2 .entry-img {
    padding-top: 55.56%
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout {
    flex: 0 0 64%;
    max-width: 64%;
    min-width: 0
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem {
    flex: 0 0 36%;
    max-width: 36%;
    min-width: 0
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem .entry-img {
    padding-top: 105.6%
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout .entry-img {
    padding-top: 118%
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout+div+div {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36%
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout {
    flex: 0 0 64%;
    max-width: 64%;
    min-width: 0
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem {
    flex: 0 0 36%;
    max-width: 36%;
    min-width: 0
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem .entry-img {
    padding-top: 69.1%
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout .entry-img {
    padding-top: 119%
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout+div {
    position: absolute;
    right: 0;
    top: 33.4%;
    width: 36%
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout+div+div {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36%
}

.bb-activity-media-wrap.bb-media-length-more .bb-activity-media-elem .entry-img {
    padding-top: 82.56%
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-1 {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-1+.act-grid-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-2 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    min-width: 0
}

.modal-mask {
    position: fixed;
    z-index: 999901;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .3s ease;
    display: flex;
    align-items: center
}

.modal-mask.bb-white {
    background: rgba(250, 251, 253, .9)
}

.modal-wrapper {
    max-width: 615px;
    margin: 50px auto;
    vertical-align: middle;
    width: 90%
}

.modal-wrapper.bb-medium {
    max-width: 740px
}

.modal-wrapper.bb-large {
    max-width: 1080px
}

.modal-container {
    width: auto;
    margin: 0 auto;
    padding: 20px 30px 30px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d2d4d6;
    box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1);
    transition: all .3s ease
}

.modal-container.has-folderlocationUI {
    max-height: 90vh;
    overflow: auto
}

.modal-container#boss-media-create-album-popup .bb-model-header,
.modal-container#boss-video-create-album-popup .bb-model-header {
    margin-bottom: 20px
}

.modal-container#boss-media-create-album-popup #bp-media-create-album-submit.saving:after,
.modal-container#boss-media-create-album-popup #bp-video-create-album-submit.saving:after,
.modal-container#boss-video-create-album-popup #bp-media-create-album-submit.saving:after,
.modal-container#boss-video-create-album-popup #bp-video-create-album-submit.saving:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear
}

.modal-container .bp-video-upload-tab.selected {
    color: #122b46
}

.bp-media-upload-tab-content,
.bp-video-upload-tab-content {
    padding-top: 30px
}

#boss-media-create-album-popup .popup-on-fly-create-folder-title.error+.error-box,
#bp-media-uploader .popup-on-fly-create-folder-title.error+.error-box {
    display: block;
    font-size: 13px
}

.bbm-model-wrap input,
.bbm-model-wrap textarea {
    width: 100%
}

.bbm-model-wrap label {
    font-size: 16px;
    line-height: 1.5;
    display: block;
    margin-bottom: 7px
}

.bbm-model-wrap textarea {
    min-height: 80px;
    resize: none;
    margin-bottom: 20px
}

.modal-header h3 {
    margin-top: 0;
    color: #42b983
}

.modal-body {
    margin: 20px 0
}

.modal-default-button {
    float: right
}

#bbpress-forums div.bbp-reply-content .bb-model-header,
.bb-model-header {
    background: #fbfbfc;
    box-shadow: 0 1px 0 0 #eef0f3;
    border-radius: 4px 4px 0 0;
    padding: 17px 30px 16px;
    margin: -20px -30px 30px;
    display: flex;
    align-items: center
}

#bbpress-forums div.bbp-reply-content .bb-model-header h4,
.bb-model-header h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 500
}

#bbpress-forums div.bbp-reply-content .bb-model-header .bb-model-close-button,
.bb-model-header .bb-model-close-button {
    margin-left: auto;
    line-height: 1
}

.modal-enter {
    opacity: 0
}

.modal-leave-active {
    opacity: 0
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.bb-model-close-button {
    font-size: 24px;
    color: rgba(17, 49, 80, .4)
}

.bb-photos-wrap .bb-title {
    font-size: 28px;
    line-height: 1;
    margin: 0
}

.bb-photos-wrap .bb-single-bp-header .button {
    margin-left: 5px
}

.bb-member-photos-list {
    margin: 0;
    list-style: none
}

.bb-member-media-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.bb-member-media-header.bb-videos-actions {
    margin-top: 30px
}

.bb-member-media-header.bb-videos-actions .bb-videos-meta {
    margin-bottom: 10px
}

.bb-member-media-header+#video-stream .grid.bp-list {
    padding-top: 0;
    margin-top: 20px
}

.bb-media-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-bottom: 10px
}

.bb-media-meta a {
    margin-left: 10px
}

.bb-media-meta .bb-delete {
    line-height: 1
}

.bb-media-meta .bb-delete i {
    font-size: 21px
}

.bb-media-meta .bb-select i {
    border: 1px solid;
    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;
    font-size: 12px;
    border-radius: 50%;
    width: 19px;
    height: 19px
}

.bb-media-meta .bb-select.selected i {
    background: #000;
    color: #fff;
    border-color: #000
}

.bb-photos-date {
    font-size: 14px;
    color: #939597
}

.buddypress-wrap .bp-list.bb-photo-list {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0 -5px
}

.buddypress-wrap .bp-list.bb-photo-list li {
    flex: 0 0 20%;
    min-width: 0;
    margin: 0;
    padding: 5px
}

.buddypress-wrap .bp-subnavs .component-navigation.document-nav li.selected.loading a:after,
.buddypress-wrap .bp-subnavs .component-navigation.media-nav li.selected.loading a:after,
.buddypress-wrap .bp-subnavs .component-navigation.video-nav li.selected.loading a:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 16px;
    line-height: 1;
    margin-left: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear
}

.bb-item-cover-wrap {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    display: block
}

.bb-item-cover-wrap:hover:before {
    opacity: 1
}

.bb-item-cover-wrap img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    min-height: 100%;
    width: auto;
    min-width: 100%;
    object-fit: cover
}

.bb-item-cover-wrap:after {
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, .35);
    border-radius: 3px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .3s all
}

.bb-item-cover-wrap:not(.selected):after {
    visibility: hidden;
    opacity: 0
}

.bb-item-thumb {
    position: relative;
    z-index: 1
}

.bb-item-thumb.is-visible {
    z-index: 11
}

.bb-item-thumb.is-visible .bb-action-check-wrap,
.bb-item-thumb.is-visible .bb-item-cover-wrap:after,
.bb-item-thumb.selected .bb-action-check-wrap,
.bb-item-thumb.selected .bb-item-cover-wrap:after,
.bb-item-thumb:hover .bb-action-check-wrap,
.bb-item-thumb:hover .bb-item-cover-wrap:after {
    visibility: visible;
    opacity: 1
}

.bb-action-check-wrap {
    position: absolute;
    transition: .3s all;
    top: 25px;
    left: 15px;
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 15px;
    text-align: center;
    line-height: 1;
    z-index: 2;
    visibility: hidden;
    opacity: 0
}

.bb-media-model-wrapper.bb-internal-model {
    position: fixed;
    z-index: 999990;
    background-color: rgba(0, 0, 0, .9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    overflow: auto
}

#bbpress-forums .bb-media-model-container,
#buddypress .bb-media-model-container {
    max-width: 90%;
    min-width: 90%;
    position: relative;
    margin: auto;
    padding: 20px 0
}

#bbpress-forums .bb-media-model-container .activity-list,
#buddypress .bb-media-model-container .activity-list {
    border: 0;
    margin: 0;
    padding: 0
}

#bbpress-forums .bb-media-model-container .activity-list .activity-item,
#buddypress .bb-media-model-container .activity-list .activity-item {
    border: 0;
    box-shadow: none;
    margin: 0;
    max-height: 90vh;
    min-height: 90vh;
    overflow: auto
}

.bb-media-model-inner {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-flow: row wrap;
    position: relative;
    overflow: hidden
}

a.theater-command {
    position: absolute;
    align-self: center;
    left: 0;
    top: 0;
    z-index: 1;
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    opacity: 0;
    visibility: hidden;
    transition: .2s all
}

.bb-media-section:hover a.theater-command {
    opacity: 1;
    visibility: visible
}

[dir=rtl] a.theater-command {
    left: auto;
    right: 0;
    justify-content: center
}

a.theater-command.bb-next-media {
    left: auto;
    right: 0;
    width: 80%;
    justify-content: flex-end
}

[dir=rtl] a.theater-command.bb-next-media {
    right: auto;
    left: 0;
    width: 20%;
    justify-content: center
}

.bb-media-section {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    justify-content: center;
    background: #000;
    position: relative
}

.bb-media-section figure {
    margin: 0
}

.bb-media-section figure img {
    max-height: 90vh;
    width: auto
}

a.bb-close-model {
    position: absolute;
    top: 20px;
    right: 20px;
    line-height: 1;
    z-index: 22
}

.bb-media-model-container .activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action[data-balloon][data-balloon-pos=up]:before {
    margin-top: 13px
}

.bb-media-info-section {
    flex: 0 0 100%;
    min-width: 0
}

.bb-media-info-section .item-title {
    margin-bottom: 2px
}

.bb-media-info-section .item-title a {
    font-size: 13px
}

.bb-media-info-section .item-avatar {
    margin-right: 12px
}

.bb-media-info-section .avatar {
    border-radius: 50%;
    max-width: 36px
}

.bb-media-info-section .activity-media-description .bp-add-media-activity-description>span {
    font-size: 13px;
    font-weight: 400
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description #add-activity-description {
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.5;
    overflow: auto;
    min-height: 75px
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description #add-activity-description:focus {
    -webkit-box-shadow: 0 0 6px #d6d6d6;
    -moz-box-shadow: 0 0 6px #d6d6d6;
    box-shadow: 0 0 6px #d6d6d6
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description .description-new-submit {
    margin-bottom: 17px
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description .description-new-submit #bp-activity-description-new-submit {
    padding: 7px 20px;
    height: auto;
    min-height: 10px;
    line-height: 1
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description .description-new-submit #bp-activity-description-new-reset {
    background: 0 0;
    box-shadow: none;
    border: 0;
    font-size: 14px;
    color: #a3a5a9;
    font-weight: 500;
    margin: 0;
    padding: 0 10px;
    width: auto
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description .description-new-submit #bp-activity-description-new-reset:hover {
    color: #000
}

.bb-media-info-section .activity-video-description .bp-add-video-activity-description>span {
    font-size: 13px;
    font-weight: 400
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description #add-activity-description {
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.5;
    overflow: auto;
    min-height: 75px
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description #add-activity-description:focus {
    -webkit-box-shadow: 0 0 6px #d6d6d6;
    -moz-box-shadow: 0 0 6px #d6d6d6;
    box-shadow: 0 0 6px #d6d6d6
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description .description-new-submit {
    margin-bottom: 17px
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description .description-new-submit #bp-activity-description-new-submit {
    padding: 7px 20px;
    height: auto;
    min-height: 10px;
    line-height: 1
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description .description-new-submit #bp-activity-description-new-reset {
    background: 0 0;
    box-shadow: none;
    border: 0;
    font-size: 14px;
    color: #a3a5a9;
    font-weight: 500;
    margin: 0;
    padding: 0 10px;
    width: auto
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description .description-new-submit #bp-activity-description-new-reset:hover {
    color: #000
}

.bb-media-info-section .activity-comments {
    clear: both;
    margin: 0;
    overflow: visible;
    position: relative;
    width: auto
}

.bb-media-info-section .activity-comments>ul {
    background: #fbfbfc;
    margin: 0 -15px;
    padding: 15px 15px 0;
    border-top: 1px solid #eef0f3;
    border-radius: 0 0 4px 4px;
    clear: both;
    list-style: none
}

.bb-media-info-section .activity-comments ul li {
    margin: 0;
    padding: 0;
    padding-bottom: 15px
}

.bb-media-info-section .activity-comments div.acomment-avatar {
    margin: 0 15px 0 0;
    width: auto;
    text-align: left
}

.bb-media-info-section .activity-comments .acomment-meta {
    font-size: 13px;
    overflow: hidden
}

.bb-media-info-section .activity-comments .acomment-content {
    border-left: 0;
    margin: 0 0 0 51px;
    padding: 0
}

.bb-media-info-section .activity-comments .acomment-content .bb-activity-media-wrap {
    margin: 15px 0
}

.bb-media-info-section .activity-comments .action {
    line-height: 1;
    margin-left: 51px
}

.bb-media-info-section .activity-comments form {
    background: #fbfbfc;
    margin: 0 -15px;
    margin-right: 0;
    padding: 15px 15px 0
}

.bb-media-info-section .activity-comments .dropzone .dz-complete .dz-remove:after {
    top: -1px
}

.bb-media-info-header {
    font-size: 14px;
    color: #939597;
    letter-spacing: -.24px;
    line-height: 16px;
    margin-bottom: 15px
}

.bb-media-info-header .item-title a {
    font-size: 14px
}

.bb-media-desc {
    min-height: 120px
}

.bb-model-meta {
    padding: 12px 0
}

.bb-model-meta a {
    color: #555;
    opacity: .4;
    display: flex;
    align-items: center;
    margin-right: 20px
}

.bb-model-meta i:before {
    font-size: 22px;
    line-height: 1;
    margin: 0 5px 0 0
}

.bb-model-meta .bb-count {
    font-size: 13px;
    letter-spacing: -.24px
}

#boss-media .bb-media-model-inner .bs-item-wrap .item-meta {
    font-size: 12px;
    color: #a3a5a9;
    letter-spacing: -.18px;
    line-height: 1.666
}

#boss-media .bb-media-model-inner .bs-item-wrap .item-meta .item-meta a {
    color: inherit
}

#boss-media .bb-media-model-inner .bs-item-wrap .item-meta .item-meta a:hover {
    color: #5087e5
}

.bb-media-info-content {
    position: relative
}

.bb-media-info-footer {
    background: #fbfbfc;
    border-top: 1px solid #eef0f3;
    padding: 12px 15px
}

.bb-media-info-footer .add-comment-wrap {
    padding: 0
}

.bb-media-info-footer .add-comment-wrap .add-comment {
    background: #fff
}

a.bb-smile {
    color: rgba(18, 43, 70, .4);
    transition: all linear .2s;
    font-size: 20px
}

a.bb-smile:hover {
    color: rgba(18, 43, 70, .8)
}

body.bb-model-open {
    overflow: hidden
}

.bs-activity-comments:empty {
    display: none
}

.bb-single-album-header {
    padding-top: 20px
}

.bb-single-album-header .bb-title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.24px;
    line-height: 1;
    margin: 0 0 5px !important
}

.bb-single-album-header>a {
    font-size: 14px;
    display: block
}

.bb-single-album-header p {
    opacity: .7;
    font-size: 13px;
    color: #000;
    letter-spacing: -.24px
}

.bb-single-album-header span.bb-sep {
    margin: 0 5px
}

.bb-album-photos-list {
    list-style: none;
    margin-left: 0
}

.album-single-view.no-photos .modal-mask {
    position: relative;
    width: auto;
    height: auto
}

.album-single-view.no-photos .modal-wrapper.bb-large {
    max-width: 100%;
    margin: 0;
    width: 100%
}

.album-single-view.no-photos .bb-model-header {
    display: none
}

.album-single-view.no-photos .modal-container {
    padding: 0;
    margin: 0;
    box-shadow: none
}

.album-single-view.no-photos .dropzone .dz-default {
    background: 0 0
}

.bb-photos-wrap .bb-model-footer {
    padding-top: 20px
}

@media (max-width:544px) {
    .bb-photos-wrap #boss-media-create-album-popup .bb-model-footer {
        flex-direction: column
    }

    .bb-photos-wrap #boss-media-create-album-popup .bb-model-footer .button.push-right {
        margin: 20px auto 0
    }

    .bb-photos-wrap #boss-media-create-album-popup .bb-model-footer .bb-dropdown-wrap {
        width: 100%
    }

    .bb-photos-wrap #boss-media-create-album-popup .bb-model-footer .bb-dropdown-wrap select {
        width: 100%
    }
}

.bb-single-album-page .bb-single-bp-header .bb-add-photos {
    display: none !important
}

.bb-album-actions {
    text-align: center;
    font-size: 12px;
    margin-top: -25px;
    margin-bottom: 20px;
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.bb-album-actions select {
    margin-left: auto;
    font-size: 14px;
    color: #939597;
    background-position: right 10px center;
    padding-right: 26px;
    width: 160px;
    height: 30px !important
}

@media (max-width:480px) {
    .bb-album-actions select {
        margin: 20px auto 0
    }
}

.bb-album-actions>a:first-of-type {
    margin-left: 0
}

@media (max-width:480px) {
    .bb-album-actions {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

div#buddypress div.bb-album-actions .button {
    min-height: 24px;
    padding: 4px 15px;
    font-size: 12px;
    margin: 0 10px 0 0
}

div#buddypress .bb-album-actions .button.error.outline {
    background: 0 0;
    color: #ef3e46;
    border-color: #ef3e46
}

.bb-member-albums-items {
    list-style: none;
    margin: 0
}

.bb-member-albums-items>li:not(:last-child) {
    border-bottom: 1px solid #eef0f3;
    padding-bottom: 30px;
    margin-bottom: 30px
}

ul.bb-albums-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
    overflow: hidden;
    margin: 0 -5px
}

ul.bb-albums-list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    min-width: 0;
    padding: 5px
}

ul.bb-albums-list a {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    display: block;
    background: #809ab4
}

ul.bb-albums-list img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    min-height: 100%;
    width: auto;
    min-width: 100%;
    object-fit: cover
}

ul.bb-albums-list .bb-more-photos {
    font-size: 14px;
    font-weight: 300;
    color: #939597;
    letter-spacing: -.24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center
}

ul.bb-albums-list .bb-more-photos strong {
    line-height: 1;
    font-size: 24px;
    color: #4d5c6d;
    letter-spacing: -.24px;
    text-align: center;
    font-weight: 400
}

ul.bb-albums-list .load-more {
    width: 100%;
    flex: 100%;
    max-width: 100%;
    text-align: center
}

#buddypress .bb-photo-list li.load-more,
#buddypress .bb-video-list li.load-more {
    margin: 20px auto 10px;
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

#buddypress .bb-photo-list li.load-more>a,
#buddypress .bb-video-list li.load-more>a {
    max-width: 33%
}

.bb-album-list-item .bs-cover-wrap {
    border-radius: 0;
    padding-top: 93.52%
}

.bb-album-list-item .bs-cover-wrap:after {
    content: " ";
    position: absolute;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .01) 60%, rgba(0, 0, 0, 0) 100%);
    border-radius: 3px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bb-album-cover-wrap {
    position: relative
}

.bb-album-cover-wrap h4 {
    font-size: 20px;
    color: inherit;
    letter-spacing: -.24px;
    line-height: 1;
    margin: 0 0 12px
}

.bb-album-cover-wrap .bb-album-content-wrap {
    position: absolute;
    bottom: 0;
    z-index: 11;
    left: 0;
    padding: 20px;
    font-size: 13px;
    color: #fff;
    letter-spacing: -.24px;
    line-height: 1;
    width: 100%
}

#buddypress .bb-album-content-wrap h4 {
    margin-bottom: 8px;
    letter-spacing: .2px
}

.bb-album-content-wrap .bb-album_date {
    display: block;
    margin-bottom: 8px;
    font-size: 14px
}

.bb-album-content-wrap .bb-album_stats {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bb-album-content-wrap .bb-album_stats i.bb-icon {
    font-size: 20px;
    margin-right: 7px
}

.bb-album-content-wrap .bb-album_stats i.bb-icon.bb-icon-video-alt {
    font-size: 18px
}

.bb-album-content-wrap .bb-album_stats .bb-album_stats_photos,
.bb-album-content-wrap .bb-album_stats .bb-album_stats_videos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bb-album-content-wrap .bb-album_stats .bb-album_stats_spacer {
    color: #b2b1b0;
    font-size: 20px;
    margin: 0 8px
}

#buddypress #bp-media-single-album .bb-single-album-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

#buddypress #bp-media-single-album .bb-single-album-header #bp-single-album-title {
    padding: 10px 0;
    margin: 0 !important
}

#buddypress #bp-media-single-album .bb-single-album-header #bb-album-title {
    max-width: 202px
}

#buddypress #bp-media-single-album .bb-single-album-header #bp-edit-album-title {
    margin: 0 0 0 10px
}

#buddypress #bp-media-single-album .bb-single-album-header #bp-save-album-title {
    margin: 0 10px 0 10px
}

#buddypress #bp-media-single-album .bb-single-album-header p {
    flex-basis: 100%;
    width: 100%
}

#buddypress .bb-media-container.member-media .bb-media-actions-wrap {
    margin-bottom: 20px
}

#buddypress .bb-media-container.member-media .bp-navs~.bb-media-actions-wrap {
    margin-bottom: 0
}

@media (min-width:768px) {
    .bb-media-model-inner {
        max-height: 90vh;
        min-height: 90vh
    }

    .bb-media-section {
        flex: 1;
        min-width: 0
    }

    .bb-media-info-section {
        flex: 0 0 376px;
        min-width: 0
    }
}

@media (max-width:767px) {
    a.bb-close-model {
        top: 10px;
        right: 10px
    }

    .document.document-theatre {
        display: block
    }

    #buddypress .bb-document-theater {
        width: calc(100% - 60px);
        min-width: initial;
        margin: 0 30px;
        height: 100%
    }

    #buddypress .bb-document-theater .bb-media-model-inner {
        height: 100%;
        display: block
    }

    #buddypress .bb-document-theater .bb-media-model-inner .bb-media-info-section.document {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        margin-left: 0;
        max-height: calc(50vh - 40px)
    }

    #buddypress .bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-list.bp-list {
        min-height: calc(50vh - 40px);
        max-height: calc(50vh - 40px)
    }

    #buddypress .bb-document-theater .bb-media-model-inner .bb-media-info-section.document li.activity_update {
        min-height: calc(50vh - 80px);
        max-height: calc(50vh - 80px)
    }

    #buddypress .bb-document-theater .bb-media-section {
        width: 100%;
        height: auto;
        min-height: 50vh;
        max-height: 50vh;
        background-color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 4px 4px 0 8px
    }

    #buddypress .bb-document-theater .bb-media-section.bb-video-preview .document-preview,
    #buddypress .bb-document-theater .bb-media-section.bb-video-preview .document-preview .video-js {
        min-height: 50vh;
        max-height: 50vh
    }

    #buddypress .bb-document-theater .bb-media-section .img-section {
        max-height: 50vh;
        height: auto;
        display: block;
        text-align: center;
        padding: 5px 0
    }

    #buddypress .bb-document-theater .bb-media-section .img-section .img-block-wrap {
        height: 48vh;
        padding-bottom: 0;
        padding-top: 0
    }

    #buddypress .bb-document-theater .bb-media-section .img-section .img-block-wrap img {
        max-height: calc(50vh - 80px)
    }

    #buddypress .bb-document-theater .bb-media-section.bb-media-no-preview .img-section>p {
        font-size: 16px;
        padding: 0 10px;
        word-break: break-word
    }

    #buddypress .bb-document-theater .bb-media-section .theater-command {
        opacity: 1;
        visibility: visible
    }

    #buddypress .bb-document-theater .bb-media-section .theater-command.bb-next-document {
        left: auto;
        right: -30px;
        width: 30px;
        padding: 0
    }

    #buddypress .bb-document-theater .bb-media-section .theater-command.bb-prev-document {
        left: -30px;
        width: 30px;
        padding: 0
    }

    #buddypress .bb-document-theater .bb-media-section .CodeMirror {
        height: calc(50vh - 40px);
        border-radius: 4px 4px 0 0
    }

    #buddypress .bb-document-theater .bb-media-section .document-preview .document-text {
        margin-top: 40px
    }

    #buddypress .bb-document-theater .bb-media-section .document-preview h3 {
        right: 0
    }
}

@media (max-width:1000px) {
    .bb-album-cover-wrap .bb-album-content-wrap {
        font-size: 11px;
        padding: 15px
    }

    .bb-album-cover-wrap h4 {
        font-size: 18px
    }

    ul.bb-albums-list .bb-more-photos {
        font-size: 10px
    }

    ul.bb-albums-list .bb-more-photos strong {
        font-size: 20px
    }

    .buddypress-wrap .bp-list.bb-photo-list li {
        flex: 0 0 25%
    }
}

@media (max-width:580px) {
    ul.bb-albums-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        min-width: 0
    }

    .bb-album-list-item .bs-cover-wrap {
        padding-top: 95.52%
    }

    .buddypress-wrap .bp-list.bb-photo-list li {
        flex: 0 0 50%
    }

    .bb-album-content-wrap .bb-album_stats {
        font-size: 12px
    }

    .bb-album-content-wrap .bb-album_stats i.bb-icon {
        font-size: 20px
    }

    .bb-album-content-wrap .bb-album_stats i.bb-icon.bb-icon-video-alt {
        font-size: 17px
    }

    .bb-album-content-wrap .bb-album_stats .bb-album_stats_spacer {
        margin: 0 5px
    }
}

@media (max-width:480px) {
    #buddypress .bb-media-container.member-media #bp-media-single-album .bb-single-album-header input[type=text] {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    #buddypress .bb-media-container.member-media .bb-album-actions {
        flex-wrap: wrap;
        justify-content: space-around
    }

    #buddypress .bb-media-container.member-media .bb-album-actions .button {
        margin: 0 0 10px 0
    }

    #buddypress .bb-media-container.member-media .bb-album-actions select {
        width: 100%;
        direction: ltr
    }
}

.bb-custom-check {
    position: absolute;
    opacity: 0
}

.bb-custom-check+label {
    color: #fff;
    position: relative;
    cursor: pointer;
    padding: 0
}

.bb-custom-check:checked+label {
    color: #fff
}

#media_uploader.dropzone .bb-dz-preview-wrap .dz-image img {
    cursor: default
}

.bb-dropzone-wrap.bb-has-items .dz-default {
    display: none !important
}

.bb-dropzone-wrap.bb-has-items {
    margin: -8px
}

.bb-dropzone-wrap.bb-has-items .dz-preview {
    margin: 8px;
    width: calc(20% - 16px)
}

.bb-model-footer .button {
    min-width: 130px
}

.bb-model-footer .button.pull-right {
    float: right
}

.bbm-uploader-model-wrap .bb-model-header h4 {
    font-size: 22px
}

.bbm-uploader-model-wrap .bb-model-header span:not(.bp-reported-type) {
    font-size: 1rem;
    color: #939597;
    letter-spacing: -.24px;
    line-height: 24px
}

.bbm-uploader-model-wrap .bb-model-header .dashicons {
    font-size: 22px;
    margin: 0
}

.bb-media-actions-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0
}

.bb-media-actions-wrap h2 {
    margin: 0
}

.bb-media-actions-wrap .bb-media-actions-wrap {
    width: 100%
}

.bb-add-media {
    display: inline-block
}

.emojionearea.emojionearea-standalone {
    vertical-align: top
}

.webui-popover.webui-popover {
    z-index: 999991
}

.text-center {
    text-align: center
}

.modal-container .bp-existing-media-wrap {
    margin-bottom: 20px;
    max-height: 68vh;
    overflow: auto
}

.modal-container .bp-existing-media-wrap .media-list li .media-action-wrap,
.modal-container .bp-existing-media-wrap .media-list li .video-action-wrap {
    display: none
}

.bb-model-close-button .bb-icon-close {
    font-size: 22px !important
}

.bb-dropdown-wrap,
.bb-field-wrap {
    margin-bottom: 20px
}

.bb-field-wrap .bb-allowed-file-types {
    margin-top: 10px;
    font-size: 14px;
    color: #888
}

.bb-model-footer.flex .bb-dropdown-wrap {
    margin-bottom: 0
}

.bp-upload-tab {
    margin-right: 15px
}

#bbpress-forums ul.bp-list.loading,
#buddypress ul.bp-list.loading {
    background: #fff;
    padding: 20px;
    text-align: center
}

.bb-media-model-inner .post-gif .gif-media-search-dropdown.open {
    width: 300px;
    left: -40px
}

.bb-media-model-inner .post-gif .gif-media-search-dropdown.open:before {
    left: 60px
}

.bb-media-model-inner .post-gif:nth-child(3) .gif-media-search-dropdown.open {
    left: -70px
}

.bb-media-model-inner .post-gif:nth-child(3) .gif-media-search-dropdown.open:before {
    left: 90px
}

.bb-media-model-inner .post-gif:nth-child(3) .gif-media-search-dropdown.open {
    left: -110px
}

.bb-media-model-inner .post-gif:nth-child(3) .gif-media-search-dropdown.open:before {
    left: 130px
}

.bb-media-model-inner .post-gif:nth-child(4) .gif-media-search-dropdown.open {
    left: -140px
}

.bb-media-model-inner .post-gif:nth-child(4) .gif-media-search-dropdown.open:before {
    left: 160px
}

.bb-media-model-inner .post-gif:nth-child(5) .gif-media-search-dropdown.open {
    left: -170px
}

.bb-media-model-inner .post-gif:nth-child(5) .gif-media-search-dropdown.open:before {
    left: 190px
}

.comment-item .bb-media-model-inner ul .gif-media-search-dropdown.open {
    left: -80px
}

.bb-media-model-inner .gif-media-search-dropdown:before {
    left: 70px
}

.comment-item .bb-media-model-inner ul .gif-media-search-dropdown:before {
    left: 100px
}

.bb-media-model-inner .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
    left: -110px
}

.bb-media-model-inner .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 112px
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled.post-gif-disabled .emojionearea-picker.emojionearea-picker-position-bottom {
    left: -28px
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled.post-gif-disabled .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 30px
}

.bb-media-model-inner .ac-reply-content .ac-reply-toolbar.post-media-disabled.post-gif-disabled .emojionearea-picker.emojionearea-picker-position-bottom {
    left: -50px
}

.bb-media-model-inner .ac-reply-content .ac-reply-toolbar.post-media-disabled.post-gif-disabled .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 52px
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled:not(.post-gif-disabled) .emojionearea-picker.emojionearea-picker-position-bottom {
    left: -80px
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled:not(.post-gif-disabled) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 82px
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled:not(.post-gif-disabled) .gif-media-search-dropdown.open {
    left: -30px
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled:not(.post-gif-disabled) .gif-media-search-dropdown:before {
    left: 50px
}

.bb-media-model-inner .ac-reply-toolbar.post-gif-disabled:not(.post-media-disabled) .emojionearea-picker.emojionearea-picker-position-bottom {
    left: -80px
}

.bb-media-model-inner .ac-reply-toolbar.post-gif-disabled:not(.post-media-disabled) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 82px
}

img.emoji,
img.emojioneemoji {
    display: inline-block;
    margin: 3px;
    width: 24px !important;
    height: 24px !important
}

.bb-media-only-privacy {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 111
}

.bb-document-section .bb-media-only-privacy {
    top: 0;
    right: 385px;
    background-color: #fff;
    padding: 6px 0 0 10px
}

@media (max-width:767px) {
    .bb-document-section .bb-media-only-privacy {
        right: 6px
    }
}

.bb-media-only-privacy .privacy {
    border: 1px solid;
    border-radius: 4px;
    padding: 2px 1px 2px 6px
}

.bb-media-only-privacy .bb-media-privacy-wrap:before {
    display: none
}

.bb-media-only-privacy .privacy-wrap {
    display: inline-block
}

.bb-media-only-privacy .document-privacy,
.bb-media-only-privacy .media-privacy {
    display: none;
    margin: 0;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    padding: 5px 0;
    min-width: 200px;
    right: 0;
    top: 35px;
    z-index: 11
}

.bb-media-only-privacy .document-privacy:before,
.bb-media-only-privacy .media-privacy:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 25px;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 1002
}

.bb-media-only-privacy .document-privacy li,
.bb-media-only-privacy .media-privacy li {
    cursor: pointer;
    line-height: 1;
    margin: 0;
    padding: 10px 14px;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1px
}

.bb-media-only-privacy .document-privacy li:hover,
.bb-media-only-privacy .media-privacy li:hover {
    background: #f5f5f5
}

.bb-media-only-privacy .document-privacy .selected,
.bb-media-only-privacy .media-privacy .selected {
    background: #f5f5f5
}

.bb-media-only-privacy .document-privacy.bb-open,
.bb-media-only-privacy .media-privacy.bb-open {
    display: block
}

.document-privacy>li:before,
.media-privacy>li:before {
    content: "\f11f";
    font-family: dashicons;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center
}

.document-privacy>li.onlyme:before,
.media-privacy>li.onlyme:before {
    content: "\f160"
}

.document-privacy>li.loggedin:before,
.media-privacy>li.loggedin:before {
    content: "\f307"
}

.document-privacy>li.friends:before,
.media-privacy>li.friends:before {
    content: "\f110"
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-image,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-image,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-image,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-image,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-image,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-image,
#new-post #whats-new-attachments #forums-post-document-uploader .dz-preview.dz-file-preview .dz-image,
.ac-reply-content .ac-reply-attachments .dz-preview.dz-file-preview .dz-image,
.activity-update-form #whats-new-attachments .activity-document-container #activity-post-document-uploader .dz-preview.dz-file-preview .dz-image,
.bp-media-document-uploader.has-folderlocationUI .dz-preview.dz-file-preview .dz-image,
.documents.folder #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-image,
.documents.my-document #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-image,
.documents.my-document #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-image,
.groups.documents #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-image,
.groups.documents #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-image,
.modal-container.has-folderlocationUI .dz-preview.dz-file-preview .dz-image,
body.documents #buddypress #item-body #media-uploader .dz-preview.dz-file-preview .dz-image,
body.documents #buddypress #item-body #media-uploader-child-folder .dz-preview.dz-file-preview .dz-image,
body.messages #buddypress #item-body #bp-group-messages-post-document-uploader .dz-preview.dz-file-preview .dz-image,
body.messages #buddypress #item-body #messages-post-document-uploader .dz-preview.dz-file-preview .dz-image {
    padding-top: 0
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#new-post #whats-new-attachments #forums-post-document-uploader .dz-preview.dz-file-preview .dz-details,
.ac-reply-content .ac-reply-attachments .dz-preview.dz-file-preview .dz-details,
.activity-update-form #whats-new-attachments .activity-document-container #activity-post-document-uploader .dz-preview.dz-file-preview .dz-details,
.bp-media-document-uploader.has-folderlocationUI .dz-preview.dz-file-preview .dz-details,
.documents.folder #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
.documents.my-document #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details,
.documents.my-document #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
.groups.documents #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details,
.groups.documents #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
.modal-container.has-folderlocationUI .dz-preview.dz-file-preview .dz-details,
body.documents #buddypress #item-body #media-uploader .dz-preview.dz-file-preview .dz-details,
body.documents #buddypress #item-body #media-uploader-child-folder .dz-preview.dz-file-preview .dz-details,
body.messages #buddypress #item-body #bp-group-messages-post-document-uploader .dz-preview.dz-file-preview .dz-details,
body.messages #buddypress #item-body #messages-post-document-uploader .dz-preview.dz-file-preview .dz-details {
    display: block !important
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#new-post #whats-new-attachments #forums-post-document-uploader .dz-preview.dz-file-preview .dz-details,
.ac-reply-content .ac-reply-attachments .dz-preview.dz-file-preview .dz-details,
.activity-update-form #whats-new-attachments .activity-document-container #activity-post-document-uploader .dz-preview.dz-file-preview .dz-details,
.bp-media-document-uploader.has-folderlocationUI .dz-preview.dz-file-preview .dz-details,
.documents.folder #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
.documents.my-document #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details,
.documents.my-document #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
.groups.documents #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details,
.groups.documents #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
.modal-container.has-folderlocationUI .dz-preview.dz-file-preview .dz-details,
body.documents #buddypress #item-body #media-uploader .dz-preview.dz-file-preview .dz-details,
body.documents #buddypress #item-body #media-uploader-child-folder .dz-preview.dz-file-preview .dz-details,
body.messages #buddypress #item-body #bp-group-messages-post-document-uploader .dz-preview.dz-file-preview .dz-details,
body.messages #buddypress #item-body #messages-post-document-uploader .dz-preview.dz-file-preview .dz-details {
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    padding: 25px 10px;
    display: flex;
    background: #f0f3f7;
    text-align: center;
    height: 100%;
    min-height: 160px;
    width: 160px;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details .dz-size,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details .dz-size,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
#new-post #whats-new-attachments #forums-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
.ac-reply-content .ac-reply-attachments .dz-preview.dz-file-preview .dz-details .dz-size,
.activity-update-form #whats-new-attachments .activity-document-container #activity-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
.bp-media-document-uploader.has-folderlocationUI .dz-preview.dz-file-preview .dz-details .dz-size,
.documents.folder #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
.documents.my-document #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details .dz-size,
.documents.my-document #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
.groups.documents #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details .dz-size,
.groups.documents #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
.modal-container.has-folderlocationUI .dz-preview.dz-file-preview .dz-details .dz-size,
body.documents #buddypress #item-body #media-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
body.documents #buddypress #item-body #media-uploader-child-folder .dz-preview.dz-file-preview .dz-details .dz-size,
body.messages #buddypress #item-body #bp-group-messages-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
body.messages #buddypress #item-body #messages-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-size {
    margin-bottom: 0;
    font-size: 14px
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details .dz-filename,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details .dz-filename,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
#new-post #whats-new-attachments #forums-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
.ac-reply-content .ac-reply-attachments .dz-preview.dz-file-preview .dz-details .dz-filename,
.activity-update-form #whats-new-attachments .activity-document-container #activity-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
.bp-media-document-uploader.has-folderlocationUI .dz-preview.dz-file-preview .dz-details .dz-filename,
.documents.folder #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
.documents.my-document #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details .dz-filename,
.documents.my-document #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
.groups.documents #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details .dz-filename,
.groups.documents #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
.modal-container.has-folderlocationUI .dz-preview.dz-file-preview .dz-details .dz-filename,
body.documents #buddypress #item-body #media-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
body.documents #buddypress #item-body #media-uploader-child-folder .dz-preview.dz-file-preview .dz-details .dz-filename,
body.messages #buddypress #item-body #bp-group-messages-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-filename,
body.messages #buddypress #item-body #messages-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-filename {
    display: block;
    width: 100%
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details .dz-filename span,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details .dz-filename span,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
#new-post #whats-new-attachments #forums-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
.ac-reply-content .ac-reply-attachments .dz-preview.dz-file-preview .dz-details .dz-filename span,
.activity-update-form #whats-new-attachments .activity-document-container #activity-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
.bp-media-document-uploader.has-folderlocationUI .dz-preview.dz-file-preview .dz-details .dz-filename span,
.documents.folder #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
.documents.my-document #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details .dz-filename span,
.documents.my-document #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
.groups.documents #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details .dz-filename span,
.groups.documents #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
.modal-container.has-folderlocationUI .dz-preview.dz-file-preview .dz-details .dz-filename span,
body.documents #buddypress #item-body #media-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
body.documents #buddypress #item-body #media-uploader-child-folder .dz-preview.dz-file-preview .dz-details .dz-filename span,
body.messages #buddypress #item-body #bp-group-messages-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span,
body.messages #buddypress #item-body #messages-post-document-uploader .dz-preview.dz-file-preview .dz-details .dz-filename span {
    margin-top: 0
}

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

    #activity-post-video-uploader .dz-preview.dz-file-preview .dz-details,
    #boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details,
    #bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
    #bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details,
    #forums-post-video-uploader .dz-preview.dz-file-preview .dz-details,
    #messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
    #new-post #whats-new-attachments #forums-post-document-uploader .dz-preview.dz-file-preview .dz-details,
    .ac-reply-content .ac-reply-attachments .dz-preview.dz-file-preview .dz-details,
    .activity-update-form #whats-new-attachments .activity-document-container #activity-post-document-uploader .dz-preview.dz-file-preview .dz-details,
    .bp-media-document-uploader.has-folderlocationUI .dz-preview.dz-file-preview .dz-details,
    .documents.folder #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
    .documents.my-document #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details,
    .documents.my-document #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
    .groups.documents #buddypress #item-body #bp-media-create-folder #media-uploader-folder .dz-preview.dz-file-preview .dz-details,
    .groups.documents #buddypress #item-body #bp-media-uploader #media-uploader .dz-preview.dz-file-preview .dz-details,
    .modal-container.has-folderlocationUI .dz-preview.dz-file-preview .dz-details,
    body.documents #buddypress #item-body #media-uploader .dz-preview.dz-file-preview .dz-details,
    body.documents #buddypress #item-body #media-uploader-child-folder .dz-preview.dz-file-preview .dz-details,
    body.messages #buddypress #item-body #bp-group-messages-post-document-uploader .dz-preview.dz-file-preview .dz-details,
    body.messages #buddypress #item-body #messages-post-document-uploader .dz-preview.dz-file-preview .dz-details {
        min-height: 142px;
        width: 142px
    }
}

#buddypress .bp-media-document-uploader .media-uploader-wrapper {
    margin-bottom: 5px
}

#buddypress .bp-media-document-uploader #bp-media-document-next,
#buddypress .bp-media-document-uploader #bp-media-document-prev {
    display: none
}

#buddypress .bp-media-document-uploader #bp-media-document-next {
    text-align: center
}

#buddypress .bp-media-document-uploader #bp-media-document-next>i {
    margin-right: 5px;
    font-size: 15px
}

#buddypress .bp-media-document-uploader #bp-media-document-prev {
    font-size: 15px;
    float: right;
    margin: 8px 20px 0 0;
    color: #a5a7ab
}

#buddypress .bp-media-document-uploader .document-uploader-footer {
    display: table;
    width: 100%
}

#buddypress .bp-media-document-uploader .document-uploader-footer .bb-dropdown-wrap {
    float: left;
    margin-bottom: 0
}

#buddypress .bp-media-document-uploader .document-uploader-footer .bp-document-open-create-popup-folder {
    display: block;
    margin-bottom: 15px;
    clear: both;
    text-transform: capitalize
}

#buddypress .bp-media-document-uploader .document-uploader-footer .bp-document-open-create-popup-folder>i {
    margin-right: 5px;
    font-size: 15px
}

#buddypress .bp-media-document-uploader .document-uploader-footer #bp-media-document-submit {
    float: right
}

@media screen and (max-width:480px) {
    #buddypress .bp-media-document-uploader .document-uploader-footer {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #buddypress .bp-media-document-uploader .document-uploader-footer .bb-dropdown-wrap {
        width: 100%;
        margin-bottom: 15px
    }

    #buddypress .bp-media-document-uploader .document-uploader-footer .bb-dropdown-wrap select {
        width: 100%
    }

    #buddypress .bp-media-document-uploader .document-uploader-footer #bp-media-document-submit {
        width: 100%
    }

    #buddypress .bp-media-document-uploader .document-uploader-footer #bp-media-document-prev {
        text-align: center;
        margin: 10px 0 0 0;
        width: 100%
    }

    body.groups #buddypress .bp-media-document-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
        margin-bottom: 0
    }

    body.groups #buddypress .bp-media-document-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next {
        display: inline-block !important;
        margin-top: 0
    }
}

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

    #buddypress #bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content,
    #buddypress #bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
        margin-bottom: 0
    }

    #buddypress #bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
    #buddypress #bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next {
        display: inline-block !important;
        margin-top: 0
    }
}

#buddypress .bp-media-photo-uploader .media-uploader-wrapper {
    margin-bottom: 5px
}

#buddypress .bp-media-photo-uploader #bp-media-photo-next,
#buddypress .bp-media-photo-uploader #bp-media-prev {
    display: none
}

#buddypress .bp-media-photo-uploader #bp-media-photo-next {
    text-align: center
}

#buddypress .bp-media-photo-uploader #bp-media-photo-next>i {
    margin-right: 5px;
    font-size: 15px
}

#buddypress .bp-media-photo-uploader #bp-media-prev {
    font-size: 15px;
    float: right;
    margin: 10px 20px 0 0;
    color: #a5a7ab
}

#buddypress .bp-media-photo-uploader .media-uploader-footer {
    display: table;
    width: 100%
}

#buddypress .bp-media-photo-uploader .media-uploader-footer .bb-dropdown-wrap {
    float: left;
    margin-bottom: 0
}

#buddypress .bp-media-photo-uploader .media-uploader-footer .bp-media-open-create-popup-folder {
    display: block;
    margin-bottom: 15px;
    clear: both;
    text-transform: capitalize
}

#buddypress .bp-media-photo-uploader .media-uploader-footer .bp-media-open-create-popup-folder>i {
    font-size: 15px;
    margin-right: 5px
}

#buddypress .bp-media-photo-uploader .media-uploader-footer #bp-media-submit {
    float: right
}

@media screen and (max-width:480px) {
    #buddypress .bp-media-photo-uploader .media-uploader-footer {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #buddypress .bp-media-photo-uploader .media-uploader-footer .bb-dropdown-wrap {
        width: 100%;
        margin-bottom: 15px
    }

    #buddypress .bp-media-photo-uploader .media-uploader-footer .bb-dropdown-wrap select {
        width: 100%
    }

    #buddypress .bp-media-photo-uploader .media-uploader-footer #bp-media-submit {
        width: 100%
    }

    #buddypress .bp-media-photo-uploader .media-uploader-footer #bp-media-prev {
        text-align: center;
        margin: 10px 0 0 0;
        width: 100%
    }

    body.groups #buddypress .bp-media-photo-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
        margin-bottom: 0
    }

    body.groups #buddypress .bp-media-photo-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-photo-next {
        display: inline-block !important;
        margin-top: 0
    }
}

#media-folder-document-data-table td.svg-document-icon {
    padding-right: 0
}

#media-folder-document-data-table td {
    vertical-align: middle
}

#media-folder-document-data-table td img {
    max-width: 40px
}

div.dropzone .dz-preview {
    min-width: 160px
}

div.dropzone .dz-preview .dz-error-mark,
div.dropzone .dz-preview .dz-progress,
div.dropzone .dz-preview .dz-success-mark {
    top: 50%
}

div.dropzone .dz-preview .dz-filename {
    font-size: 14px
}

.dz-preview .dz-image {
    height: 160px
}

.dz-preview .dz-image img {
    max-width: 160px;
    height: 155px;
    object-fit: contain
}

#media-stream .document-data-table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e7e9ec;
    padding: 0 0 8px
}

#media-stream .document-data-table-head .data-head-sort-label {
    display: none
}

#media-stream .document-data-table-head .data-head {
    font-size: 12px;
    color: #939597
}

#media-stream .document-data-table-head .data-head span {
    cursor: pointer;
    user-select: none;
    text-transform: uppercase
}

#media-stream .document-data-table-head .data-head i {
    font-size: 8px;
    -webkit-transform: rotate(180deg) translateY(1px);
    -ms-transform: rotate(180deg) translateY(1px);
    transform: rotate(180deg) translateY(1px);
    transition: all ease .3s
}

#media-stream .document-data-table-head .data-head.asce i {
    -webkit-transform: rotate(0) translateY(-1px);
    -ms-transform: rotate(0) translateY(-1px);
    transform: rotate(0) translateY(-1px)
}

#media-stream .document-data-table-head .data-head-name {
    -ms-flex-preferred-size: calc(60% - 50px);
    flex-basis: calc(60% - 50px)
}

#media-stream .document-data-table-head .data-head-modified {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

#media-stream .document-data-table-head .data-head-visibility {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

@media screen and (max-width:540px) {
    #media-stream .document-data-table-head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 0
    }

    #media-stream .document-data-table-head .data-head-sort-label {
        position: absolute;
        left: 25px;
        font-size: 14px;
        display: inline-block
    }

    #media-stream .document-data-table-head .data-head-modified,
    #media-stream .document-data-table-head .data-head-name,
    #media-stream .document-data-table-head .data-head-origin,
    #media-stream .document-data-table-head .data-head-visibility {
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
        width: auto !important;
        padding-right: 15px
    }

    #media-stream .document-data-table-head .data-head-visibility {
        padding-right: 0
    }
}

@media screen and (max-width:360px) {
    #media-stream .document-data-table-head:before {
        font-size: 12px
    }

    #media-stream .document-data-table-head .data-head-modified,
    #media-stream .document-data-table-head .data-head-name,
    #media-stream .document-data-table-head .data-head-origin,
    #media-stream .document-data-table-head .data-head-visibility {
        padding-right: 7px;
        font-size: 10px
    }

    #media-stream .document-data-table-head .data-head-modified i,
    #media-stream .document-data-table-head .data-head-name i,
    #media-stream .document-data-table-head .data-head-origin i,
    #media-stream .document-data-table-head .data-head-visibility i {
        font-size: 6px;
        -webkit-transform: rotate(180deg) translateY(2px);
        -ms-transform: rotate(180deg) translateY(2px);
        transform: rotate(180deg) translateY(2px)
    }
}

#media-folder-document-data-table .pager {
    margin: 20px auto;
    width: 230px
}

#media-folder-document-data-table .pager a.button.loading:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear
}

.activity-item.activity_update .activity-comments .document-detail-wrap .document-extension-description {
    max-width: calc(100% - 55px);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activity-item.activity_update .activity-comments .document-helper-text {
    height: 0;
    overflow: hidden;
    width: 0
}

.activity-item.activity_update .activity-comments .bb-activity-media-elem.document-activity:hover .document-helper-text {
    height: auto;
    overflow: initial;
    width: auto
}

.activity-item.activity_update .activity-comments .bb-activity-media-elem.document-activity .document-helper-text {
    max-width: calc(100% - 55px);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activity-item.activity_update .activity-comments .acomment-content {
    overflow: initial
}

.document.document-theatre:hover a.theater-command {
    opacity: 1;
    visibility: visible
}

.bb-document-theater {
    max-width: 1750px;
    width: 90%;
    min-width: auto
}

.bb-document-theater .bb-media-model-inner {
    overflow: visible
}

.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .avatar {
    border-radius: 50%
}

.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-audio-wrap,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-helper-text-click,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-preview-wrap,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-text-wrap,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .more_text_view {
    display: none
}

.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-helper-text-inner {
    text-transform: capitalize
}

.bb-document-theater .bb-media-section {
    height: 90vh;
    overflow: visible;
    align-items: flex-end;
    background-color: #fff;
    border-radius: 4px 4px 4px 5px;
    position: initial
}

.bb-document-theater .bb-media-section .document-preview {
    width: 100%
}

.bb-document-theater .bb-media-section.bb-video-preview .document-preview {
    height: 100%;
    background-color: #000
}

.bb-document-theater .bb-media-section.bb-video-preview .document-preview .video-js {
    height: 100% !important;
    padding: 0;
    border-radius: 4px 0 0 4px
}

.bb-document-theater .bb-media-section .theater-command {
    justify-content: center
}

.bb-document-theater .bb-media-section .theater-command.bb-prev-document {
    left: -45px;
    width: 45px;
    padding: 0
}

[dir=rtl] .bb-document-theater .bb-media-section .theater-command.bb-prev-document {
    left: auto;
    right: -45px
}

.bb-document-theater .bb-media-section .theater-command.bb-next-document {
    left: auto;
    right: -45px;
    width: 45px;
    padding: 0
}

[dir=rtl] .bb-document-theater .bb-media-section .theater-command.bb-next-document {
    left: -45px;
    right: auto
}

.bb-document-theater .bb-media-section.bb-media-no-preview {
    background-color: #fff;
    align-items: center;
    border-radius: 4px
}

.bb-document-theater .bb-media-section.bb-media-no-preview .bb-icon-loader {
    font-size: 20px
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section>i {
    font-size: 35px;
    margin-bottom: 10px;
    color: #9ca8b4
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section>p {
    font-size: 18px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px;
    margin-bottom: 0
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section a.download-button {
    display: block;
    line-height: 1;
    color: #5087e5
}

.bb-document-theater .bb-media-section .img-section {
    overflow: auto;
    height: 90vh;
    background-color: #fff;
    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: 4px 4px 4px 4px
}

.bb-document-theater .bb-media-section .img-section .img-block-wrap {
    height: 90vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f5f5f5;
    overflow: auto;
    z-index: 1;
    padding-top: 40px
}

.bb-document-theater .bb-media-section .img-section img {
    padding: 20px;
    max-height: calc(90vh - 40px)
}

.bb-document-theater .bb-media-section .img-section a.download-button {
    line-height: normal
}

.bb-document-theater .bb-media-section .document-text {
    width: 100%;
    border-radius: 0 0 0 4px
}

.bb-document-theater .bb-media-section .document-audio,
.bb-document-theater .bb-media-section .document-video {
    display: flex;
    height: 100%;
    width: 100%;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 4px
}

.bb-document-theater .bb-media-section .document-audio audio,
.bb-document-theater .bb-media-section .document-video audio {
    outline: 0;
    min-width: 80%
}

.bb-document-theater .bb-media-section h3 {
    background-color: #fff;
    display: block;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px;
    right: 375px;
    text-align: center;
    border-bottom: 1px solid #ecedee;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px 4px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 11
}

.bb-document-theater .bb-media-info-section.document {
    position: relative;
    z-index: 11;
    background-color: #fff;
    border-left: 1px solid #ecedee;
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
    overflow: hidden;
    max-height: 90vh
}

.bb-document-theater .document-text-file-data-hidden {
    display: none
}

.bb-document-theater .CodeMirror {
    height: calc(90vh - 40px);
    border-top: 1px solid #ecedee;
    border-radius: 0 0 0 4px
}

@media screen and (min-width:768px) {
    .bb-document-theater .bb-media-section {
        border-right: 1px solid #ecedee
    }
}

.bb-document-theater .bb-media-info-section .bb-icon-loader {
    font-size: 20px
}

#media-folder-document-data-table .media-folder_items,
.search-document-list .media-folder_items {
    margin: 0;
    border-bottom: 1px solid #e7e9ec;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#media-folder-document-data-table .media-folder_items:last-child,
.search-document-list .media-folder_items:last-child {
    border-bottom: 0
}

#media-folder-document-data-table .media-folder_items.is-visible,
.search-document-list .media-folder_items.is-visible {
    z-index: 1
}

#media-folder-document-data-table .media-folder_items.is-visible .media-folder_actions .media-folder_action__list,
.search-document-list .media-folder_items.is-visible .media-folder_actions .media-folder_action__list {
    display: block;
    z-index: 1122
}

#media-folder-document-data-table .media-folder_items .media-folder_icon,
.search-document-list .media-folder_items .media-folder_icon {
    width: 52px;
    padding-left: 10px
}

#media-folder-document-data-table .media-folder_items .media-folder_icon>a i,
.search-document-list .media-folder_items .media-folder_icon>a i {
    font-size: 30px;
    color: #9ca8b4;
    margin-top: 5px
}

#media-folder-document-data-table .media-folder_items .media-folder_icon>a i.bb-icon-folder-stacked,
.search-document-list .media-folder_items .media-folder_icon>a i.bb-icon-folder-stacked {
    font-size: 23px
}

#media-folder-document-data-table .media-folder_items .media-folder_modified,
#media-folder-document-data-table .media-folder_items .media-folder_visibility,
.search-document-list .media-folder_items .media-folder_modified,
.search-document-list .media-folder_items .media-folder_visibility {
    width: 20%
}

#media-folder-document-data-table .media-folder_items .media-folder_details,
.search-document-list .media-folder_items .media-folder_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(60% - 98px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name,
.search-document-list .media-folder_items .media-folder_details .media-folder_name {
    color: #122b46;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name>span,
.search-document-list .media-folder_items .media-folder_details .media-folder_name>span {
    max-width: calc(80% - 30px);
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap {
    display: none;
    padding-right: 5px;
    position: relative
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap.submitting,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap.submitting {
    padding-right: 30px
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap.submitting .bb-icon-loader,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap.submitting .bb-icon-loader {
    position: absolute;
    right: 15px;
    top: 9px
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap>a,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap>a {
    margin: 5px 0
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap .error-box,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap .error-box {
    display: none
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit {
    height: 32px;
    width: 90%;
    margin: 0 8px 0 0
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit.error+.error-box,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit.error+.error-box {
    display: block;
    line-height: 1.3;
    margin-top: 5px;
    color: red
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom,
.search-document-list .media-folder_items .media-folder_details__bottom {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: #4d5c6d
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom #bb-folder-privacy,
.search-document-list .media-folder_items .media-folder_details__bottom #bb-folder-privacy {
    max-width: 100%
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_date,
.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_date {
    display: inline-block;
    vertical-align: middle
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_author,
.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author {
    display: block;
    font-size: 13px;
    color: #939597
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_author a,
.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author a {
    color: #939597
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_author a:hover,
.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author a:hover {
    color: #5087e5
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .hide,
.search-document-list .media-folder_items .media-folder_details__bottom .hide {
    display: none
}

#media-folder-document-data-table .media-folder_items .media-folder_actions,
.search-document-list .media-folder_items .media-folder_actions {
    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: 55px;
    position: relative
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__anchor i,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__anchor i {
    font-size: 21px;
    color: #939597
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list {
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    width: 198px;
    display: none
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list:after,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    margin: 0 auto;
    right: 24px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 101;
    opacity: 1;
    visibility: visible
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul {
    list-style: none;
    margin: 5px 0;
    padding: 0
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a {
    padding: 10px 14px;
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #7f868f
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover {
    background-color: #f5f5f5;
    color: #5087e5
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:before {
    font-family: bb-icons;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.rename_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.rename_file a:before {
    content: "\e80c"
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.move_file.disabled-move a,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.move_file.disabled-move a {
    pointer-events: none;
    opacity: .7
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.move_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.move_file a:before {
    content: "\e959";
    font-size: 13px
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.delete_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.delete_file a:before {
    content: "\e937";
    font-size: 15px
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a {
    background-color: transparent;
    text-align: left;
    box-shadow: none;
    border-radius: 0;
    min-height: auto;
    font-weight: 400
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a:before {
    content: "\e8ea";
    font-size: 15px;
    vertical-align: middle
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a:hover,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a:hover {
    background-color: #f5f5f5
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.reported-content,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.reported-content {
    opacity: .8 !important
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.report-content,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.reported-content,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.report-content,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.reported-content {
    border: 0;
    -webkit-font-smoothing: auto
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.download_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.download_file a:before {
    content: "\e890"
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.copy_download_file_url a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.copy_download_file_url a:before {
    content: "\e8ac"
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.privacy_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.privacy_file a:before {
    content: "\e90d";
    font-size: 15px
}

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

    #media-folder-document-data-table .media-folder_items,
    .search-document-list .media-folder_items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative
    }

    #media-folder-document-data-table .media-folder_items .media-folder_icon,
    .search-document-list .media-folder_items .media-folder_icon {
        flex-basis: auto;
        padding-left: 0;
        margin-bottom: 5px
    }

    #media-folder-document-data-table .media-folder_items .media-folder_icon img,
    .search-document-list .media-folder_items .media-folder_icon img {
        width: 100%
    }

    #media-folder-document-data-table .media-folder_items .media-folder_details,
    #media-folder-document-data-table .media-folder_items .media-folder_group,
    #media-folder-document-data-table .media-folder_items .media-folder_visibility,
    .search-document-list .media-folder_items .media-folder_details,
    .search-document-list .media-folder_items .media-folder_group,
    .search-document-list .media-folder_items .media-folder_visibility {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important
    }

    #media-folder-document-data-table .media-folder_items .media-folder_modified,
    .search-document-list .media-folder_items .media-folder_modified {
        margin-bottom: 5px;
        width: 100%
    }

    #media-folder-document-data-table .media-folder_items .media-folder_actions,
    .search-document-list .media-folder_items .media-folder_actions {
        position: absolute;
        right: 0;
        top: 19px
    }

    #media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list,
    .search-document-list .media-folder_items .media-folder_actions .media-folder_action__list {
        right: 14px
    }

    #media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list:after,
    .search-document-list .media-folder_items .media-folder_actions .media-folder_action__list:after {
        left: inherit;
        right: 9px
    }
}

#media-folder-document-data-table .media-folder_items:last-child .media-folder_action__list,
.search-document-list .media-folder_items:last-child .media-folder_action__list {
    top: initial;
    bottom: 33px
}

#media-folder-document-data-table .media-folder_items:last-child .media-folder_action__list:after,
.search-document-list .media-folder_items:last-child .media-folder_action__list:after {
    top: inherit;
    bottom: -12px;
    right: 7px;
    -webkit-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    transform: rotate(137deg)
}

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

    #media-folder-document-data-table .media-folder_items:last-child .media-folder_action__list,
    .search-document-list .media-folder_items:last-child .media-folder_action__list {
        bottom: 30px;
        right: -1px
    }
}

.search-media-list .item,
.search-video-list .item {
    width: 100%
}

.search-media-list .media-album_items,
.search-video-list .media-album_items {
    display: flex;
    align-items: center;
    width: 100%
}

.search-media-list .media-album_thumb,
.search-video-list .media-album_thumb {
    width: 100px;
    padding: 0 15px 0 10px
}

.search-media-list .media-album_thumb img,
.search-video-list .media-album_thumb img {
    border-radius: 4px !important;
    width: 95px;
    height: 75px;
    object-fit: cover
}

.search-media-list .media-album_details,
.search-video-list .media-album_details {
    width: calc(35% - 107px);
    line-height: 1
}

.bp-search-ac-header .search-media-list .media-album_details,
.bp-search-ac-header .search-video-list .media-album_details {
    width: calc(35% - 90px)
}

.search-media-list .media-album_details .media-album_name,
.search-video-list .media-album_details .media-album_name {
    color: #122b46;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 90%
}

.search-media-list .media-album_details .media-photo_count,
.search-video-list .media-album_details .media-photo_count {
    color: #939597;
    font-size: 13px;
    display: block;
    line-height: 1;
    margin-top: 4px
}

.search-media-list .media-album_modified,
.search-video-list .media-album_modified {
    width: 20%
}

.search-media-list .media-album_modified .media-album_details__bottom,
.search-video-list .media-album_modified .media-album_details__bottom {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: #4d5c6d
}

.search-media-list .media-album_modified .media-album_details__bottom .media-album_date,
.search-video-list .media-album_modified .media-album_details__bottom .media-album_date {
    display: inset-block;
    vertical-align: middle
}

.search-media-list .media-album_modified .media-album_details__bottom .media-album_author,
.search-video-list .media-album_modified .media-album_details__bottom .media-album_author {
    display: block;
    font-size: 13px;
    color: #939597
}

.search-media-list .media-album_modified .media-album_details__bottom .media-album_author a,
.search-video-list .media-album_modified .media-album_details__bottom .media-album_author a {
    color: #939597
}

.search-media-list .media-album_group,
.search-media-list .media-album_visibility,
.search-video-list .media-album_group,
.search-video-list .media-album_visibility {
    width: 20%;
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: #4d5c6d
}

.search-media-list .media-album_group_name a,
.search-video-list .media-album_group_name a {
    color: #4d5c6d
}

.search-media-list .media-album_status,
.search-video-list .media-album_status {
    display: block;
    font-size: 13px;
    color: #939597
}

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

    .search-media-list .media-album_items,
    .search-video-list .media-album_items {
        flex-flow: column
    }

    .search-media-list .media-album_thumb,
    .search-video-list .media-album_thumb {
        margin-bottom: 15px;
        padding: 0
    }

    .search-media-list .media-album_thumb img,
    .search-video-list .media-album_thumb img {
        width: 100%;
        height: auto;
        max-height: 220px;
        object-fit: cover
    }

    .search-media-list .media-album_details,
    .search-media-list .media-album_group,
    .search-media-list .media-album_modified,
    .search-media-list .media-album_thumb,
    .search-media-list .media-album_visibility,
    .search-video-list .media-album_details,
    .search-video-list .media-album_group,
    .search-video-list .media-album_modified,
    .search-video-list .media-album_thumb,
    .search-video-list .media-album_visibility {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        line-height: inherit
    }

    .search-media-list .media-album_details .media-photo_count,
    .search-video-list .media-album_details .media-photo_count {
        margin-top: 0;
        margin-bottom: 10px
    }
}

.search-document-list .item {
    width: 100%
}

.search-document-list .media-folder_items {
    width: 100%;
    padding: 0
}

.search-document-list .media-folder_items .media-folder_details {
    width: calc(40% - 100px)
}

.search-document-list .media-folder_items .media-folder_group {
    width: 20%
}

.search-document-list .media-folder_items .media-folder_group a {
    color: #4d5c6d
}

.search-document-list .media-folder_items .media-folder_group a:hover {
    color: #5087e5
}

.search-document-list .media-folder_items .media-folder_group .media-folder_status {
    display: block;
    font-size: 13px;
    color: #939597
}

.search-document-list .media-folder_items.ac-folder-list .media-folder_details {
    width: calc(40% - 100px)
}

.search-document-list .media-folder_items.ac-folder-list .media-folder_group {
    width: 20%
}

.document-type-navs.main-navs {
    border-bottom: 1px solid #e7e9ec
}

#media-stream.document-parent.group-column .document-data-table-head .data-head-name {
    -ms-flex-preferred-size: calc(40% - 50px);
    flex-basis: calc(40% - 50px)
}

#media-stream.document-parent.group-column .document-data-table-head .data-head-origin {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_details {
    width: calc(40% - 100px)
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_group {
    width: 20%
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_group a {
    color: #4d5c6d
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_group a:hover {
    color: #5087e5
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_status {
    display: block;
    font-size: 13px;
    color: #939597
}

.bp-media-header-wrap h2 {
    float: left
}

.bp-media-header-wrap .bb-media-actions-wrap {
    float: right;
    margin-left: 10px
}

.bp-media-header-wrap .bb-media-actions-wrap .bb-media-actions a i {
    margin-right: 6px
}

@media screen and (max-width:1440px) {
    .bp-media-header-wrap h2 {
        width: 100%
    }
}

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

    .bp-media-header-wrap .bb-media-actions-wrap,
    .bp-media-header-wrap .media-search-form {
        width: 100%;
        margin-bottom: 10px !important
    }

    .bp-media-header-wrap .bb-media-actions-wrap input[type=text],
    .bp-media-header-wrap .media-search-form input[type=text] {
        width: 100% !important
    }

    .bp-media-header-wrap .bb-media-actions-wrap .bb-media-actions,
    .bp-media-header-wrap .bb-media-actions-wrap a.button,
    .bp-media-header-wrap .media-search-form .bb-media-actions,
    .bp-media-header-wrap .media-search-form a.button {
        width: 100%
    }
}

@media screen and (max-width:782px) {
    .bp-media-header-wrap h2 {
        float: none
    }

    .bp-media-header-wrap .bb-media-actions-wrap {
        float: right
    }
}

@media screen and (max-width:640px) {
    .bp-media-header-wrap .bb-media-actions-wrap {
        float: none;
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bp-media-header-wrap .bb-media-actions-wrap .bb-media-actions a {
        width: 100%
    }
}

.bp-media-header-wrap .media-search-form {
    background-color: #fff;
    border: 1px solid #dedfe2;
    border-radius: 100px;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.bp-media-header-wrap .media-search-form input[type=text] {
    background: 0 0;
    border-radius: 100px;
    border: 0;
    height: 34px;
    width: 215px;
    font-size: 14px;
    letter-spacing: -.24px;
    padding: 0 30px 0 35px
}

.bp-media-header-wrap .media-search-form:after {
    content: "\e81f";
    font-family: bb-icons;
    display: inline-block;
    color: #4d5c6d;
    opacity: .4;
    position: absolute;
    left: 10px;
    top: 8px;
    line-height: 1;
    font-size: 16px
}

.bp-document-listing {
    display: flex
}

.bp-document-listing .media-search-form {
    float: right
}

.bp-document-listing .media-search-form .bp-dir-search-form {
    border: 0
}

.bp-document-listing .media-search-form .bp-dir-search-form .nouveau-search-submit {
    width: auto;
    padding: 4px;
    height: auto;
    z-index: 112;
    opacity: 0
}

.bp-document-listing .media-search-form .bp-dir-search-form #group-document-search {
    background-image: none;
    padding: 6px 10px 6px 32px;
    height: auto;
    font-size: 14px
}

.bp-document-listing .bp-media-header-wrap {
    width: 100%
}

.bp-document-listing .bp-media-header-wrap .bb-title {
    width: auto
}

body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-media-actions {
    width: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    text-align: right
}

body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-media-actions .media-search-form .nouveau-search-submit {
    width: auto;
    padding: 4px;
    height: auto;
    z-index: 112
}

body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-single-album-header {
    width: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

@media screen and (max-width:1120px) {
    .bp-media-header-wrap .media-search-form {
        width: 100%;
        margin: 5px 0
    }

    .bp-media-header-wrap .media-search-form input[type=text] {
        width: 100%
    }

    .bp-media-header-wrap .album-actions-wrap,
    .bp-media-header-wrap .bb-media-actions-wrap {
        margin: 5px 0 !important
    }
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header {
    padding: 0;
    width: 30%;
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header .bb-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-top: 5px
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions {
    width: 70%;
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    text-align: right
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a {
    margin-left: 10px
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a>i {
    margin-right: 6px
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>select {
    margin-left: 10px;
    height: 34px;
    font-size: 14px
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions :not(.button) {
    text-align: left
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .dropzone * {
    text-align: center
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .bp-dir-search-form {
    border: 0
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .bp-dir-search-form .nouveau-search-submit {
    opacity: 0
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .bp-dir-search-form #group-document-search {
    background-image: none;
    padding: 6px 10px 6px 32px;
    height: auto;
    font-size: 14px
}

@media screen and (max-width:1480px) {
    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner {
        webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header {
        margin-bottom: 10px
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions,
    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header {
        width: 100%;
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 100%
    }
}

@media screen and (max-width:1220px) {
    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .media-folder_items {
        position: absolute;
        right: 0;
        top: 3px
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a {
        width: 100%;
        margin: 0 0 10px
    }

    body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-media-actions,
    body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-single-album-header {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

#bp-media-single-folder .bp-media-header-wrap {
    display: inline-block;
    width: 100%;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px 15px
}

#bp-media-single-folder .bp-media-header-wrap .bp-media-header-wrap-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb {
    list-style: none;
    margin: 10px 0 0;
    text-align: left;
    padding: 0
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li {
    display: inline-block;
    font-weight: 600;
    vertical-align: middle;
    color: #939597
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li:after {
    content: "\f345";
    font-family: dashicons;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 6px;
    margin-left: 6px;
    color: inherit;
    font-weight: 400;
    float: right
}

[dir=rtl] #bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li:after {
    content: "\f341"
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li:last-child a {
    color: #393e41;
    font-weight: 600
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li:last-child:after {
    display: none
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li a {
    color: #939597;
    font-weight: 400
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items {
    display: inline-block;
    position: relative;
    text-align: left
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__anchor {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__anchor i {
    font-size: 21px;
    margin-top: 5px
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list {
    position: absolute;
    top: 33px;
    right: -20px;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    width: 168px;
    z-index: 1;
    display: none
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    margin: 0 auto;
    right: 27px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 101;
    opacity: 1;
    visibility: visible
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul {
    list-style: none;
    margin: 5px 0;
    padding: 0
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li .media-edit-folder {
    display: inline-block;
    width: 100%
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li .media-edit-folder input {
    width: calc(100% - 20px);
    margin: 0 10px;
    padding: 3px 7px;
    height: 34px;
    font-size: 14px
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li .media-edit-folder #bp-save-folder-title {
    float: right;
    margin: 5px 10px 0 0;
    width: calc(50% - 10px);
    text-align: center
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li .media-edit-folder #bp-cancel-edit-album-title {
    float: left;
    margin: 5px 0 0 10px;
    text-align: center;
    width: calc(50% - 10px)
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li a {
    padding: 10px 14px;
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #7f868f
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li a:hover {
    background-color: #f5f5f5;
    color: #5087e5
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li a i:before {
    font-family: bb-icons;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center !important
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items.is-visible .media-folder_action__list {
    display: block;
    z-index: 112
}

@media screen and (max-width:1120px) {
    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions {
        float: left;
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-right: 25px
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>select {
        float: right
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .media-folder_items {
        position: absolute;
        right: 0;
        top: 3px
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a {
        margin-left: 0;
        margin-right: 10px
    }
}

@media screen and (max-width:640px) {
    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions {
        padding-right: 0
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a,
    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>select {
        width: 100%;
        margin: 5px 0
    }

    #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header .bb-title {
        padding-right: 25px
    }
}

#bp-media-create-child-folder #bb-folder-location,
#bp-media-create-folder #bb-folder-location,
#bp-media-edit-child-folder #bb-folder-location {
    display: none
}

#bp-media-create-child-folder .bb-dropdown-wrap select,
#bp-media-create-folder .bb-dropdown-wrap select,
#bp-media-edit-child-folder .bb-dropdown-wrap select {
    width: 100%
}

#bp-media-create-child-folder .bb-model-footer,
#bp-media-create-folder .bb-model-footer,
#bp-media-edit-child-folder .bb-model-footer {
    text-align: right !important
}

#bp-media-create-folder .error-box,
.modal-container .error-box {
    display: none;
    line-height: 1.3;
    margin-top: 5px
}

#bp-media-create-folder #bb-album-child-title.error+.error-box,
#bp-media-create-folder #bb-album-title.error+.error-box,
.modal-container #bb-album-child-title.error+.error-box,
.modal-container #bb-album-title.error+.error-box {
    display: block
}

#bp-video-uploader .modal-container .bb-model-footer a.loading,
#bp-video-uploader .modal-container .bb-model-footer a.saving,
.modal-container.has-folderlocationUI .bb-model-footer a.loading,
.modal-container.has-folderlocationUI .bb-model-footer a.saving {
    pointer-events: none
}

#bp-video-uploader .modal-container .bb-model-footer a.loading:after,
#bp-video-uploader .modal-container .bb-model-footer a.saving:after,
.modal-container.has-folderlocationUI .bb-model-footer a.loading:after,
.modal-container.has-folderlocationUI .bb-model-footer a.saving:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear
}

#bp-video-uploader .modal-container .bb-model-footer a.is-disabled,
.modal-container.has-folderlocationUI .bb-model-footer a.is-disabled {
    pointer-events: none;
    opacity: .5
}

.bp-media-move-file.move-folder-popup-group .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .breadcrumb .item,
.bp-media-move-folder.move-folder-popup-group .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .breadcrumb .item,
.bp-video-move-file.move-folder-popup-group .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .breadcrumb .item {
    padding: 2px 0 22px
}

.bp-media-move-file .bb-model-footer,
.bp-media-move-folder .bb-model-footer,
.bp-video-move-file .bb-model-footer {
    display: inline-block;
    width: 100%;
    text-align: right
}

.bp-media-move-file .bb-model-footer a,
.bp-media-move-folder .bb-model-footer a,
.bp-video-move-file .bb-model-footer a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

.bp-media-move-file .bb-model-footer a:last-child,
.bp-media-move-folder .bb-model-footer a:last-child,
.bp-video-move-file .bb-model-footer a:last-child {
    margin-right: 0
}

.bp-media-move-file .bb-model-footer a.ac-document-close-button,
.bp-media-move-file .bb-model-footer a.ac-folder-close-button,
.bp-media-move-file .bb-model-footer a.ac-video-close-button,
.bp-media-move-folder .bb-model-footer a.ac-document-close-button,
.bp-media-move-folder .bb-model-footer a.ac-folder-close-button,
.bp-media-move-folder .bb-model-footer a.ac-video-close-button,
.bp-video-move-file .bb-model-footer a.ac-document-close-button,
.bp-video-move-file .bb-model-footer a.ac-folder-close-button,
.bp-video-move-file .bb-model-footer a.ac-video-close-button {
    color: #a5a7ab
}

.bp-media-move-file .bb-model-footer a.bp-document-open-create-popup-folder,
.bp-media-move-file .bb-model-footer a.bp-media-open-create-popup-folder,
.bp-media-move-file .bb-model-footer a.bp-video-open-create-popup-album,
.bp-media-move-folder .bb-model-footer a.bp-document-open-create-popup-folder,
.bp-media-move-folder .bb-model-footer a.bp-media-open-create-popup-folder,
.bp-media-move-folder .bb-model-footer a.bp-video-open-create-popup-album,
.bp-video-move-file .bb-model-footer a.bp-document-open-create-popup-folder,
.bp-video-move-file .bb-model-footer a.bp-media-open-create-popup-folder,
.bp-video-move-file .bb-model-footer a.bp-video-open-create-popup-album {
    float: left;
    margin-top: 7px;
    text-transform: capitalize
}

.bp-media-move-file .close-create-popup-album,
.bp-media-move-folder .close-create-popup-album,
.bp-video-move-file .close-create-popup-album {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

.bp-media-move-file .bb-model-header p,
.bp-media-move-folder .bb-model-header p,
.bp-video-move-file .bb-model-header p {
    font-size: 17px;
    font-weight: 500;
    margin: 0
}

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

    .bp-media-move-file .bb-model-footer a.bp-document-open-create-popup-folder,
    .bp-media-move-file .bb-model-footer a.bp-media-open-create-popup-folder,
    .bp-media-move-folder .bb-model-footer a.bp-document-open-create-popup-folder,
    .bp-media-move-folder .bb-model-footer a.bp-media-open-create-popup-folder,
    .bp-video-move-file .bb-model-footer a.bp-document-open-create-popup-folder,
    .bp-video-move-file .bb-model-footer a.bp-media-open-create-popup-folder {
        display: block;
        float: none;
        margin: 0 0 15px 0;
        text-align: left
    }
}

.bp-media-move-file .ac-media-close-button,
.bp-media-move-file .close-create-popup-album,
.bp-media-move-folder .ac-media-close-button,
.bp-media-move-folder .close-create-popup-album,
.bp-video-move-file .ac-media-close-button,
.bp-video-move-file .close-create-popup-album {
    color: #a5a7ab
}

.bp-media-photo-uploader .bb-model-header p,
.bp-video-uploader .bb-model-header p {
    font-size: 17px;
    font-weight: 500;
    margin: 0
}

.bp-media-photo-uploader .close-create-popup-album,
.bp-video-uploader .close-create-popup-album {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
    color: #a5a7ab
}

.bp-media-document-uploader .bb-model-header>p {
    font-weight: 500;
    margin: 0
}

.popup-on-fly-create-album .bb-field-wrap .bb-dropdown-wrap select,
.popup-on-fly-create-folder .bb-field-wrap .bb-dropdown-wrap select {
    width: 100%
}

.db-modal-buttons {
    text-align: right !important;
    margin-top: 20px
}

.db-modal-buttons .close-create-popup-folder {
    color: #a5a7ab;
    margin-right: 20px;
    font-size: 14px
}

.db-modal-buttons .button {
    min-width: 130px
}

.db-modal-buttons .button.loading {
    pointer-events: none
}

.db-modal-buttons .button.loading:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear
}

.has-folderlocationUI .bb-field-wrap-search {
    position: relative
}

.has-folderlocationUI .bb-field-wrap-search:after {
    content: "\e81f";
    font-family: bb-icons;
    display: inline-block;
    color: #4d5c6d;
    opacity: .4;
    position: absolute;
    left: 12px;
    bottom: 12px;
    line-height: 1;
    font-size: 16px
}

.has-folderlocationUI .bb-field-wrap-search .ac_document_search_folder {
    border-radius: 30px;
    padding-left: 35px
}

.location-album-list-wrap-main .bb-album-destination,
.location-album-list-wrap-main .bb-folder-destination,
.location-folder-list-wrap-main .bb-album-destination,
.location-folder-list-wrap-main .bb-folder-destination {
    cursor: pointer
}

.location-album-list-wrap-main .no-album-exists,
.location-album-list-wrap-main .no-folder-exists,
.location-folder-list-wrap-main .no-album-exists,
.location-folder-list-wrap-main .no-folder-exists {
    margin: 20px 0 0 0;
    display: block
}

.location-album-list-wrap-main .ac_document_search_folder_list h4,
.location-album-list-wrap-main .location-album-list-wrap h4,
.location-album-list-wrap-main .location-folder-list-wrap h4,
.location-folder-list-wrap-main .ac_document_search_folder_list h4,
.location-folder-list-wrap-main .location-album-list-wrap h4,
.location-folder-list-wrap-main .location-folder-list-wrap h4 {
    margin: 15px 0 0 0 !important;
    font-size: 17px;
    font-weight: 500
}

.location-album-list-wrap-main .ac_document_search_folder_list.has-error,
.location-album-list-wrap-main .location-album-list-wrap.has-error,
.location-album-list-wrap-main .location-folder-list-wrap.has-error,
.location-folder-list-wrap-main .ac_document_search_folder_list.has-error,
.location-folder-list-wrap-main .location-album-list-wrap.has-error,
.location-folder-list-wrap-main .location-folder-list-wrap.has-error {
    border-color: red
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item {
    padding: 8px 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    white-space: nowrap
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:before,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:before,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:before,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:before,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:before {
    content: "\e827";
    font-family: bb-icons;
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1
}

[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:before {
    content: "\e8ab";
    float: left;
    margin-top: 4px
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span {
    display: inline-block !important;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

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

    .location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span,
    .location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span,
    .location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span,
    .location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span,
    .location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span,
    .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span {
        max-width: 120px
    }
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover {
    text-decoration: underline;
    cursor: pointer
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:first-child:before,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:first-child:before,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:first-child:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:first-child:before,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:first-child:before,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:first-child:before {
    display: none
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span.hidden,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span.hidden,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span.hidden,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span.hidden,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span.hidden,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span.hidden {
    display: none !important
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-back,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-back,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-back,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-back,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-back,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-back {
    display: none;
    cursor: pointer;
    vertical-align: middle
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-back i,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-back i,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-back i,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-back i,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-back i,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-back i {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    height: 26px;
    line-height: 26px;
    width: 15px;
    user-select: none;
    color: #939597
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list {
    overflow: auto;
    max-height: 230px;
    min-height: 230px;
    list-style: none;
    margin: 0;
    background-color: #fff;
    border: 1px solid #e7e9ec;
    border-radius: 4px
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list.is-loading,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list.is-loading,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list.is-loading,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list.is-loading,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list.is-loading,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list.is-loading,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list.is-loading,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list.is-loading,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list.is-loading,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list.is-loading,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list.is-loading,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list.is-loading {
    display: flex;
    align-items: center;
    justify-content: center
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list.is-loading .bb-icon-loader {
    font-size: 20px
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list.has-error,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list.has-error,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list.has-error,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list.has-error,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list.has-error,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list.has-error,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list.has-error,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list.has-error,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list.has-error,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list.has-error,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list.has-error,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list.has-error {
    border-color: red
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li {
    position: relative;
    margin: 0;
    padding: 0
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li:first-child,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li:first-child,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li:first-child,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li:first-child,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li:first-child,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li:first-child,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li:first-child,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li:first-child,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li:first-child,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li:first-child,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li:first-child,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li:first-child {
    margin-top: 0
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li.is-disabled,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li.is-disabled,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li.is-disabled,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li.is-disabled,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li.is-disabled,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li.is-disabled,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li.is-disabled,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li.is-disabled,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li.is-disabled,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li.is-disabled,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li.is-disabled,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li.is-disabled {
    cursor: auto;
    opacity: .5;
    pointer-events: none
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span {
    padding: 8px 15px;
    border-bottom: 1px solid #e7e9ec;
    display: block;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span:before,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:before,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:before,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span:before,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span:before,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:before,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span:before,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span:before,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span:before,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span:before {
    content: "\e959";
    font-family: bb-icons;
    color: #939597;
    margin-right: 12px;
    font-size: 16px
}

[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span:before,
[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span:before {
    float: left;
    margin-left: 0
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span:hover,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:hover,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:hover,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span:hover,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span:hover,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span:hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span:hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:hover,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span:hover,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span:hover,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span:hover,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span:hover {
    background-color: #fbfbfc
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span.selected,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span.selected,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected {
    background-color: #f7fafe
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span.disabled,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.disabled,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span.disabled,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span.disabled,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span.disabled,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span.disabled,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span.disabled,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.disabled,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span.disabled,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span.disabled,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span.disabled,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span.disabled {
    pointer-events: none
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor {
    position: absolute;
    right: 5px;
    top: 50%;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    display: inline-block;
    height: auto;
    width: auto;
    transition: all ease .3s
}

[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor {
    right: initial;
    left: 5px
}

[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor:before {
    content: "\e8ab"
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li ul,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li ul,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li ul,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li ul,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li ul,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li ul,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li ul,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li ul,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li ul,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li ul,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li ul,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li:last-child>span,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li:last-child>span,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li:last-child>span,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li:last-child>span,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li:last-child>span,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li:last-child>span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li:last-child>span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li:last-child>span,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li:last-child>span,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li:last-child>span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li:last-child>span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li:last-child>span {
    border-bottom: 0
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list::-webkit-scrollbar,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list::-webkit-scrollbar,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list::-webkit-scrollbar,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list::-webkit-scrollbar,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list::-webkit-scrollbar,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list::-webkit-scrollbar,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list::-webkit-scrollbar,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list::-webkit-scrollbar,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list::-webkit-scrollbar,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list::-webkit-scrollbar,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list::-webkit-scrollbar,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list::-webkit-scrollbar {
    width: 5px
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list::-webkit-scrollbar-thumb {
    background-color: #a4acb4;
    border-radius: 10px
}

.location-album-list-wrap-main.is-mobile .location-folder-list-wrap .location-folder-list li .sub-menu-anchor,
.location-folder-list-wrap-main.is-mobile .location-folder-list-wrap .location-folder-list li .sub-menu-anchor {
    visibility: visible;
    opacity: 1
}

.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:before {
    content: "\e963";
    font-size: 15px
}

.modal-container .bb-field-steps {
    display: none
}

.modal-container .bb-field-steps.bb-field-steps-1 {
    display: block
}

#bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content,
#bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content,
body.groups .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
    margin-bottom: -55px
}

#bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
#bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-photo-next,
#bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
#bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-photo-next,
body.groups .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
body.groups .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-photo-next {
    display: inline-block !important;
    margin-top: 15px
}

.modal-container .bb-field-steps #bp-media-create-child-folder-submit,
.modal-container .bb-field-steps #bp-media-create-folder-submit,
.modal-container .bb-field-steps #bp-media-edit-child-folder-submit,
.modal-container .bb-field-steps .bb-field-steps-next {
    min-width: 100px;
    float: right
}

.modal-container .bb-field-steps .bb-field-steps-previous {
    float: left
}

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

    .modal-container .bb-field-steps #bp-media-create-folder-submit,
    .modal-container .bb-field-steps .bb-field-steps-previous {
        float: none;
        width: 100% !important;
        margin-bottom: 10px
    }
}

@media screen and (max-width:420px) {
    .bp-media-document-uploader .bb-model-footer {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bp-media-document-uploader .bb-model-footer>a {
        width: 100% !important;
        margin-bottom: 10px
    }
}

.directory.document .document-options,
.directory.media .media-options,
.directory.video .video-options {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0
}

.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form #dir-document-search,
.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form #dir-media-search,
.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form #dir-video-search,
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form #dir-document-search,
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form #dir-media-search,
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form #dir-video-search,
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form #dir-document-search,
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form #dir-media-search,
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form #dir-video-search {
    border: 0;
    background-color: transparent;
    padding-left: 32px;
    font-size: 14px;
    height: 34px
}

.directory.document .bp-subnavs li.selected a:hover span,
.directory.media .bp-subnavs li.selected a:hover span,
.directory.video .bp-subnavs li.selected a:hover span {
    color: #fff
}

.directory.document .entry-header .entry-title,
.directory.media .entry-header .entry-title,
.directory.video .entry-header .entry-title {
    text-align: left
}

.directory.document .document-options a.button>i,
.directory.media .media-options a.button>i,
.directory.video .video-options a.button>i {
    margin-right: 6px
}

.directory.document .document-options>*,
.directory.media .media-options>*,
.directory.video .video-options>* {
    margin-left: 6px
}

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

    .directory.document .document-options,
    .directory.media .media-options,
    .directory.video .video-options {
        position: static;
        margin: 0
    }

    .directory.document .document-options>*,
    .directory.media .media-options>*,
    .directory.video .video-options>* {
        margin-bottom: 15px;
        width: 100% !important
    }

    .directory.document .document-options .subnav-filters .subnav-search,
    .directory.media .media-options .subnav-filters .subnav-search,
    .directory.video .video-options .subnav-filters .subnav-search {
        width: 100%
    }

    .directory.document .document-options .subnav-filters .subnav-search .bp-search,
    .directory.media .media-options .subnav-filters .subnav-search .bp-search,
    .directory.video .video-options .subnav-filters .subnav-search .bp-search {
        width: 100%
    }

    .directory.document .document-options .subnav-filters .subnav-search .bp-search .bp-dir-search-form,
    .directory.media .media-options .subnav-filters .subnav-search .bp-search .bp-dir-search-form,
    .directory.video .video-options .subnav-filters .subnav-search .bp-search .bp-dir-search-form {
        width: 100%
    }
}

.directory.document .document-options .subnav-filters,
.directory.media .media-options .subnav-filters,
.directory.video .video-options .subnav-filters {
    display: inline-block;
    vertical-align: middle
}

.directory.document .document-options .subnav-filters .subnav-search,
.directory.media .media-options .subnav-filters .subnav-search,
.directory.video .video-options .subnav-filters .subnav-search {
    margin: 0;
    position: initial
}

.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form,
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form,
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form {
    background-color: #fff;
    border: 1px solid #dedfe2;
    box-shadow: none;
    border-radius: 100px;
    margin: 0;
    position: relative
}

.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form button[type=submit],
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form button[type=submit],
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form button[type=submit] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

#media-stream.document-parent {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e7e9ec;
    margin-top: 20px
}

#media-stream.document-parent .document-data-table-head {
    padding: 10px 20px 8px
}

#media-stream.document-parent #media-folder-document-data-table .media-folder_items {
    margin: 0 20px
}

#media-stream.document-parent>#bp-ajax-loader {
    margin: 20px
}

.moderation-popup .modal-container {
    max-height: 80vh;
    overflow: auto
}

.moderation-popup .modal-container .bb-model-header {
    margin-bottom: 25px
}

.moderation-popup .modal-container .bb-model-header h4 {
    font-size: 17px;
    font-weight: 500
}

.moderation-popup .modal-container .bb-model-footer {
    text-align: right
}

.moderation-popup .modal-container .bb-model-footer .button {
    width: auto
}

.moderation-popup .modal-container .bb-model-footer .button.report-submit.loading {
    pointer-events: none;
    opacity: .9
}

.moderation-popup .modal-container .bb-model-footer .button.report-submit.loading:after {
    font: normal normal 400 14px/1 bb-icons;
    speak: none;
    display: inline-block;
    margin: 0 0 0 6px;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E838";
    animation: spin 2s infinite linear
}

.moderation-popup .modal-container .bb-model-footer .button.bb-cancel-report-content {
    color: #a5a7ab;
    background-color: transparent;
    box-shadow: none;
    margin: 0 20px 0 0;
    padding: 0;
    min-width: inherit
}

.moderation-popup .modal-container #bb-block-member,
.moderation-popup .modal-container #bb-report-content {
    margin-bottom: 0
}

.moderation-popup .modal-container .form-item {
    margin-bottom: 10px;
    text-align: left
}

.moderation-popup .modal-container .form-item>span {
    font-size: 14px;
    padding-left: 30px;
    display: inline-block;
    line-height: 1.4
}

.moderation-popup .modal-container .form-item label {
    margin-bottom: 0
}

.moderation-popup .modal-container .form-item label>input[type=radio] {
    margin-right: 10px;
    vertical-align: middle;
    height: 15px;
    width: 15px
}

.moderation-popup .modal-container .form-item label>span {
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle
}

.moderation-popup .modal-container .form-item label>textarea {
    margin-left: 30px;
    width: calc(100% - 28px)
}

.moderation-popup .modal-container .bp-report-form-err {
    display: flex;
    color: #ef3e46;
    flex-flow: row nowrap;
    align-items: stretch;
    padding: 10px 0;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
    margin: 10px 0 20px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 3px
}

.moderation-popup .modal-container .bp-report-form-err:empty {
    display: none
}

.moderation-popup .modal-container .bp-report-form-err:before {
    content: "\f534";
    background-color: #d33;
    color: #fff;
    display: flex;
    align-items: center;
    font-family: dashicons;
    left: 0;
    margin: -10px 10px -10px 0;
    position: relative;
    padding: 0 .5em;
    border-radius: 3px 0 0 3px
}

.moderation_notice.is_hidden {
    display: none
}

.moderation-popup .bb-report-type-wrp {
    font-size: 15px;
    text-align: left
}

.moderation-popup .bb-report-type-wrp p {
    margin-bottom: 10px
}

.moderation-popup .bb-report-type-wrp p:last-child {
    margin-bottom: 10px
}

.moderation-popup .bb-report-type-wrp ul {
    margin-bottom: 10px
}

.moderation-popup .bb-report-type-wrp .bb-model-footer {
    margin-top: 15px
}

[dir=rtl] .moderation-popup .bb-report-type-wrp .bb-model-footer {
    text-align: left
}

.mass-user-block-list.moderation-popup .bb-model-header {
    position: relative
}

.mass-user-block-list.moderation-popup .bb-model-header .mfp-close {
    top: 7px;
    right: 25px;
    box-shadow: none
}

.mass-user-block-list.moderation-popup .bb-model-header .mfp-close:before {
    content: "\e828";
    color: #939597;
    letter-spacing: -.24px;
    line-height: 24px;
    font-family: bb-icons;
    font-size: 22px
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp {
    display: flex;
    align-items: center;
    margin: 15px 0
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp:last-child {
    margin-bottom: 0
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-avatar {
    max-height: 40px;
    max-width: 40px;
    overflow: hidden;
    border-radius: 100%
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-name {
    min-width: calc(100% - 190px);
    margin: 0 25px
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions {
    min-width: 95px;
    text-align: right
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions .button {
    min-width: 95px
}

@media (max-width:480px) {
    .mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp {
        flex-wrap: wrap
    }

    .mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-name {
        min-width: calc(100% - 100px);
        margin: 0 0 0 25px
    }

    .mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions {
        width: 100%;
        margin: 10px 0
    }

    .mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions .button {
        width: 100%
    }
}

#comments .comment-body {
    position: relative
}

#comments .comment-body .bb_more_options {
    position: absolute;
    top: 0;
    right: 0
}

#comments .comment-body .bb_more_options a {
    text-decoration: none
}

.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: #000;
    direction: ltr;
    text-align: left
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    padding: 0 5px;
    max-width: inherit
}

.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #ecedee;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor-mark {
    background-color: rgba(20, 255, 20, .5);
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@-moz-keyframes blink {
    50% {
        background-color: transparent
    }
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent
    }
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header,
.cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta {
    color: #555
}

.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-s-default .cm-error {
    color: red
}

.cm-invalidchar {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: 0;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0 !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: 0
}

.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, .4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ''
}

span.CodeMirror-selectedtext {
    background: 0 0
}

html[dir=rtl] .theme-editor-php .CodeMirror-sizer,
html[dir=rtl] .widgets-php .CodeMirror-sizer,
html[dir=rtl] .wp-customizer .CodeMirror-sizer {
    border-right: 0
}

html[dir=rtl] .theme-editor-php .CodeMirror-scroll,
html[dir=rtl] .widgets-php .CodeMirror-scroll,
html[dir=rtl] .wp-customizer .CodeMirror-scroll {
    margin-right: 0
}

html[dir=rtl] .theme-editor-php .CodeMirror-gutters,
html[dir=rtl] .widgets-php .CodeMirror-gutters,
html[dir=rtl] .wp-customizer .CodeMirror-gutters {
    left: initial
}

html[dir=rtl] .theme-editor-php .CodeMirror-line,
html[dir=rtl] .widgets-php .CodeMirror-line,
html[dir=rtl] .wp-customizer .CodeMirror-line {
    text-align: right
}

html[dir=rtl] .theme-editor-php .CodeMirror-vscrollbar,
html[dir=rtl] .widgets-php .CodeMirror-vscrollbar,
html[dir=rtl] .wp-customizer .CodeMirror-vscrollbar {
    right: inherit
}

html[dir=rtl] .theme-editor-php .CodeMirror-code {
    margin-right: 20px
}

.bb-activity-video-elem .entry-video:before {
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, .35);
    border-radius: 3px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    transition: .3s all;
    opacity: 0;
    visibility: visible
}

.bb-activity-video-elem.is-visible .entry-video:before,
.bb-activity-video-elem:hover .entry-video:before {
    opacity: 1;
    visibility: visible
}

.bb-video-cover-wrap:before {
    content: "";
    background: url(/wp-content/plugins/buddyboss-platform/bp-templates/bp-nouveau/images/video-play.svg) !important;
    background-color: #fff !important;
    height: 52px;
    width: 52px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    opacity: .8;
    border: 0;
    transition: all ease .3s !important;
    border-radius: 50%
}

.bb-activity-video-elem .bb-video-duration,
.bb-media-section .bb-video-duration,
.bb-video-thumb .bb-video-duration {
    font-size: 13px;
    margin: 0 !important;
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 4px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 11
}

.bb-activity-video-elem .bb-video-play,
.bb-activity-video-elem .video-js .vjs-big-play-button,
.bb-media-section .bb-video-play,
.bb-media-section .video-js .vjs-big-play-button,
.bb-video-thumb .bb-video-play,
.bb-video-thumb .video-js .vjs-big-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bb-activity-video-elem .video-js~.bb-video-play,
.bb-media-section .video-js~.bb-video-play,
.bb-video-thumb .video-js~.bb-video-play {
    pointer-events: none
}

.bb-activity-video-elem .video-js>video,
.bb-media-section .video-js>video,
.bb-video-thumb .video-js>video {
    object-fit: contain
}

.bb-activity-video-elem .video-js.vjs-playing~.bb-video-duration,
.bb-activity-video-elem .video-js.vjs-playing~.bb-video-play,
.bb-media-section .video-js.vjs-playing~.bb-video-duration,
.bb-media-section .video-js.vjs-playing~.bb-video-play,
.bb-video-thumb .video-js.vjs-playing~.bb-video-duration,
.bb-video-thumb .video-js.vjs-playing~.bb-video-play {
    display: none
}

.bb-activity-video-elem .video-js.vjs-playing .vjs-big-play-button,
.bb-media-section .video-js.vjs-playing .vjs-big-play-button,
.bb-video-thumb .video-js.vjs-playing .vjs-big-play-button {
    display: none
}

.bb-activity-video-elem .video-js.vjs-error .vjs-big-play-button,
.bb-activity-video-elem .video-js.vjs-error:after,
.bb-media-section .video-js.vjs-error .vjs-big-play-button,
.bb-media-section .video-js.vjs-error:after,
.bb-video-thumb .video-js.vjs-error .vjs-big-play-button,
.bb-video-thumb .video-js.vjs-error:after {
    display: none
}

.bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog,
.bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog,
.bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    cursor: pointer
}

.bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before,
.bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before,
.bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before {
    color: #fff;
    content: "\f534";
    font-size: 25px;
    font-family: dashicons;
    text-shadow: none;
    margin-top: -45px
}

.bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content,
.bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content,
.bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .2px
}

.bb-activity-video-elem .vjs-menu-button-popup .vjs-menu-content,
.bb-media-section .vjs-menu-button-popup .vjs-menu-content,
.bb-video-thumb .vjs-menu-button-popup .vjs-menu-content {
    margin: 0 !important
}

.bb-activity-video-elem .vjs-menu-button-popup .vjs-menu-content li,
.bb-media-section .vjs-menu-button-popup .vjs-menu-content li,
.bb-video-thumb .vjs-menu-button-popup .vjs-menu-content li {
    list-style-type: none !important;
    margin: 0 !important
}

.bb-activity-video-elem .video-js.vjs-has-started~.bb-video-duration,
.bb-media-section .video-js.vjs-has-started~.bb-video-duration,
.bb-video-thumb .video-js.vjs-has-started~.bb-video-duration {
    display: none
}

.bb-activity-video-elem .video-js .vjs-big-play-button,
.bb-media-section .video-js .vjs-big-play-button,
.bb-video-thumb .video-js .vjs-big-play-button {
    background: url(/wp-content/plugins/buddyboss-platform/bp-templates/bp-nouveau/images/video-play.svg) !important;
    background-color: #fff !important;
    height: 52px;
    width: 52px;
    opacity: .8;
    border: 0;
    border-radius: 100%;
    transition: all ease .3s !important;
    z-index: 1
}

.bb-activity-video-elem .video-js .vjs-big-play-button:hover,
.bb-media-section .video-js .vjs-big-play-button:hover,
.bb-video-thumb .video-js .vjs-big-play-button:hover {
    opacity: 1;
    box-shadow: none
}

.bb-activity-video-elem .video-js .vjs-big-play-button .vjs-icon-placeholder,
.bb-media-section .video-js .vjs-big-play-button .vjs-icon-placeholder,
.bb-video-thumb .video-js .vjs-big-play-button .vjs-icon-placeholder {
    display: none
}

.bb-activity-video-elem .video-js,
.bb-media-section .video-js,
.bb-video-thumb .video-js {
    border-radius: 4px;
    overflow: hidden;
    max-width: 100%;
    cursor: pointer
}

.bb-activity-video-elem .video-js .vjs-control-bar:before,
.bb-media-section .video-js .vjs-control-bar:before,
.bb-video-thumb .video-js .vjs-control-bar:before {
    content: "";
    position: absolute;
    bottom: -10px;
    top: 0;
    width: 100%;
    background: #333;
    background: -webkit-linear-gradient(bottom, rgba(51, 51, 51, .5), rgba(51, 51, 51, 0));
    background: -moz-linear-gradient(bottom, rgba(51, 51, 51, .5), rgba(51, 51, 51, 0));
    background: linear-gradient(to top, rgba(51, 51, 51, .5), rgba(51, 51, 51, 0))
}

.bb-activity-video-elem .video-js .vjs-control-bar,
.bb-media-section .video-js .vjs-control-bar,
.bb-video-thumb .video-js .vjs-control-bar {
    padding-top: 5px;
    bottom: 10px;
    background-color: transparent;
    z-index: 1
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-control,
.bb-media-section .video-js .vjs-control-bar .vjs-time-control,
.bb-video-thumb .video-js .vjs-control-bar .vjs-time-control {
    font-size: 1.2em;
    line-height: 30px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-slider,
.bb-media-section .video-js .vjs-control-bar .vjs-slider,
.bb-video-thumb .video-js .vjs-control-bar .vjs-slider {
    background-color: rgba(255, 255, 255, .6)
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-tooltip,
.bb-media-section .video-js .vjs-control-bar .vjs-time-tooltip,
.bb-video-thumb .video-js .vjs-control-bar .vjs-time-tooltip {
    font-size: 1.3em
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder,
.bb-media-section .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder,
.bb-video-thumb .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
    border-radius: 2px
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-volume-panel-horizontal.vjs-hover,
.bb-media-section .video-js .vjs-control-bar .vjs-volume-panel-horizontal.vjs-hover,
.bb-video-thumb .video-js .vjs-control-bar .vjs-volume-panel-horizontal.vjs-hover {
    width: auto
}

.bb-activity-video-elem .video-js .vjs-control-bar button,
.bb-activity-video-elem .video-js .vjs-control-bar button:hover,
.bb-media-section .video-js .vjs-control-bar button,
.bb-media-section .video-js .vjs-control-bar button:hover,
.bb-video-thumb .video-js .vjs-control-bar button,
.bb-video-thumb .video-js .vjs-control-bar button:hover {
    background-color: transparent !important;
    padding: 0;
    border: 0;
    width: 4em;
    font-size: 10px;
    line-height: 1.3;
    box-shadow: none !important;
    text-shadow: none;
    font-family: inherit
}

.bb-activity-video-elem .video-js .vjs-control-bar button:hover>.vjs-icon-placeholder:before,
.bb-activity-video-elem .video-js .vjs-control-bar button>.vjs-icon-placeholder:before,
.bb-media-section .video-js .vjs-control-bar button:hover>.vjs-icon-placeholder:before,
.bb-media-section .video-js .vjs-control-bar button>.vjs-icon-placeholder:before,
.bb-video-thumb .video-js .vjs-control-bar button:hover>.vjs-icon-placeholder:before,
.bb-video-thumb .video-js .vjs-control-bar button>.vjs-icon-placeholder:before {
    line-height: 1.6
}

.bb-activity-video-elem .video-js .vjs-control-bar .enlarge_button,
.bb-media-section .video-js .vjs-control-bar .enlarge_button,
.bb-video-thumb .video-js .vjs-control-bar .enlarge_button {
    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
}

.bb-activity-video-elem .video-js .vjs-control-bar .enlarge_button:after,
.bb-media-section .video-js .vjs-control-bar .enlarge_button:after,
.bb-video-thumb .video-js .vjs-control-bar .enlarge_button:after {
    left: inherit;
    right: -30px
}

.bb-activity-video-elem .video-js .vjs-control-bar .enlarge_button .vjs-icon-placeholder:before,
.bb-media-section .video-js .vjs-control-bar .enlarge_button .vjs-icon-placeholder:before,
.bb-video-thumb .video-js .vjs-control-bar .enlarge_button .vjs-icon-placeholder:before {
    content: "\e88b";
    font-family: bb-icons;
    font-size: 16px
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-play-control:after,
.bb-media-section .video-js .vjs-control-bar .vjs-play-control:after,
.bb-video-thumb .video-js .vjs-control-bar .vjs-play-control:after {
    margin-left: 15px
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-play-control.vjs-playing:after,
.bb-media-section .video-js .vjs-control-bar .vjs-play-control.vjs-playing:after,
.bb-video-thumb .video-js .vjs-control-bar .vjs-play-control.vjs-playing:after {
    content: attr(data-balloon-pause)
}

.bb-activity-video-elem .video-js .vjs-control-bar>[data-balloon]:after,
.bb-activity-video-elem .video-js .vjs-control-bar>[data-balloon]:before,
.bb-media-section .video-js .vjs-control-bar>[data-balloon]:after,
.bb-media-section .video-js .vjs-control-bar>[data-balloon]:before,
.bb-video-thumb .video-js .vjs-control-bar>[data-balloon]:after,
.bb-video-thumb .video-js .vjs-control-bar>[data-balloon]:before {
    transition: none;
    display: block
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-play-progress .vjs-time-tooltip,
.bb-media-section .video-js .vjs-control-bar .vjs-play-progress .vjs-time-tooltip,
.bb-video-thumb .video-js .vjs-control-bar .vjs-play-progress .vjs-time-tooltip {
    display: none
}

.video-theatre .bb-activity-video-elem .video-js .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-media-section .video-js .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-video-thumb .video-js .vjs-control-bar .vjs-fullscreen-control:after {
    left: inherit !important;
    right: -50px !important
}

.video-theatre .bb-activity-video-elem .video-js .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-theatre .bb-media-section .video-js .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-theatre .bb-video-thumb .video-js .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\e88b";
    font-family: bb-icons;
    font-size: 16px;
    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
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-seek-button span.vjs-icon-placeholder:before,
.bb-media-section .video-js .vjs-control-bar .vjs-seek-button span.vjs-icon-placeholder:before,
.bb-video-thumb .video-js .vjs-control-bar .vjs-seek-button span.vjs-icon-placeholder:before {
    content: "\e9ce" !important;
    font-family: bb-icons
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-seek-button.skip-back .vjs-icon-placeholder:before,
.bb-media-section .video-js .vjs-control-bar .vjs-seek-button.skip-back .vjs-icon-placeholder:before,
.bb-video-thumb .video-js .vjs-control-bar .vjs-seek-button.skip-back .vjs-icon-placeholder:before {
    transform: rotateY(180deg)
}

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

    .bb-activity-video-elem .video-js .vjs-control-bar,
    .bb-media-section .video-js .vjs-control-bar,
    .bb-video-thumb .video-js .vjs-control-bar {
        bottom: 10px
    }

    .bb-activity-video-elem .video-js .vjs-control-bar .vjs-duration,
    .bb-activity-video-elem .video-js .vjs-control-bar .vjs-picture-in-picture-control,
    .bb-activity-video-elem .video-js .vjs-control-bar .vjs-playback-rate,
    .bb-activity-video-elem .video-js .vjs-control-bar .vjs-seek-button,
    .bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-control,
    .bb-media-section .video-js .vjs-control-bar .vjs-duration,
    .bb-media-section .video-js .vjs-control-bar .vjs-picture-in-picture-control,
    .bb-media-section .video-js .vjs-control-bar .vjs-playback-rate,
    .bb-media-section .video-js .vjs-control-bar .vjs-seek-button,
    .bb-media-section .video-js .vjs-control-bar .vjs-time-control,
    .bb-video-thumb .video-js .vjs-control-bar .vjs-duration,
    .bb-video-thumb .video-js .vjs-control-bar .vjs-picture-in-picture-control,
    .bb-video-thumb .video-js .vjs-control-bar .vjs-playback-rate,
    .bb-video-thumb .video-js .vjs-control-bar .vjs-seek-button,
    .bb-video-thumb .video-js .vjs-control-bar .vjs-time-control {
        display: none
    }

    .bb-activity-video-elem .video-js .vjs-control-bar button,
    .bb-media-section .video-js .vjs-control-bar button,
    .bb-video-thumb .video-js .vjs-control-bar button {
        width: 3em
    }

    .bb-activity-video-elem .video-js .vjs-control-bar .enlarge_button,
    .bb-media-section .video-js .vjs-control-bar .enlarge_button,
    .bb-video-thumb .video-js .vjs-control-bar .enlarge_button {
        background-color: transparent !important;
        padding: 0;
        border: 0;
        width: 4em;
        font-size: 10px;
        line-height: 1.3;
        box-shadow: none;
        text-shadow: none;
        font-family: inherit;
        display: block;
        z-index: 1111
    }
}

.video-theatre .bb-activity-video-elem .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-activity-video-elem .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:before,
.video-theatre .bb-media-section .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-media-section .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:before,
.video-theatre .bb-video-thumb .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-video-thumb .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:before {
    display: none
}

.video-theatre .bb-activity-video-elem .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-theatre .bb-media-section .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-theatre .bb-video-thumb .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\e8af"
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap {
    position: absolute;
    right: 15px;
    top: 21px;
    z-index: 111;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap.is-visible .video-action_list {
    opacity: 1;
    visibility: visible
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap.is-visible .video-action_list:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    margin: 0 auto;
    right: 10px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
    z-index: 101;
    opacity: 1;
    visibility: visible
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap>a i {
    font-size: 21px;
    color: #939597;
    padding: 0 4px;
    background-color: transparent
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list {
    position: absolute;
    top: 28px;
    right: 1px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    width: 198px;
    z-index: 1
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul {
    list-style: none;
    margin: 5px 0 !important;
    padding: 0 !important
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li {
    margin: 0;
    padding: 0;
    list-style-type: none !important
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li a {
    padding: 10px 14px !important;
    display: block !important;
    font-size: 14px;
    line-height: 1;
    color: #7f868f
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li a:hover {
    background-color: #f5f5f5 !important;
    color: #5087e5
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li a:before {
    content: "\e9cb";
    font-family: bb-icons;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    max-height: 15px;
    margin-top: -8px;
    margin-right: 10px
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li a.video-file-delete:before {
    content: "\e937";
    font-size: 15px
}

.bb-media-model-container .bb-media-info-section .bb-activity-video-wrap .vjs-control-bar .skip-5,
.bb-media-model-container .bb-media-info-section .bb-activity-video-wrap .vjs-control-bar .vjs-picture-in-picture-control,
.bb-media-model-container .bb-media-info-section .bb-activity-video-wrap .vjs-control-bar .vjs-time-control {
    display: none
}

.bb-media-model-container .bb-media-info-section .bb-activity-video-wrap .vjs-control-bar .vjs-slider-vertical .vjs-volume-level:before {
    left: -3px
}

.bb-activity-video-elem.is-visible .video-js:after {
    visibility: visible;
    opacity: 1
}

.bb-activity-video-elem .video-js:after {
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, .35);
    border-radius: 3px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .3s all;
    visibility: hidden;
    opacity: 0
}

.bb-activity-video-elem:hover .video-js:not(.vjs-playing):after {
    visibility: visible;
    opacity: 1
}

.bb-activity-video-elem:hover .video-js:not(.vjs-playing) .vjs-big-play-button {
    opacity: 1
}

.bb-activity-video-elem .bb-open-video-theatre.hide {
    display: none
}

.bp-single-message-wrap .bb-activity-video-wrap .bb-activity-video-elem .bb-item-cover-wrap {
    padding-top: 100%
}

.bp-single-message-content .bb-activity-video-elem {
    min-width: 30%
}

.bb-activity-video-wrap,
.forums-video-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -3px;
    align-items: flex-start;
    position: relative
}

.bb-activity-video-wrap .bb-activity-video-elem,
.forums-video-wrap .bb-activity-video-elem {
    padding: 3px
}

.bb-activity-video-wrap .bb-activity-video-elem video.video-js+.bb-video-loader,
.forums-video-wrap .bb-activity-video-elem video.video-js+.bb-video-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ddd;
    color: #fff;
    margin: 0;
    border-radius: 4px
}

.bb-activity-video-wrap .bb-activity-video-elem video.video-js+.bb-video-loader:after,
.forums-video-wrap .bb-activity-video-elem video.video-js+.bb-video-loader:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 35px;
    animation: spin 2s infinite linear
}

.bb-activity-video-wrap .bb-activity-video-elem div.video-js+.bb-video-loader,
.forums-video-wrap .bb-activity-video-elem div.video-js+.bb-video-loader {
    display: none
}

.bb-activity-video-wrap .bb-activity-video-elem .bb-item-cover-wrap,
.forums-video-wrap .bb-activity-video-elem .bb-item-cover-wrap {
    padding-top: 38.56%
}

.bb-activity-video-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:after,
.bb-activity-video-wrap .bb-activity-video-elem:hover .bb-item-cover-wrap:after,
.forums-video-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:after,
.forums-video-wrap .bb-activity-video-elem:hover .bb-item-cover-wrap:after {
    visibility: visible;
    opacity: 1
}

.bb-activity-video-wrap .bb-activity-video-elem .bb-videos-length,
.forums-video-wrap .bb-activity-video-elem .bb-videos-length {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 16px
}

.bb-activity-video-wrap .bb-activity-video-elem .bb-videos-length strong,
.forums-video-wrap .bb-activity-video-elem .bb-videos-length strong {
    color: inherit;
    display: block;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 10px
}

.bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap,
.forums-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap {
    padding-top: 82.56%
}

.bb-activity-video-wrap.bb-video-length-2 .bb-activity-video-elem.act-grid-1-1,
.forums-video-wrap.bb-video-length-2 .bb-activity-video-elem.act-grid-1-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.bb-activity-video-wrap.bb-video-length-2 .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap,
.forums-video-wrap.bb-video-length-2 .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap {
    padding-top: 82.56%
}

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

    .bb-activity-video-wrap .bb-activity-video-elem,
    .forums-video-wrap .bb-activity-video-elem {
        flex: 0 0 100%;
        max-width: 100%
    }

    .bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-1,
    .bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-2,
    .forums-video-wrap .bb-activity-video-elem.act-grid-1-1,
    .forums-video-wrap .bb-activity-video-elem.act-grid-1-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap,
    .bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap,
    .forums-video-wrap .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap,
    .forums-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap {
        padding-top: 82.56% !important
    }
}

#buddypress .bp-video-uploader .video-uploader-wrapper {
    margin-bottom: 5px
}

#buddypress .bp-video-uploader #bp-video-next,
#buddypress .bp-video-uploader #bp-video-prev {
    display: none
}

#buddypress .bp-video-uploader #bp-video-next {
    text-align: center
}

#buddypress .bp-video-uploader #bp-video-next>i {
    margin-right: 5px;
    font-size: 15px
}

#buddypress .bp-video-uploader #bp-video-prev {
    font-size: 15px;
    float: right;
    margin: 8px 20px 0 0;
    color: #a5a7ab
}

#buddypress .bp-video-uploader .video-uploader-footer {
    display: table;
    width: 100%
}

#buddypress .bp-video-uploader .video-uploader-footer .bb-dropdown-wrap {
    float: left;
    margin-bottom: 0
}

#buddypress .bp-video-uploader .video-uploader-footer .bp-video-open-create-popup-album {
    display: block;
    margin-bottom: 15px;
    clear: both;
    text-transform: capitalize
}

#buddypress .bp-video-uploader .video-uploader-footer .bp-video-open-create-popup-album>i {
    margin-right: 5px;
    font-size: 15px
}

#buddypress .bp-video-uploader .video-uploader-footer #bp-video-submit {
    float: right
}

@media screen and (max-width:480px) {
    #buddypress .bp-video-uploader .video-uploader-footer {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #buddypress .bp-video-uploader .video-uploader-footer .bb-dropdown-wrap {
        width: 100%;
        margin-bottom: 15px
    }

    #buddypress .bp-video-uploader .video-uploader-footer .bb-dropdown-wrap select {
        width: 100%
    }

    #buddypress .bp-video-uploader .video-uploader-footer #bp-video-submit {
        width: 100%
    }

    #buddypress .bp-video-uploader .video-uploader-footer #bp-video-prev {
        text-align: center;
        margin: 10px 0 0 0;
        width: 100%
    }

    body.groups #buddypress .bp-video-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
        margin-bottom: 0
    }

    body.groups #buddypress .bp-video-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-video-next {
        display: inline-block !important;
        margin-top: 0
    }
}

.bb-media-model-wrapper.video .bb-media-model-inner {
    overflow: visible
}

.bb-media-model-wrapper.video .bb-media-info-section .bp-activity-head .activity-header {
    margin-right: 25px
}

.bb-media-model-wrapper.video .bb-media-section {
    position: initial
}

.bb-media-model-wrapper.video .bb-media-section figure {
    max-height: 90vh;
    min-height: 90vh;
    width: 100% !important;
    height: 100% !important;
    vertical-align: middle;
    align-items: center;
    display: flex;
    justify-content: center
}

.bb-media-model-wrapper.video .bb-media-section figure.loading {
    text-align: center
}

.bb-media-model-wrapper.video .bb-media-section figure.loading .bb-icon-loader {
    font-size: 26px;
    color: #fff;
    text-align: center
}

.bb-media-model-wrapper.video .bb-media-section figure .video-js {
    height: 100% !important;
    padding: 0;
    border-radius: 4px 0 0 4px
}

.bb-media-model-wrapper.video .bb-media-section .vjs-big-play-button {
    background: url(/wp-content/plugins/buddyboss-platform/bp-templates/bp-nouveau/images/video-play.svg) !important;
    background-color: #fff !important;
    height: 52px;
    width: 52px;
    opacity: .8;
    border: 0;
    transition: all ease .3s !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1111
}

.bb-media-model-wrapper.video .bb-media-section .vjs-big-play-button .vjs-icon-placeholder {
    display: none
}

.bb-media-model-wrapper.video .bb-media-section .vjs-controls-disabled .vjs-big-play-button,
.bb-media-model-wrapper.video .bb-media-section .vjs-error .vjs-big-play-button,
.bb-media-model-wrapper.video .bb-media-section .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.bb-media-model-wrapper.video .bb-media-section a.theater-command {
    width: auto;
    display: flex;
    padding: 0;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 10px
}

.bb-media-model-wrapper.video .bb-media-section a.theater-command {
    justify-content: center
}

.bb-media-model-wrapper.video .bb-media-section a.theater-command.bb-next-media {
    left: auto;
    right: -45px;
    width: 45px
}

.bb-media-model-wrapper.video .bb-media-section a.theater-command.bb-prev-media {
    left: -45px;
    width: 45px;
    padding: 0
}

.bb-media-model-wrapper.video .bb-media-section .vjs-error-display.vjs-modal-dialog {
    cursor: auto
}

@media screen and (max-width:767px) {
    .bb-media-model-wrapper.video .bb-media-section figure {
        max-height: 50vh;
        min-height: 50vh
    }

    .bb-media-model-wrapper.video .bb-media-section figure .video-js {
        border-radius: 4px 4px 0 0
    }
}

.bb-media-model-wrapper.video:hover a.theater-command {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width:767px) {
    #buddypress .bb-media-model-wrapper.video .bb-media-model-container {
        width: calc(100% - 60px);
        min-width: initial;
        margin: 0 30px;
        height: 100%
    }

    .bb-media-model-wrapper.video .bb-media-model-container a.theater-command {
        opacity: 1;
        visibility: visible;
        height: 100%;
        top: 50vh
    }

    .bb-media-model-wrapper.video .bb-media-model-container a.theater-command.bb-next-media {
        right: -30px;
        width: 30px;
        padding: 0
    }

    .bb-media-model-wrapper.video .bb-media-model-container a.theater-command.bb-prev-media {
        left: -30px;
        width: 30px;
        padding: 0
    }
}

.video-thumbnail-content {
    display: block;
    padding: 25px 0 0 0
}

.video-thumbnail-content .video-thumbnail-custom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.video-thumbnail-content .video-thumbnail-custom .close-thumbnail-custom {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 14px;
    width: 14px;
    z-index: 111;
    border-radius: 50%;
    background: #f8f8f8;
    color: #9ea8b3;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.video-thumbnail-content .video-thumbnail-custom .close-thumbnail-custom:after {
    content: "\00d7";
    font-size: 14px;
    line-height: 1;
    position: relative;
    top: -1px;
    left: 0
}

.video-thumbnail-content .video-thumbnail-custom img {
    height: 100%;
    width: 100%;
    min-height: 120px;
    object-fit: cover;
    border-radius: 4px
}

.video-thumbnail-content .bb-dropzone-wrap {
    flex-basis: 33.333334%;
    width: 33.333334%;
    padding: 0;
    position: relative;
    min-height: 160px;
    padding-right: 10px
}

.video-thumbnail-content .bb-dropzone-wrap .video-thumbnail-custom {
    border: 3px solid transparent;
    border-radius: 5px;
    margin-right: 10px
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check[name=bb-video-thumbnail-select]+label {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    opacity: 0
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check[name=bb-video-thumbnail-select]:checked~.video-thumbnail-custom {
    border-color: #5087e5;
    overflow: hidden
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check[name=bb-video-thumbnail-select]:checked~.video-thumbnail-custom img {
    border-radius: 0
}

.video-thumbnail-content .bb-dropzone-wrap .bb-action-check-wrap {
    visibility: visible;
    opacity: 1;
    top: inherit;
    bottom: 7px;
    right: 7px;
    left: inherit;
    z-index: 1111;
    display: none
}

.video-thumbnail-content .bb-dropzone-wrap .bb-action-check-wrap .bb-icon {
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, .4)
}

.video-thumbnail-content .bb-dropzone-wrap .bb-action-check-wrap .bb-icon:before {
    display: none
}

.video-thumbnail-content .bb-dropzone-wrap .bb-action-check-wrap .bb-custom-check:checked+label .bb-icon:before {
    content: "\e876";
    display: inline
}

.video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap .dropzone .dz-preview .dz-image {
    border: 3px solid transparent;
    border-radius: 5px
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check:checked~.bb-field-wrap .dropzone .dz-preview .dz-image {
    border-color: #5087e5
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check:checked~.bb-field-wrap .dropzone .dz-preview .dz-image img {
    border-radius: 0
}

.video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap {
    margin-bottom: 0;
    position: relative;
    z-index: 111
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone {
    max-height: 160px;
    overflow: hidden
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone.dz-started {
    margin: 0
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-default {
    margin: 0;
    padding: 15px 0;
    min-height: auto;
    height: 160px
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-default .dz-button,
.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-default .dz-button:hover {
    font-size: 14px !important;
    padding: 50px 15px 0 15px !important;
    background-size: 35px !important;
    background-position: center 6px !important
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview {
    margin: 0;
    width: 100%;
    z-index: initial
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview .dz-image {
    height: 160px
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview .dz-image img {
    max-width: inherit;
    object-fit: cover;
    width: 100%;
    cursor: pointer;
    border-radius: 5px
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview .dz-remove:after {
    font-size: 16px
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated {
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 15px
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated.disabled {
    opacity: .7;
    pointer-events: none;
    user-select: none
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list {
    margin: 0 !important;
    display: flex;
    height: 100%
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list.loading {
    text-align: center
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li {
    width: 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    height: 100%;
    padding: 0 10px 0 0;
    margin: 0 !important;
    list-style: none !important;
    display: flex
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-custom-check:checked~a {
    border-color: #5087e5
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-custom-check:checked~a img {
    border-radius: 0
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div>label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div>label .bb-icon {
    display: none
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-action-check-wrap {
    visibility: visible;
    opacity: 1;
    top: inherit;
    bottom: 7px;
    right: 7px;
    left: inherit
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-action-check-wrap .bb-icon {
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, .4)
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-action-check-wrap .bb-icon:before {
    display: none
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-action-check-wrap .bb-custom-check:checked+label .bb-icon:before {
    content: "\e876";
    display: inline
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div,
.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div a {
    height: 100%;
    display: flex !important;
    position: relative;
    width: 100%
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div>a {
    border: 3px solid transparent;
    border-radius: 5px
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li img {
    object-fit: cover;
    min-height: 155px;
    max-height: 155px;
    border-radius: 5px;
    width: 100%
}

.bp-video-thumbnail-uploader {
    word-break: break-word
}

.bp-video-thumbnail-uploader .modal-wrapper {
    max-width: 800px
}

.bp-video-thumbnail-uploader .thumbnail_notice {
    display: none
}

.bp-video-thumbnail-uploader .video-thumbnail-uploader-dropzone-select .dz-default {
    min-height: 100% !important
}

.bp-video-thumbnail-uploader .modal-container>p {
    margin-top: 25px;
    margin-bottom: 0
}

.activity-list .activity-item .activity-content .bp-video-thumbnail-uploader .modal-container>p {
    margin-top: 25px;
    margin-bottom: 0
}

.bp-video-thumbnail-uploader .button.bp-video-thumbnail-submit {
    margin-top: 25px
}

.bp-video-thumbnail-uploader .button.bp-video-thumbnail-submit.saving:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear
}

.bp-video-thumbnail-uploader.generating_thumb .thumbnail_notice {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px
}

.bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader {
    color: #828890;
    background-color: #f8f8f8;
    opacity: 1;
    margin: 0 10px 0 0 !important;
    width: calc(33.3333% - 10px);
    padding: 0;
    flex-basis: calc(33.3333% - 10px) !important;
    overflow: hidden;
    border-radius: 5px;
    min-height: 160px;
    text-align: center;
    align-items: center
}

.bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block {
    display: block !important;
    padding: 0 10px
}

.bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block>i {
    font-size: 25px;
    margin-bottom: 15px
}

.bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block>span {
    display: block;
    font-size: 14px
}

.bp-video-thumbnail-uploader .modal-mask {
    z-index: 999991
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bp-video-thumbnail-auto-generated {
    width: 33.3333%;
    display: inline-block
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 100%
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bb-dropzone-wrap {
    width: 33.333334%;
    display: inline-block;
    vertical-align: text-bottom
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap .dropzone {
    height: 155px
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap .dropzone .dz-default,
.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap .dropzone .dz-preview .dz-image {
    height: 155px
}

.bp-video-thumbnail-uploader.no_generated_thumb .video-thumbnail-content .bp-video-thumbnail-auto-generated {
    display: none
}

.bp-video-thumbnail-uploader .bb-model-footer {
    border-top: 1px solid #e7e9ec;
    margin: 30px -30px 0;
    padding: 0 30px
}

.bp-video-thumbnail-uploader .bb-model-footer .bp-video-thumbnail-submit.is-disabled {
    pointer-events: none;
    background-color: #9ea8b3 !important;
    box-shadow: none !important
}

@media screen and (max-width:540px) {
    .bp-video-thumbnail-uploader .bb-model-footer {
        margin: 30px -15px 0
    }
}

@media screen and (max-width:540px) {
    .bp-video-thumbnail-uploader .modal-container {
        padding: 20px 15px 30px
    }

    .bp-video-thumbnail-uploader .bb-model-header {
        margin: -20px -15px 30px;
        flex-wrap: wrap
    }

    .bp-video-thumbnail-uploader .bb-model-header .bp-video-thumbnail-uploader-modal-title {
        margin-right: 10px
    }

    .bp-video-thumbnail-uploader .bb-model-header .thumbnail_notice {
        margin: 0
    }

    .bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader {
        min-height: 110px
    }

    .bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block {
        padding: 0 5px
    }

    .bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block>span {
        font-size: 12px
    }

    .video-thumbnail-content {
        flex-flow: column
    }

    .video-thumbnail-content .bb-dropzone-wrap {
        margin-bottom: 15px;
        min-height: 106px;
        vertical-align: top !important;
        width: 100% !important
    }

    .video-thumbnail-content .bb-dropzone-wrap .dropzone,
    .video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-default,
    .video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview .dz-image,
    .video-thumbnail-content .bb-dropzone-wrap .video-thumbnail-custom img {
        height: 106px !important
    }

    .video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li img {
        min-height: 100px;
        max-height: 106px
    }

    .video-thumbnail-content .bb-action-check-wrap .bb-icon {
        font-size: 11px;
        width: 18px;
        height: 18px
    }

    .video-thumbnail-content .bp-video-thumbnail-auto-generated {
        flex-basis: 100%;
        width: 100%
    }

    .video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li {
        width: calc(33.3333334% - 6.66666667px);
        flex: calc(33.3333334% - 6.66666667px);
        margin-left: 10px !important;
        padding-left: 0;
        padding-right: 0
    }

    .video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li:first-child {
        margin-left: 0 !important
    }
}

div.dropzone.dz-started {
    margin: 0 0 20px
}

div.dropzone.dz-started .dz-default.dz-message {
    flex-basis: 100%;
    max-width: 160px !important;
    min-height: 160px !important;
    margin: 0 4px 10px;
    padding: 0 5px
}

div.dropzone.dz-started .dz-default.dz-message .dz-button {
    font-size: 16px !important;
    background-size: 48px !important;
    padding: 50px 0 0 0 !important
}

#activity-post-video-uploader .dz-default.dz-message,
#boss-video-create-album-popup .dz-default.dz-message,
#bp-group-messages-post-video-uploader .dz-default.dz-message,
#bp-video-dropzone-content .dz-default.dz-message,
#forums-post-video-uploader .dz-default.dz-message,
#messages-post-video-uploader .dz-default.dz-message,
#video-uploader.dropzone .dz-default.dz-message,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-default.dz-message {
    flex-basis: 100%;
    max-width: inherit;
    min-height: 15vh
}

#activity-post-video-uploader .dz-default.dz-message .dz-button,
#boss-video-create-album-popup .dz-default.dz-message .dz-button,
#bp-group-messages-post-video-uploader .dz-default.dz-message .dz-button,
#bp-video-dropzone-content .dz-default.dz-message .dz-button,
#forums-post-video-uploader .dz-default.dz-message .dz-button,
#messages-post-video-uploader .dz-default.dz-message .dz-button,
#video-uploader.dropzone .dz-default.dz-message .dz-button,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-default.dz-message .dz-button {
    font-size: 16px !important;
    background-size: 48px !important;
    padding: 50px 0 0 0 !important
}

#activity-post-video-uploader .dz-progress-count,
#boss-video-create-album-popup .dz-progress-count,
#bp-group-messages-post-video-uploader .dz-progress-count,
#bp-video-dropzone-content .dz-progress-count,
#forums-post-video-uploader .dz-progress-count,
#messages-post-video-uploader .dz-progress-count,
#video-uploader.dropzone .dz-progress-count,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-progress-count {
    position: absolute;
    z-index: 12;
    bottom: 10px;
    left: 50%;
    width: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    border-radius: 30px;
    padding: 0 20px 0 15px;
    font-size: 13px;
    line-height: 2.5;
    min-width: 140px
}

#activity-post-video-uploader .dz-preview,
#boss-video-create-album-popup .dz-preview,
#bp-group-messages-post-video-uploader .dz-preview,
#bp-video-dropzone-content .dz-preview,
#forums-post-video-uploader .dz-preview,
#messages-post-video-uploader .dz-preview,
#video-uploader.dropzone .dz-preview,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview {
    background: #f0f3f7
}

#activity-post-video-uploader div.dz-preview.dz-file-preview .dz-remove,
#boss-video-create-album-popup div.dz-preview.dz-file-preview .dz-remove,
#bp-group-messages-post-video-uploader div.dz-preview.dz-file-preview .dz-remove,
#bp-video-dropzone-content div.dz-preview.dz-file-preview .dz-remove,
#forums-post-video-uploader div.dz-preview.dz-file-preview .dz-remove,
#messages-post-video-uploader div.dz-preview.dz-file-preview .dz-remove,
#video-uploader.dropzone div.dz-preview.dz-file-preview .dz-remove,
.ac-reply-content .ac-reply-attachments .dropzone.video div.dz-preview.dz-file-preview .dz-remove {
    position: absolute;
    bottom: 15px;
    top: inherit;
    left: 50%;
    margin-left: 53px;
    transform: translateX(-50%);
    background-color: transparent;
    line-height: 1;
    height: 23px;
    width: 23px;
    box-shadow: none
}

#activity-post-video-uploader div.dz-preview.dz-file-preview .dz-remove:after,
#boss-video-create-album-popup div.dz-preview.dz-file-preview .dz-remove:after,
#bp-group-messages-post-video-uploader div.dz-preview.dz-file-preview .dz-remove:after,
#bp-video-dropzone-content div.dz-preview.dz-file-preview .dz-remove:after,
#forums-post-video-uploader div.dz-preview.dz-file-preview .dz-remove:after,
#messages-post-video-uploader div.dz-preview.dz-file-preview .dz-remove:after,
#video-uploader.dropzone div.dz-preview.dz-file-preview .dz-remove:after,
.ac-reply-content .ac-reply-attachments .dropzone.video div.dz-preview.dz-file-preview .dz-remove:after {
    font-size: 26px;
    color: #fff;
    line-height: 1
}

#activity-post-video-uploader .dz-preview .dz-progress-ring-wrap,
#boss-video-create-album-popup .dz-preview .dz-progress-ring-wrap,
#bp-group-messages-post-video-uploader .dz-preview .dz-progress-ring-wrap,
#bp-video-dropzone-content .dz-preview .dz-progress-ring-wrap,
#forums-post-video-uploader .dz-preview .dz-progress-ring-wrap,
#messages-post-video-uploader .dz-preview .dz-progress-ring-wrap,
#video-uploader.dropzone .dz-preview .dz-progress-ring-wrap,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview .dz-progress-ring-wrap {
    height: 60px;
    width: 60px
}

#activity-post-video-uploader .dz-preview .dz-filename,
#boss-video-create-album-popup .dz-preview .dz-filename,
#bp-group-messages-post-video-uploader .dz-preview .dz-filename,
#bp-video-dropzone-content .dz-preview .dz-filename,
#forums-post-video-uploader .dz-preview .dz-filename,
#messages-post-video-uploader .dz-preview .dz-filename,
#video-uploader.dropzone .dz-preview .dz-filename,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview .dz-filename {
    opacity: 0;
    visibility: hidden
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-filename,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview .dz-filename,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-filename,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview .dz-filename,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-filename,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-filename,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview .dz-filename,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview .dz-filename {
    color: #fff
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview .dz-progress,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview .dz-progress,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview .dz-progress,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview .dz-progress {
    display: none
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-count,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview .dz-progress-count,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-count,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview .dz-progress-count,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-count,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-count,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview .dz-progress-count,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview .dz-progress-count {
    display: none
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview.dz-preview.dz-file-preview,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview.dz-preview.dz-file-preview,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview.dz-preview.dz-file-preview,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview.dz-preview.dz-file-preview,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview.dz-preview.dz-file-preview,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview.dz-preview.dz-file-preview,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview.dz-preview.dz-file-preview,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview.dz-preview.dz-file-preview {
    background-color: #ddd;
    border-radius: 4px
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap {
    display: block
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle {
    display: none
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-remove,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview .dz-remove,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-remove,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview .dz-remove,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-remove,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-remove,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview .dz-remove {
    bottom: inherit;
    transform: none;
    margin: 0;
    top: 5px;
    left: inherit;
    right: 5px;
    background-color: #f8f8f8;
    height: 16px;
    width: 16px;
    line-height: inherit
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview .dz-remove:after {
    font-size: 17px;
    color: #9ea8b3;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) {
    background-color: #f8f8f8 !important;
    z-index: 1;
    border-radius: 4px
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details {
    background-color: transparent
}

#activity-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename,
#boss-video-create-album-popup .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename,
#bp-group-messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename,
#bp-video-dropzone-content .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename,
#forums-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename,
#messages-post-video-uploader .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename,
#video-uploader.dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename {
    opacity: 1;
    visibility: visible;
    position: absolute;
    bottom: 15px;
    color: #828890
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-remove,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-remove,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-remove,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-remove,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-remove,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-remove,
#video-uploader.dropzone .dz-preview.dz-file-preview .dz-remove,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview .dz-remove {
    background-color: #fd4343;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 14px;
    width: 14px;
    margin: 0;
    left: inherit;
    transform: none
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-remove:after,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-remove:after,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-remove:after,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-remove:after,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-remove:after,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-remove:after,
#video-uploader.dropzone .dz-preview.dz-file-preview .dz-remove:after,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview .dz-remove:after {
    position: absolute;
    top: -1px;
    left: 1px;
    font-size: 14px;
    line-height: 1
}

#activity-post-video-uploader #dropzone-video-preview,
#boss-video-create-album-popup #dropzone-video-preview,
#bp-group-messages-post-video-uploader #dropzone-video-preview,
#bp-video-dropzone-content #dropzone-video-preview,
#forums-post-video-uploader #dropzone-video-preview,
#messages-post-video-uploader #dropzone-video-preview,
#video-uploader.dropzone #dropzone-video-preview,
.ac-reply-content .ac-reply-attachments .dropzone.video #dropzone-video-preview {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: fill
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#video-uploader.dropzone .dz-preview.dz-file-preview .dz-details,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview .dz-details {
    min-height: 165px
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details .dz-size,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details .dz-size,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-size,
#video-uploader.dropzone .dz-preview.dz-file-preview .dz-details .dz-size,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview .dz-details .dz-size {
    display: none !important
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename>span,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details .dz-filename>span,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename>span,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details .dz-filename>span,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename>span,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details .dz-filename>span,
#video-uploader.dropzone .dz-preview.dz-file-preview .dz-details .dz-filename>span,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview .dz-details .dz-filename>span {
    max-width: 70%;
    margin: auto
}

#activity-post-video-uploader .dz-success-mark,
#boss-video-create-album-popup .dz-success-mark,
#bp-group-messages-post-video-uploader .dz-success-mark,
#bp-video-dropzone-content .dz-success-mark,
#forums-post-video-uploader .dz-success-mark,
#messages-post-video-uploader .dz-success-mark,
#video-uploader.dropzone .dz-success-mark,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-success-mark {
    top: 70%;
    left: -5px
}

#activity-post-video-uploader .dz-preview.dz-file-preview,
#boss-video-create-album-popup .dz-preview.dz-file-preview,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview,
#bp-video-dropzone-content .dz-preview.dz-file-preview,
#forums-post-video-uploader .dz-preview.dz-file-preview,
#messages-post-video-uploader .dz-preview.dz-file-preview,
#video-uploader.dropzone .dz-preview.dz-file-preview,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview {
    width: 260px;
    min-height: 165px
}

#activity-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#boss-video-create-album-popup .dz-preview.dz-file-preview .dz-details,
#bp-group-messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#bp-video-dropzone-content .dz-preview.dz-file-preview .dz-details,
#forums-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#messages-post-video-uploader .dz-preview.dz-file-preview .dz-details,
#video-uploader.dropzone .dz-preview.dz-file-preview .dz-details,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview .dz-details {
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1
}

#activity-post-video-uploader .dz-video-thumbnail,
#boss-video-create-album-popup .dz-video-thumbnail,
#bp-group-messages-post-video-uploader .dz-video-thumbnail,
#bp-video-dropzone-content .dz-video-thumbnail,
#forums-post-video-uploader .dz-video-thumbnail,
#messages-post-video-uploader .dz-video-thumbnail,
#video-uploader.dropzone .dz-video-thumbnail,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-video-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 4px;
    overflow: hidden
}

#activity-post-video-uploader .dz-video-thumbnail img,
#boss-video-create-album-popup .dz-video-thumbnail img,
#bp-group-messages-post-video-uploader .dz-video-thumbnail img,
#bp-video-dropzone-content .dz-video-thumbnail img,
#forums-post-video-uploader .dz-video-thumbnail img,
#messages-post-video-uploader .dz-video-thumbnail img,
#video-uploader.dropzone .dz-video-thumbnail img,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-video-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

#activity-post-video-uploader .dz-success-mark,
#boss-video-create-album-popup .dz-success-mark,
#bp-group-messages-post-video-uploader .dz-success-mark,
#bp-video-dropzone-content .dz-success-mark,
#forums-post-video-uploader .dz-success-mark,
#messages-post-video-uploader .dz-success-mark,
#video-uploader.dropzone .dz-success-mark,
.ac-reply-content .ac-reply-attachments .dropzone.video .dz-success-mark {
    display: none
}

#activity-post-video-uploader.dz-started .dz-default.dz-message,
#boss-video-create-album-popup.dz-started .dz-default.dz-message,
#bp-group-messages-post-video-uploader.dz-started .dz-default.dz-message,
#bp-video-dropzone-content.dz-started .dz-default.dz-message,
#forums-post-video-uploader.dz-started .dz-default.dz-message,
#messages-post-video-uploader.dz-started .dz-default.dz-message,
#video-uploader.dropzone.dz-started .dz-default.dz-message,
.ac-reply-content .ac-reply-attachments .dropzone.video.dz-started .dz-default.dz-message {
    max-width: 260px !important;
    width: 260px;
    min-height: 165px !important
}

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

    #activity-post-video-uploader .dz-preview.dz-file-preview,
    #boss-video-create-album-popup .dz-preview.dz-file-preview,
    #bp-group-messages-post-video-uploader .dz-preview.dz-file-preview,
    #bp-video-dropzone-content .dz-preview.dz-file-preview,
    #forums-post-video-uploader .dz-preview.dz-file-preview,
    #messages-post-video-uploader .dz-preview.dz-file-preview,
    #video-uploader.dropzone .dz-preview.dz-file-preview,
    .ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview {
        width: calc(50% - 11.5px);
        margin: 0 5px 10px
    }

    #activity-post-video-uploader .dz-preview.dz-file-preview:last-child,
    #boss-video-create-album-popup .dz-preview.dz-file-preview:last-child,
    #bp-group-messages-post-video-uploader .dz-preview.dz-file-preview:last-child,
    #bp-video-dropzone-content .dz-preview.dz-file-preview:last-child,
    #forums-post-video-uploader .dz-preview.dz-file-preview:last-child,
    #messages-post-video-uploader .dz-preview.dz-file-preview:last-child,
    #video-uploader.dropzone .dz-preview.dz-file-preview:last-child,
    .ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview:last-child {
        margin-right: 0
    }

    #activity-post-video-uploader.dz-started .dz-default.dz-message,
    #boss-video-create-album-popup.dz-started .dz-default.dz-message,
    #bp-group-messages-post-video-uploader.dz-started .dz-default.dz-message,
    #bp-video-dropzone-content.dz-started .dz-default.dz-message,
    #forums-post-video-uploader.dz-started .dz-default.dz-message,
    #messages-post-video-uploader.dz-started .dz-default.dz-message,
    #video-uploader.dropzone.dz-started .dz-default.dz-message,
    .ac-reply-content .ac-reply-attachments .dropzone.video.dz-started .dz-default.dz-message {
        width: calc(50% - 11.5px);
        max-width: calc(50% - 11.5px) !important
    }
}

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

    #activity-post-video-uploader .dz-default.dz-message,
    #boss-video-create-album-popup .dz-default.dz-message,
    #bp-group-messages-post-video-uploader .dz-default.dz-message,
    #bp-video-dropzone-content .dz-default.dz-message,
    #forums-post-video-uploader .dz-default.dz-message,
    #messages-post-video-uploader .dz-default.dz-message,
    #video-uploader.dropzone .dz-default.dz-message,
    .ac-reply-content .ac-reply-attachments .dropzone.video .dz-default.dz-message {
        min-height: 18vh
    }
}

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

    #activity-post-video-uploader .dz-preview.dz-file-preview,
    #boss-video-create-album-popup .dz-preview.dz-file-preview,
    #bp-group-messages-post-video-uploader .dz-preview.dz-file-preview,
    #bp-video-dropzone-content .dz-preview.dz-file-preview,
    #forums-post-video-uploader .dz-preview.dz-file-preview,
    #messages-post-video-uploader .dz-preview.dz-file-preview,
    #video-uploader.dropzone .dz-preview.dz-file-preview,
    .ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview {
        width: calc(100% - 10px);
        margin: 0 5px 10px
    }

    #activity-post-video-uploader.dz-started .dz-default.dz-message,
    #boss-video-create-album-popup.dz-started .dz-default.dz-message,
    #bp-group-messages-post-video-uploader.dz-started .dz-default.dz-message,
    #bp-video-dropzone-content.dz-started .dz-default.dz-message,
    #forums-post-video-uploader.dz-started .dz-default.dz-message,
    #messages-post-video-uploader.dz-started .dz-default.dz-message,
    #video-uploader.dropzone.dz-started .dz-default.dz-message,
    .ac-reply-content .ac-reply-attachments .dropzone.video.dz-started .dz-default.dz-message {
        width: calc(100% - 10px);
        max-width: calc(100% - 10px) !important
    }
}

body>.open-popup.video-error-popup {
    position: relative;
    z-index: 999999
}

.ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview {
    width: 260px;
    height: 165px
}

@media screen and (max-width:768px) {
    .ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview {
        width: calc(50% - 11.5px);
        margin: 0 5px 10px
    }

    .ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:480px) {
    .ac-reply-content .ac-reply-attachments .dropzone.video .dz-preview.dz-file-preview {
        width: calc(100% - 10px);
        margin: 0 5px 10px
    }
}

@media screen and (max-width:480px) {
    .bp-video-move-file .bb-model-footer .bp-video-open-create-popup-album {
        width: 100%;
        text-align: left;
        margin-bottom: 15px
    }
}

@keyframes faded {
    0% {
        transform: translateX(-300px)
    }

    100% {
        transform: translateX(0)
    }
}

.dropzone,
.dropzone * {
    box-sizing: border-box
}

.dropzone {
    border: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap
}

.dropzone .dz-message {
    margin-top: 0;
    margin-bottom: 0
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dz-default.dz-message {
    flex: 0 0 100%;
    min-width: 0
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-preview {
    position: relative;
    margin: 0 4px 10px
}

.dz-image {
    border-radius: 4px;
    overflow: hidden
}

.dz-image img {
    display: block
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    padding-top: 0;
    display: block;
    background: #f0f3f7
}

.dropzone .dz-preview.dz-file-preview .dz-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: auto;
    min-width: 100%;
    object-fit: cover
}

.dropzone .dz-remove {
    font-size: 0;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    color: #c3c6c9;
    z-index: 101;
    overflow: hidden
}

.dropzone .dz-remove:after {
    content: "\e828";
    position: absolute;
    top: 0;
    left: 0;
    font-family: bb-icons;
    font-size: 17px;
    line-height: 1;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.dropzone .dz-remove {
    color: #9ea8b3;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    background: #f8f8f8
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -.24px;
    font-weight: 300;
    margin-top: 8px
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    -moz-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    -ms-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    -o-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    -moz-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    -ms-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    -o-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    margin-left: auto;
    margin-top: auto;
    width: 100%;
    top: 45%;
    left: 0;
    text-align: center
}

.dropzone .dz-preview .dz-error-mark {
    font-size: 30px;
    top: 38%
}

.dz-error-mark svg,
.dz-success-mark svg {
    max-width: 20px;
    height: auto;
    margin: -10px 0 0 10px
}

.dz-success-mark svg path {
    fill: #1cd991
}

.dz-error-mark svg path {
    fill: #ef3e46
}

.dz-error-mark i {
    color: #ef3e46
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 100;
    pointer-events: none;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    width: 80%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
    line-height: 1.35
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 100;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border-radius: 4px;
    top: 75%;
    left: 10px;
    right: 10px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 7px 10px;
    font-size: 12px;
    color: #fff;
    word-wrap: break-word
}

.dropzone .dz-preview .dz-error-message:after {
    content: " ";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

.vue-dropzone .dz-preview .dz-details .dz-filename {
    overflow: hidden
}

.vue-dropzone .dz-preview .dz-details .dz-filename span,
.vue-dropzone .dz-preview .dz-details .dz-size span {
    background-color: transparent
}

.vue-dropzone .dz-preview .dz-progress .dz-upload {
    background: #007cff
}

.vue-dropzone .dz-preview .dz-error-message {
    top: 24px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 96%;
    font-size: 10px;
    line-height: 1.3
}

.vue-dropzone .dz-preview .dz-error-message:after {
    bottom: -6px;
    top: initial;
    border-top: 6px solid #a92222;
    border-bottom: none
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone .dz-default {
    border: 4px dashed #bbb;
    min-height: 20vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #767676;
    font-size: 110%;
    margin: 5px 0;
    text-align: center
}

.dropzone .dz-default button {
    background-color: transparent;
    border: 0;
    color: #767676;
    font-size: 110%
}

.dz-details {
    display: none
}

.dropzone.dz-started {
    margin: 0 -5px 20px
}

.dropzone.dz-started .dz-default.dz-message {
    display: flex;
    order: 2;
    min-height: 1px;
    max-width: 120px;
    height: 120px;
    font-size: 12px;
    text-align: center;
    line-height: 1.3;
    margin: 0 0 10px
}

.dropzone.dz-started .dz-default.dz-message .dz-button {
    background-size: 35px !important;
    font-size: 12px !important;
    padding: 40px 5px 0 !important
}

.dropzone.dz-max-files-reached .dz-default.dz-message {
    display: none
}

.dropzone .dz-preview.dz-complete .dz-progress-ring-wrap {
    display: none
}

.dropzone .dz-preview .dz-image img {
    width: 160px
}

.dropzone .dz-preview .dz-progress-ring-wrap {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    height: 60px;
    width: 60px
}

.dropzone .dz-preview .dz-progress-ring-wrap .dz-progress-ring {
    position: absolute;
    top: -1px;
    left: -1px;
    transition: .35s stroke-dashoffset;
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.dropzone .dz-preview .dz-progress-ring-wrap .dz-progress-ring circle {
    stroke: #5087e5;
    transition: all ease .3s
}

.dropzone .dz-preview .dz-progress-ring-wrap .bb-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 11;
    font-size: 18px
}

#bp-group-messages-post-document-uploader.dropzone .dz-preview .dz-progress-ring-wrap,
#forums-post-document-uploader.dropzone .dz-preview .dz-progress-ring-wrap,
#messages-post-document-uploader.dropzone .dz-preview .dz-progress-ring-wrap,
.activity-document-container .dropzone .dz-preview .dz-progress-ring-wrap,
.bp-media-document-uploader .dropzone .dz-preview .dz-progress-ring-wrap,
.dropzone.document .dz-preview .dz-progress-ring-wrap {
    background-color: rgba(0, 0, 0, .3)
}

#bp-group-messages-post-document-uploader.dropzone .dz-preview.dz-complete .dz-details .dz-filename,
#forums-post-document-uploader.dropzone .dz-preview.dz-complete .dz-details .dz-filename,
#messages-post-document-uploader.dropzone .dz-preview.dz-complete .dz-details .dz-filename,
.activity-document-container .dropzone .dz-preview.dz-complete .dz-details .dz-filename,
.bp-media-document-uploader .dropzone .dz-preview.dz-complete .dz-details .dz-filename,
.dropzone.document .dz-preview.dz-complete .dz-details .dz-filename {
    position: static;
    padding-right: 0;
    margin-top: 30px
}

#bp-group-messages-post-document-uploader.dropzone .dz-preview.dz-complete .dz-details .dz-size,
#forums-post-document-uploader.dropzone .dz-preview.dz-complete .dz-details .dz-size,
#messages-post-document-uploader.dropzone .dz-preview.dz-complete .dz-details .dz-size,
.activity-document-container .dropzone .dz-preview.dz-complete .dz-details .dz-size,
.bp-media-document-uploader .dropzone .dz-preview.dz-complete .dz-details .dz-size,
.dropzone.document .dz-preview.dz-complete .dz-details .dz-size {
    display: block
}

#bp-group-messages-post-document-uploader.dropzone .dz-preview .dz-details .dz-filename,
#forums-post-document-uploader.dropzone .dz-preview .dz-details .dz-filename,
#messages-post-document-uploader.dropzone .dz-preview .dz-details .dz-filename,
.activity-document-container .dropzone .dz-preview .dz-details .dz-filename,
.bp-media-document-uploader .dropzone .dz-preview .dz-details .dz-filename,
.dropzone.document .dz-preview .dz-details .dz-filename {
    position: absolute;
    bottom: 12px;
    left: 10px;
    right: 0;
    padding-right: 20px
}

#bp-group-messages-post-document-uploader.dropzone .dz-preview .dz-details .dz-size,
#forums-post-document-uploader.dropzone .dz-preview .dz-details .dz-size,
#messages-post-document-uploader.dropzone .dz-preview .dz-details .dz-size,
.activity-document-container .dropzone .dz-preview .dz-details .dz-size,
.bp-media-document-uploader .dropzone .dz-preview .dz-details .dz-size,
.dropzone.document .dz-preview .dz-details .dz-size {
    display: none
}

@media screen and (max-width:420px) {
    div.dropzone .dz-preview {
        min-width: 142px
    }

    div.dropzone .dz-preview .dz-image {
        height: 142px
    }

    div.dropzone .dz-preview .dz-image img {
        width: 142px
    }

    div.dropzone.dz-started .dz-default.dz-message {
        max-width: 142px !important;
        min-height: 142px !important
    }
}

#group-messages-container {
    background: #fff;
    border: 1px solid #e7e9ec;
    border-radius: 4px;
    display: flex;
    flex-flow: row wrap
}

#group-messages-container .bp-navs.group-subnav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 1px;
    border: 0;
    padding: 0 20px;
    border-radius: 4px 4px 0 0;
    background: #fff;
    border-bottom: 1px solid #e7e9ec;
    margin-bottom: 0
}

#group-messages-container .bp-navs.group-subnav li {
    float: left;
    margin-right: 30px;
    padding-right: 0
}

#group-messages-container .bp-navs.group-subnav li a {
    background: 0 0;
    border: 0;
    font-size: 14px;
    color: #939597;
    letter-spacing: -.24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 1px;
    padding: 16px 0
}

#group-messages-container .bp-navs.group-subnav li.selected {
    background: 0 0;
    border-bottom: 1px solid #007cff;
    margin-bottom: -1px
}

#group-messages-container .bp-navs.group-subnav li.selected a {
    font-weight: 500
}

@media screen and (max-width:540px) {
    #group-messages-container .bp-navs.group-subnav {
        padding: 0 8px
    }

    #group-messages-container .bp-navs.group-subnav li {
        margin-right: 10px
    }

    #group-messages-container .bb-groups-messages-right .bb-title-wrap {
        flex-flow: column;
        align-items: flex-start
    }

    #group-messages-container .bb-groups-messages-right .bb-title-wrap .add-more-members {
        display: flex;
        align-items: center;
        margin-top: 15px
    }

    #group-messages-container .bb-groups-messages-right #whats-new-toolbar {
        display: block
    }

    #group-messages-container .bb-groups-messages-right #whats-new-toolbar .post-elements-buttons-item {
        display: inline-block
    }

    #group-messages-container .bb-groups-messages-right #whats-new-toolbar #group-messages-new-submit {
        margin-top: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #group-messages-container .bb-groups-messages-right #whats-new-toolbar #group-messages-new-submit .group-messages-type {
        margin-bottom: 10px
    }

    #group-messages-container .bb-groups-messages-right #whats-new-toolbar div.medium-editor-toolbar {
        bottom: 65px
    }

    #group-messages-container .bb-groups-messages-right #whats-new-toolbar div.medium-editor-toolbar.active {
        bottom: 91px
    }

    .group-messages.public-message #group-messages-container .bb-groups-messages-right #whats-new-toolbar div.medium-editor-toolbar {
        bottom: 65px
    }

    .group-messages.public-message #group-messages-container .bb-groups-messages-right #whats-new-toolbar div.medium-editor-toolbar.active {
        bottom: 47px
    }

    #group-messages-container .bb-groups-messages-right #whats-new-toolbar.media-off .medium-editor-toolbar {
        bottom: 90px
    }
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container {
    display: flex;
    flex-flow: column;
    justify-content: stretch;
    align-items: stretch
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container #subnav.bp-navs.group-subnav .subnav {
    border-bottom: 0 !important
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container #subnav.bp-navs.group-subnav .subnav li {
    padding-right: 0
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container #subnav.bp-navs.group-subnav .subnav li a {
    padding: 16px 0
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-right {
    display: flex;
    align-items: stretch;
    justify-content: stretch
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-right>#send_group_message_form {
    width: 100%;
    height: auto
}

.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container {
    flex-flow: row wrap
}

.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-left,
.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top {
    min-height: 50vh
}

.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #whats-new-toolbar #group-messages-new-submit .group-messages-type {
    width: 45%
}

.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #subnav {
    height: 47px
}

@media screen and (max-width:1080px) {
    .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-left {
        min-height: auto
    }

    .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-right {
        min-height: 50vh
    }

    .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #subnav {
        height: auto
    }
}

@media screen and (max-width:540px) {
    .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #subnav {
        height: auto
    }

    .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #whats-new-toolbar #group-messages-new-submit .group-messages-type {
        width: auto
    }
}

.bb-groups-messages-right {
    flex: 1;
    min-width: 0;
    position: relative
}

.bb-groups-messages-right.full_width {
    flex: auto
}

.bb-groups-messages-right .medium-editor-element:not(.emojionearea),
.bb-groups-messages-right .medium-editor-placeholder:not(.emojionearea) {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 15px
}

.bb-groups-messages-left {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    min-width: 0
}

@media screen and (max-width:46.8em) {
    .bb-groups-messages-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 0
    }
}

.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap:after,
.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap:before {
    display: none
}

.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap.is_disbaled:before {
    display: block
}

.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap.is_disbaled:after {
    display: block;
    width: 200px;
    white-space: normal
}

@media screen and (max-width:360px) {
    .bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap.is_disbaled:after {
        width: 160px
    }
}

.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap.is_disbaled .bp-group-message-label {
    cursor: pointer
}

.bp-vertical-navs .bb-groups-messages-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px
}

.bb-panel-head {
    border-bottom: 1px solid #e7e9ec;
    padding: 15px 20px;
    position: relative
}

.bb-panel-subhead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 0
}

#item-body .total-members-text {
    line-height: 1;
    margin: 0
}

.bp-group-message-wrap {
    margin: 0 0 0 auto;
    line-height: 1
}

.bp-group-message-label {
    font-size: 13px;
    margin: 0
}

#bp-group-message-content p {
    margin-bottom: 1rem
}

.group-messages-members-listing {
    padding: 0 20px 20px
}

#buddypress .group-messages-members-listing ul.item-list {
    margin-bottom: 0
}

.bb-panel-footer {
    display: none;
    border-top: 1px solid #e7e9ec;
    padding: 10px 20px;
    text-align: right
}

.group-messages-members-listing #members-list {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 -20px;
    padding: 0 20px;
    width: auto
}

#group-messages-container .bb-groups-messages-left .group-messages-search {
    padding: 20px 0
}

#item-body #group-messages-container .bb-groups-messages-left .group-messages-members-listing .item-list li.selected {
    background: #f5f5f5
}

#group-messages-container .bb-groups-messages-right .bp-messages-feedback-hide {
    display: none
}

#send_group_message_form .select2-selection--multiple {
    border-color: transparent;
    padding: 0
}

#send_group_message_form .select2-selection__rendered {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 0
}

#send_group_message_form .select2-search.select2-search--inline {
    flex: 1;
    min-width: 0
}

#send_group_message_form .select2-selection__rendered li {
    margin: 0
}

#buddypress #send_group_message_form .select2-search__field {
    background: 0 0;
    border-width: 0;
    min-width: 100%;
    width: 100% !important;
    padding-left: 0;
    height: 30px
}

#buddypress #send_group_message_form li:first-child .select2-search__field {
    height: 40px
}

body.groups.messages .select2-dropdown .select2-results__option {
    border-radius: 3px;
    margin-bottom: 0;
    font-size: 14px;
    padding: 2px 5px
}

body.groups.messages li.select2-results__option.select2-results__message {
    border-radius: 3px;
    margin-bottom: 0;
    font-size: 14px;
    padding: 2px 5px
}

body.groups.messages span.select2-dropdown.select2-dropdown--below {
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    margin-right: 0;
    max-width: 300px;
    display: none
}

.bb-groups-messages-right-top {
    padding: 20px
}

.bb-groups-messages-right-bottom {
    border-top: 1px solid #e7e9ec;
    height: 100%
}

.bp-select-members-wrap {
    min-height: 45px
}

body.groups.messages #send_group_message_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #4d5c6d;
    border-color: #4d5c6d;
    font-size: 14px;
    color: #fff;
    letter-spacing: -.24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    padding: 0 8px
}

#send_group_message_form .select2-selection__choice__remove {
    color: #333;
    margin-left: 7px;
    background: #fff;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: 16px;
    justify-content: center
}

#send_group_message_form .select2-selection--multiple {
    border-color: transparent;
    padding: 0
}

#send_group_message_form .select2-selection__rendered {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 0
}

#send_group_message_form .select2-search.select2-search--inline {
    flex: 1;
    min-width: 0
}

#send_group_message_form .select2-selection__rendered li {
    margin: 0
}

#send_group_message_form li.select2-selection__choice {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px
}

#send_group_message_form #group-messages-toolbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

#send_group_message_form #group-messages-toolbar .post-elements-buttons-item {
    margin-right: 10px;
    position: relative
}

div#bp-group-message-content {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-flow: column
}

div#bp-group-message-content #whats-new-attachments {
    margin-bottom: 10px
}

#group-messages-container .bb-groups-messages-left .bp-messages-feedback-hide {
    display: none
}

#group-messages-container .item-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 5px 0;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    width: 100%
}

#group-messages-container .bb-groups-messages-left .list-title {
    color: #393e41;
    font-size: 15px;
    margin: 0 auto;
    width: 100%
}

#group-messages-container .bb-groups-messages-left .list-title>a {
    font-size: 15px;
    font-weight: 400
}

#group-messages-container .bb-groups-messages-left .action button {
    height: auto;
    min-height: 10px;
    padding: 0;
    min-width: 40px;
    border: 0;
    color: inherit;
    background: 0 0;
    box-shadow: none
}

#group-messages-container .bb-groups-messages-left .last {
    text-align: center;
    float: right
}

#group-messages-container .bb-groups-messages-left .bp-group-messages-filters .button.group-message-button {
    background-color: transparent;
    border: 0;
    padding-left: 5px;
    padding-right: 5px
}

#group-messages-container .bb-groups-messages-left #group-group-messages-container .button.group-message-button {
    min-height: 34px;
    padding: 5px 16px
}

#group-messages-container .bb-groups-messages-left .button.group-message-button {
    min-height: 26px;
    padding: 0;
    background: 0 0;
    border: 0
}

span.icons:before {
    font-family: dashicons
}

#bp-message-thread-list.group-message-thread .bp-single-message-wrap {
    padding-left: 12px;
    padding-right: 12px
}

#bp-message-thread-list.group-message-thread .bp-single-message-wrap.group-messages-highlight {
    background: #fffced;
    padding: 12px 11px;
    border: 1px solid #f9efca;
    border-radius: 5px
}

#group-messages-container .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: transparent !important;
    cursor: default
}

#group-messages-container div#group-messages-new-submit {
    margin-left: auto;
    display: flex
}

#group-messages-container div#group-messages-new-submit #send_group_message_button.loading:after {
    content: "\e838";
    font-family: bb-icons;
    font-size: 18px;
    line-height: 1;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear;
    vertical-align: middle
}

#group-messages-container #whats-new-toolbar {
    display: block
}

#group-messages-container #whats-new-toolbar .post-elements-buttons-item {
    display: inline-block;
    margin-right: 6px
}

#group-messages-container #whats-new-toolbar #group-messages-new-submit {
    border-top: 1px solid #ebe9e6;
    padding: 10px 20px 0;
    margin: 10px -20px -10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#group-messages-container #whats-new-toolbar #group-messages-new-submit .group-messages-type {
    width: auto
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar {
    top: inherit;
    bottom: 45px;
    left: 26px;
    visibility: hidden;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
    transition: all ease .3s;
    height: 0;
    right: 0;
    overflow: hidden;
    border-radius: 0
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar.active {
    border-radius: 0;
    z-index: 112;
    opacity: 1;
    visibility: visible;
    bottom: 42px;
    height: 40px;
    right: -20px
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions {
    background-color: transparent;
    height: auto;
    padding: 0
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button {
    box-shadow: none;
    padding: 10px 10px 10px 0;
    min-width: 30px;
    border: 0;
    background-color: transparent !important;
    color: rgba(18, 43, 70, .4) !important
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
    color: #122b46 !important;
    background: none transparent !important
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close {
    padding-right: 0
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
    width: 220px
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar {
    visibility: visible;
    height: 44px;
    left: -15px;
    opacity: 1;
    bottom: 35px
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions {
    opacity: .4
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions li {
    pointer-events: none
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions {
    opacity: 1
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li {
    pointer-events: auto
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-form.medium-editor-toolbar-form-active {
    position: absolute;
    box-shadow: none;
    bottom: -6px
}

#group-messages-container select.group-messages-type {
    margin-right: 10px
}

#group-messages-container form#send_group_message_form {
    margin-bottom: 0;
    height: 100%;
    display: flex;
    flex-flow: column
}

#group-messages-container .bb-groups-messages-right>.bp-feedback {
    margin: 20px
}

.bp-single-message-content .bp-message-content-wrap p.joined {
    color: #847d7d;
    font-style: italic;
    font-weight: 500
}

.total-members-text:empty {
    display: none
}

#group-messages-container .group-messages-members-listing .total-members-text {
    color: #939597;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 20px
}

#group-messages-container .load-more .center {
    width: 100%;
    text-align: center
}

.bb-group-message-info {
    font-size: 12px;
    font-style: italic;
    color: #939597;
    letter-spacing: -.21px;
    line-height: 1;
    margin-top: 6px
}

#buddypress .bb-group-message-info a {
    text-decoration: underline
}

#group-messages-container .bp-message-dropdown-options-hide {
    display: none
}

.bp-group-message-switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 20px;
    margin: 0
}

.bp-group-message-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.bp-group-message-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.bp-group-message-slider:before {
    position: absolute;
    content: " ";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.bb-groups-messages-left-inner input:checked+.bp-group-message-slider {
    background-color: #007cff
}

.bb-groups-messages-left-inner .input:focus+.bp-group-message-slider {
    box-shadow: 0 0 1px #007cff
}

.bb-groups-messages-left-inner input:checked+.bp-group-message-slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}

.bb-groups-messages-right .bb-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.message-lists .group-thread .thread-avatar {
    position: relative
}

.message-lists .group-thread .thread-avatar:before {
    content: "\f307";
    font-family: dashicons;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 18px;
    height: 18px;
    font-size: 14px;
    position: absolute;
    background: #fff;
    color: #939597;
    border-radius: 50%;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    right: -6px;
    top: 2px
}

.message-lists .thread-avatar {
    position: relative
}

.message-lists .thread-avatar .recipients-count {
    position: absolute;
    top: 2px;
    right: -5px;
    background: #fff;
    color: #939597;
    border-radius: 50%;
    border: 1px solid;
    font-size: 11px;
    line-height: normal;
    min-width: 19px;
    padding: 2px;
    text-align: center
}

.message-lists .thread-item {
    position: relative
}

.message-lists .thread-item .close-conversation {
    color: #939597;
    position: absolute;
    right: 22px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s
}

.message-lists .thread-item:hover .close-conversation {
    opacity: 1;
    visibility: visible
}

.bp-group-message-slider.bp-group-message-round {
    border-radius: 34px
}

.bp-group-message-slider.bp-group-message-round:before {
    border-radius: 50%
}

.hr-text {
    line-height: 1;
    position: relative;
    outline: 0;
    border: 0;
    color: #000;
    text-align: center;
    height: 1.5em;
    opacity: .5;
    width: 100%;
    background: 0 0;
    margin: 0
}

.hr-text:before {
    content: "";
    background: #818078;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: .5em;
    line-height: 1.5;
    color: #818078;
    background-color: #fff
}

#group-messages-container .bb-groups-messages-right .group-messages-compose {
    font-size: 0;
    display: none;
    line-height: 0
}

#group-messages-container .bb-groups-messages-right .group-messages-compose:after {
    content: "\f465";
    font-size: 20px;
    font-family: dashicons;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.group-messages.public-message .bb-groups-messages-right {
    flex: auto
}

.group-messages.public-message .bb-groups-messages-right .bp-select-members-wrap .group-messages-helper-text {
    min-width: 70px;
    color: #c3c6c9;
    float: left;
    margin-top: 6px
}

.group-messages.public-message .bb-groups-messages-right .bp-select-members-wrap .select2.select2-container {
    float: left;
    width: calc(100% - 100px) !important
}

.group-messages.public-message .bb-groups-messages-right .bp-select-members-wrap .select2.select2-container .select2-selection__choice .select2-selection__choice__remove {
    display: none !important
}

.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top {
    border-bottom: 1px solid #e7e9ec
}

.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap {
    padding: 0;
    border: 0
}

.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .bb-title,
.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .group-messages-compose {
    display: none
}

.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-bottom {
    border: 0
}

.group-messages.public-message .bb-groups-messages-right div#bp-group-message-content {
    min-height: 50vh
}

.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top {
    padding-bottom: 20px
}

.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top .group-messages-helper-text {
    display: none
}

.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap {
    padding: 20px 20px 0
}

.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap .bb-title,
.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap .group-messages-compose {
    display: block
}

@media screen and (max-width:540px) {
    .group-messages.public-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap {
        flex-flow: row
    }
}

.group-messages.private-message #group-messages-container .bb-groups-messages-private-full {
    padding: 10px 20px 10px 20px;
    width: 100%
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled .action>span i {
    font-size: 25px;
    opacity: .25
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled>.action,
.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled>.item,
.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled>.item-avatar {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled.can-not-grp-msg>.action {
    pointer-events: auto;
    opacity: 1
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li .invite-button {
    background: 0 0
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li .invite-button .icons {
    opacity: 1;
    visibility: visible;
    height: 24px;
    width: 24px;
    border: 2px solid #b8c1ca;
    display: inline-block;
    border-radius: 100%
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li .invite-button .icons:before {
    display: none
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li div.action span i {
    font-size: 26px
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.selected .invite-button .icons {
    border: 0
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.selected .invite-button .icons:before {
    content: "\e876";
    font-size: 15px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    display: inline-block;
    border-radius: 100%;
    background-color: #5087e5;
    color: #fff
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bp-select-members-wrap .group-messages-helper-text {
    min-width: 70px;
    color: #c3c6c9;
    float: left;
    margin-top: 6px
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bp-select-members-wrap .select2.select2-container {
    float: left;
    width: calc(100% - 100px) !important
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top {
    border-bottom: 1px solid #e7e9ec
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap {
    padding: 0;
    border: 0
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .add-more-members,
.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .bb-title,
.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .group-messages-compose {
    display: none
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom {
    border-top: 0
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content {
    padding-top: 10px
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top {
    padding-bottom: 20px
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .group-messages-helper-text {
    display: none
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap {
    flex-flow: row;
    padding: 20px 20px 0
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap .bb-title {
    display: block
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap .add-more-members {
    display: none !important
}

@media screen and (max-width:540px) {
    .group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap {
        padding: 0 20px
    }

    .group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .add-more-members {
        display: block
    }
}

@media screen and (min-width:1081px) {
    .bb-groups-messages-left {
        border-right: 1px solid #e7e9ec
    }

    .add-more-members {
        display: none
    }
}

@media screen and (max-width:1080px) {
    .bb-groups-messages-left:not(.bb-select-member-view) .bb-panel-head {
        display: none
    }

    .groups.messages.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap {
        padding: 20px !important;
        margin-bottom: 0
    }

    .groups.messages.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .add-more-members {
        display: block
    }

    .bb-groups-messages-left,
    .bb-groups-messages-right {
        flex: 0 0 100%;
        border-right: 0
    }

    .group-messages-members-listing #members-list {
        max-height: 25vh
    }

    .bb-panel-footer,
    .group-messages-members-listing,
    .group-messages-search {
        display: none
    }

    .bb-groups-messages-left.bb-select-member-view {
        position: fixed;
        background: rgba(0, 0, 0, .69);
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999999;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

    .bb-groups-messages-left.bb-select-member-view .bb-groups-messages-left-inner {
        background: #fff;
        border-radius: 5px;
        width: 90%;
        max-width: 500px;
        overflow: hidden
    }

    .bb-groups-messages-left.bb-select-member-view .bb-panel-footer,
    .bb-groups-messages-left.bb-select-member-view .group-messages-members-listing,
    .bb-groups-messages-left.bb-select-member-view .group-messages-search {
        display: block
    }

    .bb-groups-messages-left.bb-select-member-view .add-more-members,
    .bb-groups-messages-left.bb-select-member-view select.group-messages-select-members-dropdown {
        display: none
    }

    .bb-groups-messages-left.bb-select-member-view .group-messages-members-listing {
        padding-bottom: 0
    }

    .bb-groups-messages-left.bb-select-member-view .bb-panel-head {
        background: #fbfbfc
    }

    body #buddypress .group-messages-members-listing .bp-list .action {
        flex: 0 0 26px;
        margin-left: auto
    }

    .bb-groups-messages-right .medium-editor-element:not(.emojionearea),
    .bb-groups-messages-right .medium-editor-placeholder:not(.emojionearea) {
        min-height: 180px
    }
}

@media screen and (max-width:767px) {
    #group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button {
        padding: 10px 5px 10px 0
    }

    #group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
        padding-left: 5px !important
    }
}

@media screen and (max-width:560px) {
    #group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
        max-width: calc(100% - 90px);
        width: auto
    }
}

.bb-onscreen-notification-enable {
    position: relative
}

@media screen and (max-width:500px) {
    .bb-onscreen-notification-enable {
        display: none
    }

    .bb-onscreen-notification-enable.bb-onscreen-notification-enable-mobile-support {
        display: block
    }
}

.bb-onscreen-notification-enable .bb-onscreen-notification {
    position: fixed;
    bottom: 25px;
    right: 35px;
    max-width: 360px;
    width: 100%;
    z-index: 1099
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item {
    background: #fff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    margin: 12px 0;
    border: solid 1px #ebe9e6;
    border-radius: 5px;
    transition: all linear .2s;
    padding: 20px;
    z-index: 4;
    display: flex
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .bb-full-link {
    display: none
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item.recent-item {
    position: relative
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item.recent-item:before {
    content: " ";
    left: -1px;
    top: 0;
    height: 100%;
    width: 5px;
    background: #5087e5;
    position: absolute;
    border-radius: 5px 0 0 5px
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item:hover {
    background: #f7fafe
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar {
    margin-right: 22px;
    min-width: 53px;
    max-height: 53px
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar img {
    max-width: 53px
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar .bb-notification-members img {
    max-width: 40px;
    border: 2px solid #fff
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar .bb-notification-members img:nth-child(1) {
    transform: translate(0, 0)
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar .bb-notification-members img:nth-child(2) {
    transform: translate(14px, -25px)
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-content {
    align-self: center
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-content span {
    display: flex;
    flex-direction: column
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-content span.bb-full-link {
    display: none
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .actions {
    align-self: flex-start
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .actions a {
    height: 20px;
    line-height: 20px
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .actions a .dashicons {
    font-size: 20px
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list.bb-more-than-3 {
    margin-bottom: 32px;
    position: relative
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list.bb-more-than-3:after {
    content: " ";
    height: 20px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: 2;
    background: #fff
}

@media screen and (max-width:500px) {
    .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list.bb-more-than-3:after {
        display: none
    }
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list.bb-more-than-3 .read-item.bb-more-item {
    display: none
}

.bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close {
    background: #7e8b99;
    border-radius: 30px;
    padding: 4px 35px 4px 15px;
    color: #fff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    display: none;
    position: relative
}

.bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .dashicons {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%)
}

.bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .bb-for-mobile {
    display: none
}

@media screen and (max-width:500px) {
    .bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .bb-for-desktop {
        display: none
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .bb-for-mobile {
        display: inline-block;
        line-height: 1.3
    }
}

.bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-right {
    right: 35px;
    left: inherit
}

.bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-right .bb-remove-all-notification {
    justify-content: flex-end
}

.bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-left {
    right: inherit;
    left: 35px
}

.bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-left .bb-remove-all-notification {
    justify-content: flex-start
}

@media screen and (max-width:500px) {
    .bb-onscreen-notification-enable .bb-onscreen-notification {
        max-width: calc(100% - 30px);
        display: flex;
        justify-content: space-between;
        right: 15px
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-right {
        right: 15px
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-left {
        left: 15px
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 10px 0 0;
        flex: 0 0 calc(100% - 80px)
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item {
        margin: 0;
        padding: 12px;
        display: none
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item:first-child {
        display: flex
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar {
        margin-right: 10px
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close {
        border-radius: 5px;
        padding: 12px 10px;
        text-align: center;
        width: 70px
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .dashicons {
        display: none
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification.single-notification .notification-list {
        width: 100%;
        margin: 0;
        flex: 0 0 100%
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification.single-notification .bb-remove-all-notification {
        display: none
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification.active-button .notification-list {
        margin-bottom: 14px
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification.active-button .notification-list:before {
        content: " ";
        height: 20px;
        width: calc(100% - 80px);
        border-radius: 0 0 5px 5px;
        box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        background: #fff
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification.active-button .notification-list.bb-more-than-3:before {
        width: 100%;
        bottom: -14px
    }

    .bb-onscreen-notification-enable .bb-onscreen-notification.active-button .bb-remove-all-notification .action-close {
        display: flex !important
    }
}

#block-member .bb-model-header,
#content-report .bb-model-header,
#reported-content .bb-model-header {
    position: relative
}

#block-member .bb-model-header .mfp-close,
#content-report .bb-model-header .mfp-close,
#reported-content .bb-model-header .mfp-close {
    top: 50%;
    transform: translate(0, -50%)
}

#block-member .bb-model-header .mfp-close:hover,
#content-report .bb-model-header .mfp-close:hover,
#reported-content .bb-model-header .mfp-close:hover {
    box-shadow: none
}

#block-member .bb-model-header .mfp-close .bb-icon,
#content-report .bb-model-header .mfp-close .bb-icon,
#reported-content .bb-model-header .mfp-close .bb-icon {
    font-size: 24px;
    pointer-events: none
}