.container{max-width:1170px; margin:auto;}
img{ max-width:100%;}
.inbox_people { background: #f8f8f8 none repeat scroll 0 0; float: left; overflow: hidden; width: 40%; border-right:1px solid #c4c4c4; }
.top_spac{ margin: 20px 0 0;}
.recent_heading {float: left; width:40%;}
.srch_bar { display: inline-block; text-align: right; width: 60%; padding: }
.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}
.recent_heading h4 { color: #05728f; font-size: 21px; margin: auto; }
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 0; color: #707070; font-size: 18px; }
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}
.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img { float: left; width: 11%; }
.chat_ib { float: left; padding: 0 0 0 15px; width: 88%; }
.chat_people{ overflow:hidden; clear:both;}
.chat_list { border-bottom: 1px solid #c4c4c4; margin: 0; padding: 18px 16px 10px; }
.inbox_chat { height: 550px; overflow-y: scroll;}
.active_chat{ background:#ebebeb;}
.incoming_msg_img { display: inline-block; width: 6%; }

/* PAGINA DO PRODUTO */
/* ===================================================== */
.block-comments h5, .block-comments .h5 { display:block; font-size: var(--size-26); font-weight: 600; margin: 40px 0px 20px; padding: 0px 0px 15px; border-bottom: 1px solid #f2f2f2;}

.comment-panel .cv-comment { display: table; width: 100%; }
.comment-panel .cv-comment p { display: table; margin: 0px; float: left; max-width: 730px; }
.comment-panel .client_question { color: #252525; }
.comment-panel .reponse_question { color: #999; margin: 10px 0px 0px;}
.comment-panel .client_question i { padding-right: 5px; }
.comment-panel .cv-comment span { font-size: var(--size-10);float:right; }
.comment-panel .reponse_question i { padding-left: 5px; }
.comment-panel.opacity { opacity: 0.3; }
.area_comments .alert-no-message{font-weight: 600;}

.area_show_more{ display: block; text-align: center; max-width: 220px; margin: 0px auto;height: 22px; }
.area_show_more a.btn-show-more { background-color: #fff; padding: 0px 15px; font-weight: 600;transition: all 0.3s;}
.area_show_more hr { margin: -10px 0px 0px; }

.comment-sticky { position: sticky; top: 20px; }
.header-fixed .comment-sticky{top: 150px;}
.comment-panel p.comment-title { font-weight: 600; font-size: var(--size-15);color: #434343; }
.button_send .button { padding: 7px 50px; }

.bootbox-alert .modal-footer {display: none;}
.bootbox-alert button.bootbox-close-button.close { font-size: 30px; margin: 0px !important; }
.bootbox-alert .bootbox-body { font-weight: 600; }
@media screen and (max-width:1300px){
    .comment-panel .cv-comment p { max-width: 660px; }
}
@media screen and (max-width:1199px){
    .comment-panel .cv-comment p { max-width: 520px; }
}
@media screen and (max-width:991px){
    .comment-panel .col-md-8, .comment-panel .col-md-4 { flex: 0 0 100%; max-width: 100%; }
    .comment-panel .cv-comment p { max-width: 630px; }
    .comment-sticky, .header-fixed .comment-sticky{position: relative;top:0px;margin-top:10px;}
}
@media screen and (max-width:767px){
    .comment-panel .col-md-8, .comment-panel .col-md-4 { flex: 0 0 100%; max-width: 100%; }
    .comment-panel .cv-comment p{ float:none; max-width: 100%; }
    .comment-panel .cv-comment span { margin: 10px 0px 5px; float: none; display: table; clear: both; }
}
@media screen and (max-width:360px){
    .comment-panel button.btn.button.btn-send-comment { width: 100%; }
}
/* FIM PAGINA DO PRODUTO */
/* ===================================================== */

/* PAGINA MEUS PEDIDOS - MINHA CONTA */
/* ===================================================== */
#modalComments .modal-header { padding-bottom: 0px; }
#modalComments h4.modal-title { font-weight: 600; }
#modalComments .modal-body { padding-top: 10px; }

form#areaChatForm { border-top: 1px solid #f2f2f2; padding-top: 10px; }
.msg_history { max-height: 400px; overflow-y: scroll; padding-right: 15px;}
.msg_history::-webkit-scrollbar { width: 3px; }
.msg_history::-webkit-scrollbar-track { background-color: #f2f2f2; }
.outgoing_msg, .incoming_msg{display: table; width: 100%; margin: 10px 0px;}
.outgoing_msg { color: #252525;}
.incoming_msg{color: #999;}
.sent_msg, .received_withd_msg{ display: table; width: 100%; position: relative; }
.msg_history p { display: table; margin: 0px; float: left; max-width: 630px;word-break: break-word;}
.sent_msg p i { padding-right: 5px; }
.received_withd_msg p i { padding-left: 5px; }
.msg_history p b { font-size: var(--size-15); display: table;word-break: break-all;}
span.time_date { font-size: var(--size-10); float: right; position: absolute; top: 0px; right: 0px;}

.type_msg { margin-top: 10px; border-top: 1px solid #ebebeb; padding-top: 15px; }
.type_msg .input_msg_write { position: relative; display: table; width: 100%; }
.type_msg .input_msg_write input {padding-right: 70px;}
.type_msg .input_msg_write button.msg_send_btn { position: absolute; right: 0; top: 0; min-height: 35px; border: none; box-shadow: none; padding: 6px 20px; transition: all 0.3s;}
.type_msg .input_msg_write button.msg_send_btn i { font-size: 16px; }
.type_msg .input_msg_write .validation-failed { border: 1px solid red; }
@media screen and (max-width:991px){
    .msg_history p b { max-width: 340px; }
}
@media screen and (max-width:575px){
    .msg_history p{float: none;width: 100%;}
    .msg_history p b{max-width: 100%;}
    span.time_date { position: relative; float: none; }
}
/* FIM PAGINA MEUS PEDIDOS - MINHA CONTA */
/* ===================================================== */