.heading {
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 600;
  }
  
  img {max-width: 100%;}
          .inbox_msg {
            border: none!important;
            clear: both;
            overflow: hidden;
          }

          .top_spac{ margin: 20px 0 0;}
  
  
          .recent_heading {float: left; width:40%;}
  
          .headind_srch{ padding:10px 29px 10px 0px; overflow:hidden; border-bottom:1px solid #c4c4c4;}
  
          .recent_heading h4 {
            color: #05728f;
            font-size: 21px;
            margin: auto;
          }
  
          .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: 7%;
            margin-top: 15px;
          }
          .received_msg {
            display: inline-block;
            /*padding: 0 0 0 10px;*/
            vertical-align: top;
            width: 92%;
           }
           .received_withd_msg p {
            min-height: 50px;
            background: #e4e8fb none repeat scroll 0 0;
            border-radius: 3px;
            color: #646464;
            font-size: 14px;
            margin: 0;
            padding: 5px 10px 5px 12px;
            width: 100%;
          }
          .time_date {
            color: #747474;
            display: block;
            font-size: 10px;
            margin: 3px 0 0;
          }
          .received_withd_msg { width: 70%;}
          .mesgs {
            float: left;
            padding: 40px;
          }
  
           .sent_msg p {
            min-height: 50px;
            background: #7e8fe9 none repeat scroll 0 0;
            border-radius: 3px;
            font-size: 14px;
            margin: 0; color:#fff;
            padding: 5px 10px 5px 12px;
            width:100%;
          }

          .sent_msg input {
            min-height: 50px;
            background: #7e8fe9 none repeat scroll 0 0;
            border-radius: 3px;
            border: none !important;
            text-align: right;
            font-size: 14px;
            margin: 0; 
            color:#fff !important;
            padding: 5px 10px 5px 12px;
            width:100%;
          }

          ::placeholder {
            color: rgb(216, 209, 209);
          }

          .outgoing_msg { 
            position: relative;
            overflow:hidden; 
            margin:26px 0 26px;
          }

          .sent_msg {
        float: right;
            width: 70%;
        text-align: right;
          }
          .input_msg_write input {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: medium none;
            color: #4c4c4c;
            font-size: 15px;
            min-height: 48px;
            width: 100%;
          }
  
          .type_msg {border-top: 1px solid #c4c4c4;position: relative;}
          .msg_send_btn {
            background: #05728f none repeat scroll 0 0;
            border: medium none;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
            font-size: 17px;
            height: 33px;
            position: absolute;
            right: 0;
            top: 11px;
            width: 33px;
          }
          
          .msg_history {
            /*max-height: 576px;
            overflow-y: scroll;*/
            height: 100%;
            margin-right: -60px; 
            padding-right: 60px; 
          }

          #btn_placeholder::placeholder {
            color: #fff;
          }
        
  
  .credit {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  
  .credit a {
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
    border-bottom: dotted 1px;
  }

  .codigo {
    display:flex;
    position: absolute;
    right: 23%;
    top: 5%;
  }

  .send_btn {
    position: absolute;
    right: 0;
    width: 35px !important;
    margin-top: 5px;
    cursor: pointer;
  }

  .fa-paper-plane:hover {
    color: #2d5c97 !important;
  }

  @media (max-width: 480px) {

    .font-weight-bold {
      font-size: 17px !important;
    }

    .page-title-bar {
      margin-bottom: 2.5rem;
    }

    .codigo {
      display:flex;
      position: absolute;
      left: 7%;
      font-size: 10px;
      margin-top: 45px;
    }

    .codigo h5 {
      font-size: 16px;
    }

    .heading {
      margin-bottom: 0px;
      margin-left: 16px;
      font-size: 21px;
    }

    .incoming_msg_img {
      width: 20%;
      margin-top: 0px;
    }

    .sent_msg {
      margin-right: 42px !important;
    }

    .sent_msg p {
      font-size: 12px;
      min-height: 41px;
    }

    .sent_msg input {
      min-height: 41px;
    }

    .outgoing_msg {
      margin: 15px 0 0px;
    }

    .received_withd_msg p {
      font-size: 12px;
      min-height: 41px;
    }

    #input_dif {
      font-size: 12px;
      min-height: 41px;
      margin-right: 24px !important;
    }

    .send_btn {
      width: 33px !important;
    }

    #send_dif {
      margin-top: 8px !important;
    }

    .h4-botom-title {
      font-size: 15px!important;
    }

    .list-inline-item img {
      width: 22px!important;
    }

    .list-inline-item:not(:last-child) {
      margin-right: 0.3rem;
    }

  }