#communication_container {
    padding: 0;
}
#communication_container .communication_head {
    width: 100%;
    padding: 10px;
    background: #0066a2 url(../../../images/thead.png) top left repeat-x;
    font-size: 20px;
    display: flex;
    box-sizing: border-box;
    color: #fff;
    flex-wrap: nowrap;
    align-items: center;
}
#communication_container .communication_head .communication_arrow {
    font-size: 40px;
    width: 5%;
    text-align: center;
}
#communication_container .communication_head .communication_icons {
    font-size: 35px;
    width: 15%;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
#communication_container .communication_head .communication_arrow a:link,
#communication_container .communication_head .communication_arrow a:visited,
#communication_container .communication_head .communication_arrow a:hover,
#communication_container .communication_head .communication_arrow a:active
#communication_container .communication_head .communication_icons a:link,
#communication_container .communication_head .communication_icons a:visited,
#communication_container .communication_head .communication_icons a:hover,
#communication_container .communication_head .communication_icons a:active {
  color: #fff
}
#communication_container .communication_head .communication_infos {
    width: 80%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
#communication_container .communication_head .communication_infos .communication_pics {
    width: 22%;
    height: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
#communication_container .communication_head .communication_infos .communication_pics .communication_pic1 {
    border: 2px solid #fff;
    width: 76px;
    border-radius: 100%;
    padding: 3px;
    height: 76px;
}
#communication_container .communication_head .communication_infos .communication_pics .communication_pic2 {
    border: 2px solid #fff;
    width: 76px;
    border-radius: 100%;
    padding: 3px;
    position: relative;
    top: 15px;
    left: -15px;
    height: 75px;
}
#communication_container .communication_head .communication_infos .communication_names {
    font-size: 30px;
    padding: 10px 0;
    font-style: italic;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 78%;
}
#communication_container .communication_head .communication_infos .communication_names .communication_subinfos {
    font-size: 13px;
    padding: 0;
    font-style: normal;
    text-shadow: none;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #fff;
    letter-spacing: 0;
    text-transform: none;
}
#communication_container .communication_postbit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#communication_container .communication_postbit .communication_avatar {
    width: 8%;
    display: flex;
    justify-content: center;
}
#communication_container .communication_postbit .communication_avatar .communication_avatarpic {
    border: 2px solid #0066a2;
    width: 70px;
    border-radius: 100%;
    padding: 3px;
    height: 69px;
}
#communication_container .communication_postbit .post_communication {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
    width: 90%;
}
#communication_container .communication_postbit .post_communication .communication_post_text {
    width: 100%;
    text-align: justify;
}
#communication_container .communication_postbit .post_communication .communication_post_sms {
    background-color: #0066a2;
    padding: 10px;
    font-size: 13px;
    border-radius: 10px;
    color: #fff;
    text-align: justify;
    max-width: 500px;
    position: relative;
    border-top-left-radius: 0px;
}
#communication_container .communication_postbit .post_communication .communication_post_sms:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 15px solid #0066a2;
    border-bottom: 10px solid transparent;
}
#communication_container .communication_postbit .post_communication .communication_post_sms_right {
    background-color: #0066a2;
    padding: 10px;
    font-size: 13px;
    border-radius: 10px;
    color: #fff;
    text-align: justify;
    max-width: 500px;
    position: relative;
    border-top-right-radius: 0px;
}
#communication_container .communication_postbit .post_communication .communication_post_sms_right:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 15px solid #0066a2;
    border-bottom: 10px solid transparent;
}
#communication_container .communication_postbit .post_communication .communication_img {
    margin-top: 10px;
}
#communication_container .communication_postbit .post_communication .communication_img .cimage {
    max-width: 500px;
    max-height: 300px;
    border-radius: 10px;
}
#communication_container .communication_postbit .post_communication .communication_img a:link,
#communication_container .communication_postbit .post_communication .communication_img a:visited,
#communication_container .communication_postbit .post_communication .communication_img a:hover,
#communication_container .communication_postbit .post_communication .communication_img a:active {
    color: #0072BC;
}
#communication_container .communication_quickreply_main {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    padding: 10px;
    box-sizing: border-box;
    gap: 10px;
    align-items: flex-end;
}
#communication_container .communication_quickreply_main .communication_quickreply {
    width: 95%;
}
#communication_container .communication_quickreply_main .communication_quickreply input#cdate {
    background: #eee;
    color: #333;
    outline: 0;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #ddd;
    padding: 4px;
}
#communication_container .communication_quickreply_main .communication_quickreply input#ctime {
    background: #eee;
    color: #333;
    outline: 0;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #ddd;
    padding: 2.9px;
}
#communication_container .communication_quickreply_main .communication_quickreply #cemotijs img {
    padding: 0 2px;
}
#communication_container .communication_quickreply_main .communication_quickreply .communication_quickreply_textarea {
    background: #ffffff;
    height: 92px;
    border-radius: 10px;
    font-size: 13px;
    color: #333;
    box-sizing: border-box;
    padding: 6px 10px;
}
#communication_container .communication_quickreply_main .communication_quickreply_send {
    width: 5%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#communication_container .communication_quickreply_main .communication_quickreply_send input[type=checkbox] {
  display: none;
}
#communication_container .communication_quickreply_main .communication_quickreply_send .label {
  display: flex;
  font-size: 25px;
  border-radius: 100%;
  padding: 10px;
  text-align: center;
  height: 33px;
  width: 32px;
  background: #eee url(../../../images/buttons_bg.png) repeat-x;
  color: #333;
  outline: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #bbb;
  align-items: center;
  justify-content: center;
}
#communication_container .communication_quickreply_main .communication_quickreply_send input[type=checkbox]:checked + .label {
    color: #333;
    background: #eee url(../../../images/buttons_bg.png) repeat-x;
}
#communication_container .communication_quickreply_main  button.communication {
    font-size: 25px;
    border-radius: 100%;
    padding: 10px;
    text-align: center;
    height: 50px;
    width: 50px;
}
.communication_chats_bit {
    width: 100%;
    padding: 10px;
    font-size: 20px;
    display: flex;
    box-sizing: border-box;
    color: #333;
    flex-wrap: nowrap;
    align-items: center;
}
.communication_chats_bit .chats_bit_pic {
    width: 10%;
    text-align: center;
}
.communication_chats_bit .chats_bit_pic .communication_avatarpic {
    border: 2px solid #0066a2;
    width: 70px;
    border-radius: 100%;
    padding: 3px;
    height: 69px;
}
.communication_chats_bit .chats_bit_infos {
    width: 90%;
}
.communication_chats_bit .chats_bit_infos .chats_bit_chatname {
    font-size: 30px;
    padding: 0px 0;
    font-style: italic;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.communication_chats_bit .chats_bit_infos .chats_bit_chatname a:link,
.communication_chats_bit .chats_bit_infos .chats_bit_chatname a:visited,
.communication_chats_bit .chats_bit_infos .chats_bit_chatname a:hover,
.communication_chats_bit .chats_bit_infos .chats_bit_chatname a:active {
    color: #0066a2 ;
}
.communication_chats_bit .chats_bit_infos .chats_bit_chatname .chats_bit_time {
    float: right;
    font-size: 13px;
    padding: 0;
    text-shadow: none;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #333;
    letter-spacing: 0;
    text-transform: none;
    font-weight: bold;
}
.communication_chats_bit .chats_bit_infos .chats_bit_lastpost {
    font-size: 14px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #333;
}
.newchat_button {
    font-size: 25px;
    border-radius: 100%;
    padding: 10px;
    text-align: center;
    height: 40px;
    width: 40px;
    background: #0066a2;
    color: #fff;
    outline: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newchat_button a:link, .newchat_button a:visited, .newchat_button a:active, .newchat_button a:hover {
    color: #fff;
}
.communication_Table {
    display: flex;
    flex-wrap: nowrap;
    padding: 5px;
    gap: 10px;
}
.communication_Table .communication_TableCell1 {
    width: 25%;
}
.communication_Table .communication_TableCell2 {
    width: 74%;
}