#chat_convo{
				max-height: 65vh;
				z-index: 1000;
				margin-right: 25px;
			}
			#chat_convo .direct-chat-messages{ 
				margin-bottom: -20px;
				height: inherit;
				max-width: 600px !important;
			
			}
			#chat_convo .card-body {
				overflow: auto;
			}
			
			.direct-chat-primary{
			position: fixed;
		  	bottom: 0;
		  	right: 0; 
		  border-radius: 15px;	
			
			} 

			.card-body{

					width: 400px;
			}
			
			.snd:not(:hover):not(:active):not(.has-background){
				background-color: #fff;
			}
			
			.snd{
				color: black !important;
			}

			.snd:hover {
		      background-color: dodgerblue !important;
		}

			.lin{ 
				background:none !important; 
				border:none !important;
			}

			#name{
				color: #20b2aa !important;
			}
			#email{
				color: #20b2aa !important;
			}
			#phone{
				color: #20b2aa !important;
			}

			.input-bg-color{

				background-color: rgb(237, 240, 247) !important;
			}

			.marg{ 

				border: 1px solid !important;
				margin-top: 5px !important;
				border-radius: 15px 15px 15px 15px !important;
			} 

			#x:hover {
		  background-color: dodgerblue !important;
		}

			#y:hover {
		  background-color: dodgerblue !important;
		}


		.resp{

			float: right;
		}

		.resp2{

			float: right;
		}

		#x{
				float: right;
		}

		#y{
				float: right;
		}

		#onno{

		  margin-top: 40px !important;
	    height: 200px !important;
	    padding: 87px !important;
	    font-size: larger !important;
		}

		.st1 {
		    -webkit-box-align: center;
		    align-items: center;
		    padding: 10px 20px;
		    float: right;
		    text-align: left;
		    cursor: pointer;
		    margin-bottom: 5px;
		    margin-top: 5px;
		    background-color: rgb(237, 240, 247);
		    border: 1px solid rgb(9, 157, 253);
		    box-sizing: border-box;
		    border-radius: 15px;
		    color: rgb(47, 60, 78);
		    display: inline-block;
		    margin-right: 10px;
		    transition: background 0.2s ease 0s;
		    }

		.st1:hover {
		    color: rgb(255, 255, 255);
		    background-color: rgb(9, 157, 253);
		  }

		.st2 {
		    overflow-wrap: break-word !important;
		    color: rgba(61, 78, 99, 0.8) !important;
		    width: 100% !important;
		    text-align: left !important;
		    line-height: 20px !important;
		    border-radius: 15px 15px 15px 5px !important;
		    padding: 10px 20px !important;
		    background-color: rgb(237, 240, 247) !important;
		    box-sizing: border-box !important; !important
		    display: inline-block !important;
		    white-space: pre-wrap !important;
		    word-break: break-word !important;
		    border: 0px !important;
		    margin-top: 5px !important;
		    margin-bottom: 10px !important;
		    margin-left: 2px !important;
		    position: relative !important;
		  }

		.st3 {
		    margin-left: auto;
		    overflow-wrap: break-word;
		    line-height: 20px;
		    background-color: rgb(9, 157, 253);
		    color: rgb(255, 255, 255);
		    border-radius: 15px 15px 5px;
		    padding: 10px 20px;
		    text-align: left;
		    max-width: 250px;
		    white-space: pre-wrap;
		    margin-bottom: 10px;
		  }

		  .st4 {

		    color: rgba(61, 78, 99, 0.8) !important;
		    border-radius: 15px 15px 15px 5px !important;
		    background-color: rgb(237, 240, 247) !important;
		}