/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

a#shop-settings::before {
    content: '\e905' !important;
}

.message-setting {
    float: right;
	  opacity: 0;
}

.message-setting span {
    cursor: pointer;
}
.bp-single-message-wrap:hover .message-setting {
    opacity: 1;
}
.edit-message-box{width:90%;    border: 1px solid #c1b8b8;
    padding: 10px;
    background: #b4efd3;
    border-radius: 5px;}
#edit-messages-toolbar{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bp-messages-content #edit-messages-toolbar {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.bp-messages-content #edit-messages-toolbar {
    padding: 5px 15px 0 0;
    width: 100%;
}
#edit-messages-toolbar .medium-editor-toolbar {
    background: transparent;
    margin-left: 35px;
    color: #fff !important;
}
.bp-messages-content #edit-messages-toolbar .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 #edit-messages-toolbar .medium-editor-toolbar.active {
    display: block;
    border-radius: 0;
    z-index: 112;
    visibility: visible;
    bottom: -3px;
    height: 40px;
}


      .buddypress .buddypress-wrap .edit-messages-toolbar button,
       .buddypress .buddypress-wrap .edit-messages-toolbar input[type=button],
        .buddypress .buddypress-wrap .edit-messages-toolbar input[type=reset], 
        .buddypress .buddypress-wrap .edit-messages-toolbar input[type=submit],
         .buddypress .buddypress-wrap .edit-messages-toolbar ul.button-nav:not(.button-tabs) li a,
          .edit-messages-toolbar .button,
           .edit-messages-toolbar button, .edit-messages-toolbar input[type=button], .edit-messages-toolbarinput[type=submit] {
    font-family: inherit;
    font-size: 15px;
    color: #fff;
    background-color: #007cff;
    /* border-radius: 100px; */
    padding: 10px 20px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    line-height: 1.3;
    border: 1px solid transparent;
    outline: 0;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}
.please_wait2 {
    background: rgba(255, 255, 255, 0.8) url(ajax-loader.gif) no-repeat scroll center center;
    bottom: 0;
    float: left;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.edit-message{
    display: none;
}
.delete-message{ cursor:pointer;}
.left-metadata {
    width: 80%;
}

.right-metadata {
    display: inline;
    position: f;
    top: -39px;
}