.openerp .oe_mail, .openerp .oe_mail *{
    box-sizing: border-box;
}
.openerp .oe_mail {
    position: relative;
    width: 560px;
    margin: 16px;
}
.openerp .oe_mail .oe_thread{
    margin-left: 32px;
}
.openerp .oe_mail > .oe_thread{
    margin-left: 0px;
}

/* ---------------- MESSAGES ------------------ */

.openerp .oe_mail .oe_msg{
    position: relative;
    background: #f7f7f7;
    border-radius: 2px;
    border: solid 1px #ececec;
    margin-bottom: 4px;
    min-height: 75px;
}
.openerp .oe_mail .oe_msg .oe_msg_left{
    position: absolute;
    left:0; top: 0; bottom: 0; width: 40px;
    overflow: hidden;
}
.openerp .oe_mail .oe_msg .oe_msg_icon{
    width: 32px;
    margin: 4px;
    border-radius: 2px;
}
.openerp .oe_mail .oe_msg .oe_msg_center{
    position: relative;
    display: block;
    margin-left: 40px;
}
.openerp .oe_mail .oe_msg .oe_msg_right{
    float: right;
    background: yellow;
}
.openerp .oe_mail .oe_msg .oe_msg_footer{
    height: 32px;
    padding-left: 4px;
    overflow: hidden;
}
.openerp .oe_mail .oe_msg .oe_msg_content{
    display: block;
    overflow: hidden;
    padding: 4px;
}
.openerp .oe_mail .oe_msg .oe_msg_icons a{
    text-decoration: none;
    display: block;
    text-align: center;
}
.openerp .oe_mail .oe_msg .oe_msg_content textarea{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    resize: vertical;
}
.openerp .oe_mail .oe_msg.oe_msg_composer_compact, .openerp .oe_mail .oe_msg.oe_msg_expandable{
    padding:4px;
    min-height:0px;
}
.openerp .oe_mail .oe_msg.oe_msg_composer_compact textarea{
    height: 24px;
    width: 100%;
}

.openerp .oe_mail .oe_msg.oe_msg_unread .oe_unread{
    display:none;
}
.openerp .oe_mail .oe_msg.oe_msg_read .oe_read{
    display:none;
}