.bpmlab-msg-primary-button {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 2px;
    color: #83c736;
    text-align: center;
    vertical-align: middle;
    border: none;
    text-decoration: none;
}

.bpmlab-msg-secondary-button {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 2px;
    color: #dd2b24;
    text-align: center;
    vertical-align: middle;
    border: none;
    text-decoration: none;
}

.blinger_messages {
    background-color: #cbe2ff;
    margin-bottom: 5px;
    padding: 5px;
}

.blinger_dialog_hedder_div {
    margin-bottom: 5px;
    padding: 2px;
}


.blinger_dialog_hedder_div > h1 {
    overflow: hidden;
}
.blinger_dialog_hedder_div > h1,
.blinger_messages > span,
.blinger_conv_div > h1
{
	 overflow: hidden;
}

.blinger_messages > span
{
	 display: block;
}
   


.dialog_wraper_div {
    padding: 10px;
    max-height: 402px;
    height: 402px;
    background-color: #e7f1fc;
}

.conversation_div {
    overflow: scroll;
    max-height: 347px;
    height: 347px;
    overflow-x: hidden;
}

.conversation_div_list {
    overflow: scroll;
    max-height: 547px;
    height: 547px;
    overflow-x: hidden;
}

.inner_div {
    height: 547px;
}


.blinger_messages span {
    color: gray;
}

.blinger_messages div {
    padding: 5px;
}

.blinger_messages_in {
    margin-right: 20%;
}

    .blinger_messages_in span {
    }


.blinger_messages_out {
    margin-left: 20%;
}

    .blinger_messages_out span {
    }

.send_message_form {
    text-align: right;
}

    .send_message_form textarea {
    }

.blinger_conv_list {
    max-height: 80%;
    overflow: scroll;
}

.blinger_conv_div {
    cursor: pointer;
    margin-bottom: 5px;
    padding: 2px;
    border-radius: 5px;
}


    .blinger_conv_div:hover {
        background-color: #edf5ff;
    }

.blinger_conv_div_selected {
    background-color: #cbe2ff;
}

    .blinger_conv_div_selected:hover {
        background-color: #cbe2ff;
    }

.blinger_conv_right_div {
    float: right !important;
    margin-right: 10px;
    margin-top: 20px;
}

.blinger_conv_right_div_3 {
    float: right !important;
    margin-right: 2px;
    margin-top: 3px;
}

.blinger_conv_date_div {
    text-align: right;
}

.blinger_conv_oper_div {
    line-height: 23px;
}

.convspan {
    color: red;
    font-weight: bold;
}

.local_attach_button {
    width: 35px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    background-image: url("/modules/BPMLab.ELMA.Messengers.Web/Content/Images/attach_download.png");
}

.elma_attach_button {
    width: 35px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    background-image: url("/modules/BPMLab.ELMA.Messengers.Web/Content/Images/elma_attachement.png");
}

.elma_message_template_button {
    width: 35px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    background-image: url("/modules/BPMLab.ELMA.Messengers.Web/Content/Images/select_message_template.png");
}

.conversation_info_message {
    color: green;
    font-weight: bold;
    padding: 5px;
}

.unread_messages_count {
    border-radius: 10px;
    background-color: green;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.message_unreaded {
    background-color: #FFE9A4 !important;
}

.clear-search-box-bpm {
    display: inline-block;
}

.search-box-bpm:not(:valid) ~ .clear-search-box-bpm {
    visibility: hidden;
}

.app_image_icon_nick {
    width: 14px;
    vertical-align: text-top;
}

.app_image_icon_title {
    width: 25px;
    display: none;
    vertical-align: middle;
}

.maxwidth150px {
    max-width: 150px;
}

.width150px {
    width: 150px;
}

.msg-deliveri-sent {
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    margin-left: 3px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 18" width="18" height="18" role="img" xmlns="http://www.w3.org/2000/svg"><path fill="gray" d="M12.502 5.035l-.57-.444a.434.434 0 0 0-.609.076l-6.39 8.198a.38.38 0 0 1-.577.039l-2.614-2.556a.435.435 0 0 0-.614.007l-.505.516a.435.435 0 0 0 .007.614l3.887 3.8a.38.38 0 0 0 .577-.039l7.483-9.602a.435.435 0 0 0-.075-.609z"></path></svg>');
}

.msg-deliveri-delivered {
    background-size: 18px 15px;
    display: inline-block;
    width: 18px;
    height: 15px;
    content: "";
    margin-left: 3px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 18" width="18" height="18" role="img" xmlns="http://www.w3.org/2000/svg"><path fill="gray" d="M17.394 5.035l-.57-.444a.434.434 0 0 0-.609.076l-6.39 8.198a.38.38 0 0 1-.577.039l-.427-.388a.381.381 0 0 0-.578.038l-.451.576a.497.497 0 0 0 .043.645l1.575 1.51a.38.38 0 0 0 .577-.039l7.483-9.602a.436.436 0 0 0-.076-.609zm-4.892 0l-.57-.444a.434.434 0 0 0-.609.076l-6.39 8.198a.38.38 0 0 1-.577.039l-2.614-2.556a.435.435 0 0 0-.614.007l-.505.516a.435.435 0 0 0 .007.614l3.887 3.8a.38.38 0 0 0 .577-.039l7.483-9.602a.435.435 0 0 0-.075-.609z"></path></svg>');
}

.msg-deliveri-read {
    background-size: 18px 15px;
    display: inline-block;
    width: 18px;
    height: 15px;
    content: "";
    margin-left: 3px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 18" width="18" height="18" role="img" xmlns="http://www.w3.org/2000/svg"><path fill="%234fc3f7" d="M17.394 5.035l-.57-.444a.434.434 0 0 0-.609.076l-6.39 8.198a.38.38 0 0 1-.577.039l-.427-.388a.381.381 0 0 0-.578.038l-.451.576a.497.497 0 0 0 .043.645l1.575 1.51a.38.38 0 0 0 .577-.039l7.483-9.602a.436.436 0 0 0-.076-.609zm-4.892 0l-.57-.444a.434.434 0 0 0-.609.076l-6.39 8.198a.38.38 0 0 1-.577.039l-2.614-2.556a.435.435 0 0 0-.614.007l-.505.516a.435.435 0 0 0 .007.614l3.887 3.8a.38.38 0 0 0 .577-.039l7.483-9.602a.435.435 0 0 0-.075-.609z"></path></svg>');
}

.msg-deliveri-0 {
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    margin-left: 3px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 18" width="18" height="18" role="img" xmlns="http://www.w3.org/2000/svg"><path fill="gray" d="M8.906 10.132h-1.64V7.569c0-.3-.243-.545-.545-.545h-.102c-.3 0-.545.243-.545.545v3.21c0 .3.243.545.545.545h.102l.003-.001.003.001h2.178c.3 0 .545-.243.545-.545v-.102a.544.544 0 0 0-.544-.545zm0-5.732H5.094A3.598 3.598 0 0 0 1.5 7.994v3.812A3.598 3.598 0 0 0 5.094 15.4h3.812a3.598 3.598 0 0 0 3.594-3.594V7.994A3.598 3.598 0 0 0 8.906 4.4zm2.178 7.406a2.178 2.178 0 0 1-2.178 2.178H5.094a2.178 2.178 0 0 1-2.178-2.178V7.994c0-1.203.975-2.178 2.178-2.178h3.812c1.203 0 2.178.975 2.178 2.178v3.812z"></path></svg>');
}

.msg-deliveri-undelivered,
.msg-deliveri-expired,
.msg-deliveri-failed,
.msg-deliveri-cancelled {
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    margin-left: 3px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" class=""  xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.759 6.43a7 7 0 0 1 9.81 9.81l-9.81-9.81zM6.357 7.858a7 7 0 0 0 9.786 9.786L6.357 7.857zM12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z" fill="red"></path></svg>');
}