.fab {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    color: #f0f0f0;
    margin: 25px auto 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
    z-index: 998;
    overflow: hidden;
  }


  /* FAB COLOR LINER */
  .fab {
   background: #42a5f5;
  }

  /* FAB COLOR GRADIENT */
  .fab---delete--to-use {
    background: linear-gradient(135deg, #42a5f5, #42a5f595);
  }


  /* FAB IMAGE BACKGROUND BEGIN */

  .fab------image {
    background-image: url(a.png);
    
    background-position: center;
    background-size: contain;
  }


  .fab.is-visible
  {
    /*background-image: url(b.png);*/
	/*background: linear-gradient(135deg, #42a5f5, #42a5f595);*/
	background: #42a5f5;
	
	}

  /* FAB IMAGE BACKGROUND BEGIN */
  
    /* HEADER COLOR */
.chat_header {
      /* margin: 10px; */
    
    font-family: 'Mulish';
    font-weight: 500;
    color: #f3f3f3;
    height: 65px;
    background: #42a5f5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 8px;
  }