/**
 * CSS for Messaging System
 *
 * @auther Narinder Kumar <n88work@gmail.com>
 * @copyright  Broker IDX Sites Inc. 2009-2025
 */

#accountform {
    min-height: auto !important;
}

.messaging_system_message .cke_contents {
    height: 250px !important;
}

.message-sender-text-form .cke_contents {
    height: 100px !important;
}

.upcoming_development_form .width-68 {
    width: 68%;
}

.view_upcoming_development_wrap {
    margin: 10px;
    padding: 15px;
    clear: both;
    float: left;
    width: 65%;
    display: inline-block;
}

.view_message_system_wrap h2,
.view_upcoming_development_wrap .main-body h2 {
    font-size: 20px;
    line-height: 30px;
}

.message_system_margin,
.view_upcoming_development_wrap .main-body p {
    margin-top: 10px;
}

.view_upcoming_development_wrap .main-body textarea {
    width: 100%;
    margin: 10px auto;
}

.view_upcoming_development_wrap .view_owner_name {
    display: inline-block;
    vertical-align: middle;
}

.view_upcoming_development_wrap .view_owner_name-admin {
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
}

.view_upcoming_development_wrap .view_owner_name h3 {
    font-size: 14px;
}

.view_upcoming_development_wrap .view_owner_name h3 time {
    font-weight: normal;
}

.view_upcoming_development_wrap .view_owner_name time {
    font-size: 12px;
}

.view_upcoming_development_wrap .view_owner img {
    border-radius: 50%;
    height: 45px;
    width: 45px;
}

.view_upcoming_development_wrap .message-body {
    float: left;
    width: 100%;
    margin: 15px 0px;
}

.view_upcoming_development_wrap .image-div img {
    max-width: 45px;
    max-height: 45px;
    margin-right: 10px;
}

.view_upcoming_development_wrap .message-sender-img .reply-button-color,
.view_upcoming_development_wrap .message-sender-img .delete-button-color {
    color: #999;
    cursor: pointer;
    margin-top: 5px;
}

.view_upcoming_development_wrap .message-sender-img .reply-button-color {
    margin-right: 10px;
}

.view_upcoming_development_wrap .message-sender-text .image-div {
    width: 4px;
}

.view_upcoming_development_wrap .message-sender-text .message-button {
    margin-top: 5px;
}

.edit-action-item .action-add-upcoming-development {
    font-size: 10.8px;
}

.view_upcoming_development_wrap .reply-massage-body .first-comment,
.view_upcoming_development_wrap .reply-massage-body .second-comment {
    text-align: left;
    float: left;
}

.view_upcoming_development_wrap .reply-massage-body .first-comment {
    width: 100%;
}

.view_upcoming_development_wrap .reply-massage-body .second-comment {
    width: 93%;
    margin-left: 60px;
}

.mb-15 {
    margin-bottom: 15px;
}

.dp-none {
    display: none;
}

.view_upcoming_development_wrap .reply-massage-body .view-change {
    cursor: pointer;
    color: #999;
}

.fa-viewhide-icon::before {
    content: "\f068";
}

.fa-viewshow-icon::before {
    content: "\f067";
}

.view_upcoming_development_wrap .view-description {
    margin-bottom: 25px;
}

.view_upcoming_development_wrap .view-description-comment {
    border: 1px solid #808080;
    margin-top: 20px;
    padding: 10px;
}

.view_upcoming_development_wrap .view-description-comment p {
    color: #F00;
    margin-top: 10px;
}

.view_upcoming_development_wrap .view-description-comment label {
    text-decoration: underline;
    font-weight: bold;
    font-size: 15px;
}

customform-data-container #upcoming_development_comment_id {
    height: 120px !important;
}

.float-none {
    float: none !important;
}

.width-80 {
    width: 80%;
}

.messaging-loading-area {
    text-align: center !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    z-index: 99999;
    border-radius: 10px;
}

.messaging-loading-area img {
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.view_message_system_wrap {
    margin: 10px;
    padding: 15px;
    float: left;
    width: 25%;
}

.view_message_system_wrap li {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    margin: 3px 2px !important;
    display: inline-block;
    padding: 5px;
}

.vertical_line {
    border-left: 2px solid #555;
    height: 500px;
    float: left;
}

#send_to_many_user span.select2-selection,
#messaging_binding_users_li span.select2-selection {
    height: auto !important;
}

#message-form .coded_message_system {
    float: left;
    width: 30%;
}

.message_system_margin {
    margin-bottom: 10px;
}

.coded_message_system {
    margin-top: 41px;
    margin-bottom: 12px;
}

.binding-user-email {
    margin-left: 27px;
}

.message_system_margin li {
    list-style: none;
    width: auto;
    min-width: 55px;
    display: inline-block;
    text-align: left;
    margin: 6px 0px 0px 6px;
    vertical-align: top;
    color: #fff;
    background: #212d40;
    font-size: 13px;
    padding: 6px;
}

.one_time_message_class {
    vertical-align: middle;
    margin-left: 5px;
}

.mb-20,
form#save_messaging_system_form {
    margin-bottom: 20px;
}