.scrollable-container {
    max-height: 60vh;
    overflow-y: auto;
    position: relative;
    z-index: 10;
    /* border: 1px solid #ccc; */
  }
  
  .list-convos {
    border: 2px solid #ccc;
    margin-bottom: 10px;
  }
  
  .convo {
    cursor: pointer;
    padding: 1rem;
  }
  
  .sent-color {
    color: yellow;
  }
  
  .received-color {
    color: rgb(59, 228, 59);
  }
  
  .state_badge {
    background: #39afd1;
    position: absolute;
    /* top: 0;  */
    right: 0rem;
    color: white;
    padding: 0.1rem;
    width: 15%;
    text-align: center;
    font-size: 10px;
    text-transform: capitalize;
  }
  
  .state_badge.active {
    background: #c5e063;
    text-transform: capitalize;
    color: #333;
  }
  
  .state_badge.active.state,.convo.active {
    display:none 
  }
  
  .state_badge.active.closed,.state_badge.session_expired{
    background: rgb(205, 27, 27);
    color:#fff
  }
  
  .state_badge.active.session_expired{
    background: #f6c343;
    color:#eee
  }
  
  .message_type_badge{
    background: #c5e063;
    color: #333;
    padding: 1px 3px;
    border-radius: 5px;
  }
  
  .message_source_badge{
    background: #c5e063;
    color: #333;
    padding: 5px 10px;
    border-radius: 50%;
  }

  /*******************************
chat index page
  *****************************/

  .chat-board {
    min-height: 60vh;
  }



/*******************************
chat header page
  *****************************/
  .new-complaint{
    display: flex;
    
  }
  .btn-pending{
    background: #f46036;
    border-color: #f46036;
    box-shadow: None;
  
  }
  .btn-closed{
    background: #2e294e;
    border-color:#2e294e;
    box-shadow: None;
  }
  .btn-active{
    background: #1b9988;
    border-color:#1b9988;
    box-shadow: None;
  
  }
  .btn-expired{
    background: #c5d86d;
    border-color:#c5d86d;
    box-shadow: None;
  
  }
  .btn-all{
    background: #061a40;
    border-color:#061a40;
    box-shadow: None;
  
  
  }
  .btn-default{
    background: #0353a4;
    border-color:#0353a4;
    box-shadow: None;
  }
  
  .btn_default_main{
    background: #b4bfca;
    border-color: #b4bfca;
    color: #333;
    box-shadow: 0 4px 6px rgba(28, 13, 13, 0.1);
    transition: box-shadow 0.3s ease;
  }
  
  .btn-sm{
    margin:2px
  }