#cf-context { 
  width: 100%; 
  height: 100%;
}
#form {
  height: 0px;
  overflow: hidden;
}

.animate-in.showwait {
    opacity: 1 ;
    transition: opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}     

.bubble-container {

    /*background: rgba(220, 221, 224, 0.1);	*/
	height: 520px;
	width: 750px;
/*	width: 100%;*/
/*  max-height: 400px;*/
/*  height: 100%;  */
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}


.conversational-form {

  background: rgba(0, 0, 0, 0.7);

}


  .conversational-form:before {

    width: 100%;
    height: 50px;
 
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);%) */

    }


    cf-chat-response text > p {
      margin: 0px;
      padding: 0px;
      background: #82ccdd;
      padding: 8px 10px 10px 10px;
      display: table;
      border-radius: 0px 10px 10px 10px;
      transition: background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      cf-chat-response.user text > p {

        background: #78e08f;
        border-radius: 10px 0px 10px 10px;
        margin-right: 0px;
        margin-left: auto; }
      p {
    /*font-size: 1rem;*/
    /*line-height: 1;*/
    font-size: 0.8rem;
    /*font-weight: 400;*/
    line-height: 1.5;
    color: #212529;
    text-align: left;    
}


  .cf-button[selected="selected"]:not(:focus):not(:hover):not(.highlight), .cf-button[checked="checked"]:not(:focus):not(:hover):not(.highlight) {
    background: white;
    }

  cf-input input, cf-input textarea {
    color: #343a40;
    }    

}